{% extends "base.html" %}

{% block content %}
    <h2>Graphical representation of parking history</h2>
    <div id="chart" class="chart"></div>
{% endblock %}

{% block js %}
    <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
    <script type="text/javascript">
        var graphs = {{graphJSON | safe}};
        Plotly.plot('chart',graphs,{});  
    </script>
{% endblock %}