Design

Créateur de tableau de bord

Choisissez un modèle ou partez d'une page vierge. Ajoutez des cartes KPI, des graphiques et des tableaux dans une grille à 4 colonnes. Changez de thème et de police, exportez en PNG pour le partage ou en SVG pour l'édition vectorielle.

ThèmePoliceLargeur

Personnaliser la palette du thème

Arrière-plan de la page#f8fafcArrière-plan de la tuile#ffffffTexte#0f172aTexte atténué#64748bPrimaire#1e3a8aSecondaire#0891b2Tendance positive#16a34aTendance négative#dc2626Séparateur#e2e8f0

Modifier le JSON directement (avancé)

Modifiez le JSON du tableau de bord ou collez une spécification complète pour la charger. Réservé aux utilisateurs avancés — chaque contrôle de l'interface ci-dessus écrit dans ce même JSON.

{
  "kind": "easytoolapp.dashboard",
  "state": {
    "title": "Sales overview",
    "width": 1200,
    "themeId": "executive",
    "fontFamily": "sans",
    "tiles": [
      {
        "id": "mtue24sj3ed06",
        "type": "header",
        "cols": 4,
        "title": "Sales overview — Q1 2026",
        "subtitle": "Updated 2 minutes ago",
        "filterLabel": "Last 90 days"
      },
      {
        "id": "mtue24sjqlduh",
        "type": "kpi",
        "cols": 1,
        "value": "€1.24M",
        "label": "Revenue",
        "delta": "+12.4%",
        "trend": "up",
        "caption": "vs previous period"
      },
      {
        "id": "mtue24sjgomob",
        "type": "kpi",
        "cols": 1,
        "value": "€1.24M",
        "label": "Revenue",
        "delta": "+12.4%",
        "trend": "up",
        "caption": "vs previous period"
      },
      {
        "id": "mtue24sjy67co",
        "type": "kpi",
        "cols": 1,
        "value": "€1.24M",
        "label": "Revenue",
        "delta": "+12.4%",
        "trend": "up",
        "caption": "vs previous period"
      },
      {
        "id": "mtue24sjkn5jb",
        "type": "kpi",
        "cols": 1,
        "value": "€1.24M",
        "label": "Revenue",
        "delta": "+12.4%",
        "trend": "up",
        "caption": "vs previous period"
      },
      {
        "id": "mtue24sjxjtpm",
        "type": "line",
        "cols": 2,
        "title": "Monthly revenue",
        "area": true,
        "xLabels": [
          "Jan",
          "Feb",
          "Mar",
          "Apr",
          "May",
          "Jun"
        ],
        "series": [
          {
            "label": "2026",
            "values": [
              120,
              140,
              180,
              160,
              210,
              240
            ]
          },
          {
            "label": "2025",
            "values": [
              100,
              110,
              130,
              140,
              160,
              180
            ]
          }
        ]
      },
      {
        "id": "mtue24sj5j5js",
        "type": "donut",
        "cols": 1,
        "title": "Channels",
        "donut": true,
        "showLegend": true,
        "items": [
          {
            "label": "Direct",
            "value": 45
          },
          {
            "label": "Organic",
            "value": 30
          },
          {
            "label": "Paid",
            "value": 18
          },
          {
            "label": "Other",
            "value": 7
          }
        ]
      },
      {
        "id": "mtue24sjm41lg",
        "type": "bar",
        "cols": 2,
        "title": "Revenue by region",
        "orientation": "horizontal",
        "showValues": true,
        "items": [
          {
            "label": "Europe",
            "value": 540
          },
          {
            "label": "Americas",
            "value": 380
          },
          {
            "label": "Asia",
            "value": 240
          },
          {
            "label": "Other",
            "value": 80
          }
        ]
      },
      {
        "id": "mtue24sj73k1n",
        "type": "table",
        "cols": 2,
        "title": "Top products",
        "headers": [
          "Product",
          "Units",
          "Revenue"
        ],
        "rows": [
          [
            "Alpha",
            "1,240",
            "€124k"
          ],
          [
            "Beta",
            "920",
            "€92k"
          ],
          [
            "Gamma",
            "640",
            "€64k"
          ],
          [
            "Delta",
            "410",
            "€41k"
          ]
        ]
      },
      {
        "id": "mtue24sj5tjhe",
        "type": "footer",
        "cols": 4,
        "text": "Source: internal data warehouse · refreshed daily",
        "source": "dashboards@company.com"
      }
    ]
  }
}

Les données de votre tableau de bord restent dans votre navigateur. Rien n'est envoyé.

Comment utiliser ce créateur de tableau de bord

Choisissez un modèle (ventes, marketing, RH, finance, opérations) ou partez d'une page vierge.
Ajoutez des cartes KPI, des graphiques à barres, en ligne, en anneau ou des jauges, et des tableaux.
Cliquez sur une tuile pour modifier ses données. Ajustez la largeur (1 à 4 colonnes).
Choisissez un thème et une police.
Exportez en PNG, SVG ou JSON. Tout se passe dans le navigateur, sans envoi.

Questions fréquentes

Le créateur de tableau de bord est-il gratuit ?

Oui. Gratuit, sans compte, sans envoi.

Quels types de tuiles sont disponibles ?

En-tête, carte KPI, graphique à barres, graphique en ligne, anneau, jauge, tableau, texte et pied de page.

Mes données sont-elles envoyées quelque part ?

Non. Tout se passe dans votre navigateur. Vos données ne quittent jamais votre appareil.

Puis-je exporter le tableau de bord ?

Oui. PNG (matriciel), SVG (vectoriel) ou JSON pour le rouvrir plus tard.

Comment utiliser ce créateur de tableau de bord

Questions fréquentes

Le créateur de tableau de bord est-il gratuit ?

Quels types de tuiles sont disponibles ?

Mes données sont-elles envoyées quelque part ?

Puis-je exporter le tableau de bord ?

Outils similaires

Créateur d'infographie

Créateur d'affiches

Sélecteur de couleur