{% extends "base.html" %}
{% block title %}Explorer — Gordon{% endblock %}
{% block head %}
  <script src="/static/vendor/plotly.min.js"></script>
{% endblock %}
{% block content %}

<section class="prose">
  <h1>Explorer</h1>
  <p class="lead">The {{ n_charts }} Gordon chart-series, grouped by theme. Every chart follows
     the Universal Graph Contract: download the data (CSV in the chart's top-right menu, or
     CSV / XLSX / Parquet below it), the legend sits below the plot, and charts stack full-width —
     never side by side. The <span class="sc-interp-pill">heterodox lens</span> pill marks the
     labeled real-competition interpretation; those series read the official data through a
     classical (Shaikh) frame and are not themselves official statistics.</p>
</section>

{% for g in groups %}
<section class="prose">
  <h2 class="sc-group-head">{{ g.group }}</h2>
  {% for c in g.charts %}
  <div data-chart="{{ c.key }}"></div>
  {% endfor %}
</section>
{% endfor %}

{% endblock %}
{% block body_scripts %}
  <script src="/static/js/sc-charts.js"></script>
{% endblock %}