Panel interactivo

Catálogo en cifras

  <h2>Resumen del catálogo</h2>
  <p>Los datos se actualizan desde la API pública en cada carga de página.</p>
</div>
<label class="dashboard__selector">
  Métrica
  <select data-dashboard-metric>
    <option value="downloads">Descargas directas</option>
    <option value="api_links">Recursos API</option>
    <option value="tables">Tablas bronze</option>
  </select>
</label>

<article class="metric-card">
  <span class="metric-card__label">Datasets publicados</span>
  <strong class="metric-card__value" data-metric-total>—</strong>
</article>
<article class="metric-card">
  <span class="metric-card__label">Descargas totales</span>
  <strong class="metric-card__value" data-metric-downloads>—</strong>
</article>
<article class="metric-card">
  <span class="metric-card__label">Recursos API</span>
  <strong class="metric-card__value" data-metric-api>—</strong>
</article>
<article class="metric-card">
  <span class="metric-card__label">Tablas bronze</span>
  <strong class="metric-card__value" data-metric-tables>—</strong>
</article>

<canvas data-dashboard-chart height="320"></canvas>
<div class="dashboard__chart-meta">
  <h3 class="dashboard__chart-title">Top datasets</h3>
  <p data-dashboard-chart-description>Comparativa de datasets según descargas.</p>
</div>
<div class="dashboard__chart-actions" data-dashboard-chart-actions>
  <span class="series-chart__actions-label">Descargar gráfico:</span>
  <button type="button" class="button button--ghost" data-dashboard-download="png">PNG</button>
  <button type="button" class="button button--ghost" data-dashboard-download="svg">SVG</button>
</div>

<table>
  <thead>
    <tr>
      <th>Dataset</th>
      <th>Descargas</th>
      <th>Recursos API</th>
      <th>Tablas bronze</th>
    </tr>
  </thead>
  <tbody data-dashboard-table></tbody>
</table>

Exploración interactiva

Descargas vs API

Este diagrama posiciona cada dataset según la cantidad de descargas directas y recursos API publicados. El tamaño de la burbuja refleja el número de tablas bronze disponibles.

Series temporales

Visualización declarativa construida desde dipres_presupuestos_totales, agregando la ejecución presupuestaria anual en CLP. Los filtros se definen desde atributos data-series-* para evitar código adicional.

<p class="series-chart__empty">Cargando serie temporal…</p>

Cómo interpretar el tablero

Descargas directas reúne los recursos declarados en recursos.descargas de cada dataset.
Recursos API contabiliza los endpoints documentados en recursos.api.
Tablas bronze refleja la cantidad de tablas disponibles en la capa publicada.
Selecciona una métrica para reordenar el gráfico y la tabla con los valores más altos.

Accesos rápidos

Volver arriba