{% extends "shared/d3_base.html" %}

{# The hierarchy as nested circles, zoomable (d3 v7, backlog #33 and #34) #}


{% block hint %}
	Click a circle to zoom into it, click the circle in focus (or a circle with no children) to see its details, click outside the circles to zoom out.
{% endblock hint %}



{% block the_javascript %}

{% include "shared/js_d3_charts.html" %}

<script type="text/javascript">
{% if TOTAL_OBJECTS > 0 %}
	drawPackChart("#the_graph", {{JSON_DATA_OBJECTS|safe}}, showpanel);
{% endif %}
</script>

{% endblock the_javascript %}