16 min
Se ler só uma coisa
Declare codificações em JSON com Vega-Lite – gráficos reproduzíveis que ensinam a gramática dos gráficos.
Pontos-chave
Gramática Vega-Lite codifica valores como especificações da unidade de marca + canais de codificação. Vega-Lite do Laboratório de Dados Interativo da Universidade de Washington. Em relatorios, anuncios e trabalhos: figuras de análise reproduzíveis, codificações de ensino, cadernos. Evite quando você só precisa de uma barra descartável para um convite de reunião. Esta pagina reune anatomia, encaixe, oficio, falhas e receitas de trabalho, anuncios e escola para Gramática Vega-Lite.
Ir à seção
Anterior
Artesanato personalizado D3
Seguinte
Kit de plotagem observável
Sistemas locais
BCP-47 + CSV pt-BR; CSV com ; e agrupamento 1.200.
Formato numérico O agrupamento 1.200 não é universal.
Download do studio SVG/PNG ficam no navegador; nada é enviado. Exemplos locais Veja a tabela local antes de importar CSV. Abra o studio depois do seletor. FAQ local O Make envia meu CSV? Não — o parse fica no navegador.
Por que CSV europeu quebra? Separadores e milhares diferem; veja a nota local no Make.
Termos locais
Seletor Escolha a forma antes do studio.
Make Transforme CSV/tabela num visual inicial.
Studio Editor no navegador — SVG/PNG local. Sistemas locais
BCP-47 + CSV pt-BR; CSV com ; e agrupamento 1.200.
Formato numérico O agrupamento 1.200 não é universal.
Download do studio SVG/PNG ficam no navegador; nada é enviado. Exemplos locais Veja a tabela local antes de importar CSV. Abra o studio depois do seletor. FAQ local O Make envia meu CSV? Não — o parse fica no navegador.
Por que CSV europeu quebra? Separadores e milhares diferem; veja a nota local no Make.
Termos locais
Seletor Escolha a forma antes do studio.
Make Transforme CSV/tabela num visual inicial.
Studio Editor no navegador — SVG/PNG local. Fontes Editorial atlas Locale pack Licensed media Instituições locais
Guia de contraste WCAG Linhas de base de acessibilidade para cor e texto.
Guias de estilo / kits de marca Paleta e tipografia podem sobrescrever defaults do estúdio.
Políticas de ética/divulgação de dados Notas de fonte e honestidade de truncamento são do publicador. Mitos vs fatos 3D sempre parece mais profissional → A distorção de perspectiva prejudica a comparação; o plano lê mais limpo. Mais tinta = mais insight → O chartjunk compete com o sinal dos dados. Exportar do estúdio não precisa de revisão → Sempre confira contraste, rótulos e fontes antes de publicar. FAQ avançada O estúdio substitui uma suíte de design completa? Não. É um espaço de ofício viz com defaults honestos.
As pontuações coroam o “melhor” gráfico? Não. São medidores editoriais de dimensões de ofício.
O estúdio garante passar WCAG? Não. Defaults ajudam; contraste e semântica finais exigem revisão.
Gráficos de pizza são sempre ruins? Muitas vezes mal usados com muitas categorias; conjuntos pequenos parte-todo ainda podem funcionar.
Lista de verificação
1 Escreva a pergunta que o viz deve responder.
2 Prefira encodings de posição/comprimento ao comparar.
3 Faça checagem de contraste antes de publicar.
4 Abra o estúdio cedo; itere marcas, não temas. Aviso importante Não é carimbo de conformidade. Cor, contraste e integridade ainda exigem revisão humana.
Profundidade editorial Medidores editoriais comparam clareza e utilidade, não troféus de “melhor gráfico”. Nas VS, pergunte qual encoding reduz mentiras sob sua forma de dados.
Fontes aprofundadas Gramática dos gráficos / encoding perceptual Documentação de contraste WCAG Notas de qualidade do estúdio viz Tool-Lifes Aviso importante Não é carimbo de conformidade. Cor, contraste e integridade ainda exigem revisão humana.
Para quem Declare codificações em JSON com Vega-Lite – gráficos reproduzíveis que ensinam a gramática dos gráficos.
Imprimir esta pagina
Pontuacoes-chave Clareza 76 Persuasao 48 Densidade 80 Custo de oficio 62 Encaixe escolar 70 Encaixe laboral 78 Gráfico de barras Gráfico de linhas Pizza e rosca Gráfico de dispersão Como escolher um viz Escolha a forma — Comece pela pergunta, não por um template bonito.Codifique, depois decore — Posição e comprimento primeiro; tinta e efeitos depois.Verifique contraste — Defaults do estúdio ajudam, mas WCAG ainda é necessário antes de publicar.Abra o estúdio amplo — Use o espaço ampliado para iterar marcas sem lotar painéis.Ferramentas práticas Abrir estúdio viz
Próxima ferramenta Depois desta forma, abra Estúdio ou Seletor — rótulos sanitizados.
Usar esta página Escolha a forma — Comece pela pergunta, não por um template bonito. Codifique, depois decore — Posição e comprimento primeiro; tinta e efeitos depois. Verifique contraste — Defaults do estúdio ajudam, mas WCAG ainda é necessário antes de publicar. Gramática Vega-Lite Gramática Vega-Lite codifica valores como especificações da unidade de marca + canais de codificação. Vega-Lite do Laboratório de Dados Interativo da Universidade de Washington.
Em relatorios, anuncios e trabalhos: figuras de análise reproduzíveis, codificações de ensino, cadernos. Evite quando você só precisa de uma barra descartável para um convite de reunião.
Esta pagina reune anatomia, encaixe, oficio, falhas e receitas de trabalho, anuncios e escola para Gramática Vega-Lite.
Como Gramática Vega-Lite aparece aqui
Excel ou Planilhas Google e PowerPoint partilham esta geometria. Uma tese por slide; exporte SVG ou PDF, nao uma captura.
Em Meta, Google e impressos, um numero e uma forma falam primeiro. Se Gramática Vega-Lite nao cabe num banner, fique com o numero e mostre o grafico na landing.
Em relatorios de laboratorio e cartazes, escolha a forma que responde a a rubrica. Eixos, unidades e uma linha de fonte e o que se corrige.
Forma Gramática Vega-Lite
Desde 2016
Codifica especificações da unidade…
Melhor para figuras de análise…
Evitar você só precisa de uma…
Estudio Métodos
Perguntas frequentes Quando escolho Gramática Vega-Lite? Quando a historia e: figuras de análise reproduzíveis, codificações de ensino, cadernos.
Quando evitar? Em casos como: você só precisa de uma barra descartável para um convite de reunião.
Quem inventou ou popularizou? Vega-Lite do Laboratório de Dados Interativo da Universidade de Washington
O que codifica? especificações da unidade de marca + canais de codificação
Serve em anuncios? Sim se uma tese se ve de relance em Meta, Google e impressos; senao ligue para a figura completa.
Um professor aceita? Sim em relatorios de laboratorio e cartazes se houver eixos, unidades e uma linha de fonte.
Qual ferramenta? Excel ou Planilhas Google ou PowerPoint; exporte SVG/PDF.
Como manter acessivel? Nao dependa so da cor. Rotule diretamente e confira o cinza.
Estúdio →
Qual visual?
Comparar formas
Fazer um visual a partir de um arquivo