Le widget Graphique Vega de Visualisation afficher utilise les spécifications Vega-Lite pour créer différents types de graphique (graphiques à barres, graphiques à points, etc.).

Si vous laissez spec vide, un diagramme à barres simple est automatiquement généré avec la première colonne de chaîne de l'axe des X et le premier nombre dans l'axe des ordonnées.

Vega-Lite permet la transformation et le filtrage des données. Par exemple, les chaînes peuvent être transformées en dates.

Pour en savoir plus sur Vega-Lite, voir Vega-Lite-A High-Level Visualization Grammar.

L'exemple avancé suivant montre la spécification d'un graphique à barres groupées basé sur une table de données de population. Cet exemple explique comment filtrer les données et calculer une colonne virtuelle :

{
  "name": "Population Grouped Bar Chart",
  "type": "Chart",
  "props": {
    "data": "population",
    "spec": {
      "transform": [
        {
          "filter": "datum.year == 2000"
        },
        {
          "calculate": "datum.sex == 2 ? 'Female' : 'Male'",
          "as": "gender"
        }
      ],
      "mark": "bar",
      "encoding": {
        "column": {
          "field": "age",
          "type": "ordinal"
        },
        "y": {
          "aggregate": "sum",
          "field": "people",
          "type": "quantitative",
          "axis": {
            "title": "population",
            "grid": false
          }
        },
        "x": {
          "field": "gender",
          "type": "nominal",
          "scale": {
            "rangeStep": 12
          },
          "axis": {
            "title": ""
          }
        },
        "color": {
          "field": "gender",
          "type": "nominal",
          "scale": {
            "range": [
              "#EA98D2",
              "#659CCA"
            ]
          }
        }
      },
      "config": {
        "facet": {
          "cell": {
            "strokeWidth": 0
          }
        },
        "axis": {
          "domainWidth": 1
        }
      }
      }
    }
  }