Charts

Web Components de gráficos baseados em ECharts. Uso via <ds-chart-line> e similares. Todos os gráficos consomem tokens do tema ativo automaticamente.

⚡
Fase 6 — Em construção

Os Web Components de gráficos serão implementados no PROMPT 6. Esta página exibirá exemplos interativos de cada tipo de gráfico.

Charts planejados

  • <ds-chart-line> — Série temporal, multi-linha
  • <ds-chart-bar> — Barras verticais e horizontais, empilhadas
  • <ds-chart-pie> — Pizza e donut
  • <ds-chart-area> — Área com gradiente
  • <ds-chart-scatter> — Dispersão
  • <ds-chart-heatmap> — Mapa de calor
  • <ds-chart-treemap> — Treemap para hierarquias
  • <ds-chart-funnel> — Funil de conversão
  • <ds-chart-map> — Mapa geográfico
  • <ds-stat> — Big number com delta

Preview de uso (PROMPT 6+)

<!-- Incluir a biblioteca -->
<script src="/dist/ds.js"></script>

<!-- Usar o componente -->
<ds-chart-line
  title="Downloads ao longo do tempo"
  data='[{"date":"2024-01","value":1200},...]'
  height="320"
></ds-chart-line>