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

{# Bubbles: every entity as a circle, sized by its number of direct sub-entities and
   coloured by its parent, so you can see at a glance where the hierarchy is bushiest
   (d3 v7, backlog #32 and #34) #}


{% block hint %}
	A circle per entity, sized by its number of direct sub-entities and coloured by its parent.
	Hover a circle to see its name, click it to see its details.
{% endblock hint %}



{% block the_javascript %}

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

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

{% endblock the_javascript %}