Structure de donnees de graphique

Debutant Web et Frontend

Une structure de donnees pour le rendu de graphiques avec labels, jeux de donnees et valeurs de couleur. Pret a copier et tester.

{
  "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"
    }
  ]
}

Ouvrir dans l'outil

Formateur JSON Validateur JSON Visionneuse JSON

Outils associes

Formateur JSON Visionneuse JSON

chart
data
visualization
d3

Exemples JSON