{% extends "base_page.html" %}
{% block content %}
{{agent.firstname}}
<div id="charge_div"></div>
<svg id="charge"></svg>
{% endblock %}
{% block more_scripts %}
{% include 'd3js-includes.html' %}
<script>
  // Update…
  d3.json("{{url_for('main.charge_agent', agent_id=agent.id)}}").then( data => {
    var charge = d3.select("#charge_div")
        .selectAll("p")
        .data(data)
        .text(function (d) {
          return d;
        });
    // Enter…
    charge.enter().append("p")
        .text(function (d) {
          return d;
        });
})

</script>
{% endblock %}