Estrutura de Dados de Grafico

Iniciante Web e Frontend

Uma estrutura de dados para renderizar graficos com labels, conjuntos de dados e valores de cor. Pronto para copiar e testar.

{
  "labels": ["Jan", "Feb", "Mar", "Apr", "May", "Jun"],
  "datasets": [
    {
      "label": "Revenue",
      "data": [12000, 15000, 13500, 18000, 16500, 21000],
      "color": "#3b82f6"
    },
    {
      "label": "Expenses",
      "data": [8000, 9500, 10000, 9000, 11000, 12500],
      "color": "#ef4444"
    }
  ]
}

Abrir na ferramenta

Formatador JSON Validador JSON Visualizador JSON

Ferramentas Relacionadas

Formatador JSON Visualizador JSON

chart
data
visualization
d3

Exemplos JSON