Widgets de Gráfico Vega em Decision Optimization experimentos

O widget Gráfico Vega no Visualização visualizar usa especificações Vega-Lite para criar diferentes tipos de gráfico (gráficos de barras, gráficos de pontos, etc.).

Se você deixar spec vazio, um gráfico de barras simples será gerado automaticamente com a primeira coluna de sequência no eixo x e o primeiro número no eixo y.

Vega-Lite ativa a filtragem de dados e a transformação. Por exemplo, as sequências podem ser transformadas em datas.

Para saber mais sobre o Vega-Lite, consulte Vega-Lite - Uma Gramática de Visualização de Alto Nível.

O exemplo avançado a seguir mostra a especificação para um gráfico de barras agrupadas com base em uma tabela de dados de preenchimento Este exemplo mostra como filtrar dados e como calcular uma coluna virtual:

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