Para construção dos nossos gráficos no sistema utilizamos a biblioteca Vega. No link abaixo temos as possibilidades de gráficos com essa biblioteca.
Apesar de ser uma linguagem de programação, é possível construir os gráficos com o auxílio do Chat GPT, esse é um exemplo de texto para você escrever para o GPT criar um gráfico para você.
Uma vez que já tenho a tabela pronta, qual código utilizo para criar um gráfico de pizza no vega lite que represente a porcentagem de pessoas para cada tipo da coluna "Raça e Etnia".
O resultado do Chat GPT geralmente irá te dar uma resposta de código parecida com essa:
{
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
"description": "Gráfico de Pizza da Porcentagem de Pessoas por Raça e Etnia",
"data": {
"values": [
{"Raça e Etnia": "Branca", "Quantidade": 150},
{"Raça e Etnia": "Parda", "Quantidade": 250},
{"Raça e Etnia": "Negra", "Quantidade": 100},
{"Raça e Etnia": "Amarela", "Quantidade": 30},
{"Raça e Etnia": "Indígena", "Quantidade": 20}
// Adicione mais linhas para cada tipo de raça/etnia com suas quantidades
]
},
"transform": [
{"window": [{"field": "Quantidade", "op": "sum", "as": "Total"}]}
],
"mark": "arc",
"encoding": {
"theta": {"field": "Total", "type": "quantitative", "stack": true},
"color": {"field": "Raça e Etnia", "type": "nominal"},
"tooltip": [
{"field": "Raça e Etnia", "type": "nominal"},
{"field": "Total", "type": "quantitative"},
{"field": "Quantidade", "type": "quantitative"}
]
}
}Para a Zazos, vamos utilizar apenas o código após "mark":.
Nesse caso, o código que irá gerar o gráfico de pizza com distribuição de Raça e Etnia na Zazos é:
{
"mark": {
"type": "arc",
"tooltip": true
},
"encoding": {
"color": {
"sort": {
"op": "count",
"order": "descending"
},
"type": "nominal",
"field": "Informações Básicas / Gênero"
},
"order": {
"sort": "descending",
"aggregate": "count"
},
"theta": {
"type": "quantitative",
"field": "Informações Básicas / Gênero",
"aggregate": "count"
}
}
}Nesse código incluímos também tooltips para aparecerem os valores e porcentagens.
Importante ressaltar que esse código pode ser encontrado no nosso app de Analytics.
Importante ressaltar que o jeito mais fácil de construir gráficos hoje na Zazos é utilizar os gráficos que já disponibilizamos em nossos apps como exemplo!