14 min
Pontos-chave
Tinta de dados codifica valores como a parte da tinta que representa dados, não enfeite. Edward Tufte, The Visual Display…, 1983. Em relatorios, anuncios e trabalhos: auditar slides, dashboards e figuras. Evite quando um cartaz que deve gritar a três metros — anúncios podem guardar enfeite. Esta pagina reune anatomia, encaixe, oficio, falhas e receitas de trabalho, anuncios e escola para Tinta de dados.
Ir à seção
Anterior
Sistemas de cor
Seguinte
Viz acessí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.
Imprimir esta pagina
Pontuacoes-chave Clareza 92 Persuasao 48 Densidade 70 Custo de oficio 50 Encaixe escolar 72 Encaixe laboral 90 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.
Tinta de dados Tinta de dados codifica valores como a parte da tinta que representa dados, não enfeite. Edward Tufte, The Visual Display…, 1983.
Em relatorios, anuncios e trabalhos: auditar slides, dashboards e figuras. Evite quando um cartaz que deve gritar a três metros — anúncios podem guardar enfeite.
Esta pagina reune anatomia, encaixe, oficio, falhas e receitas de trabalho, anuncios e escola para Tinta de dados.
Como Tinta de dados 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 Tinta de dados 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 Tinta de dados
Desde 1983
Codifica a parte da tinta que…
Melhor para auditar slides, dashboards…
Evitar um cartaz que deve gritar…
Estudio Oficio
Perguntas frequentes Quando escolho Tinta de dados? Quando a historia e: auditar slides, dashboards e figuras.
Quando evitar? Em casos como: um cartaz que deve gritar a três metros — anúncios podem guardar enfeite.
Quem inventou ou popularizou? Edward Tufte, The Visual Display…, 1983
O que codifica? a parte da tinta que representa dados, não enfeite
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