Comece aqui
Caminhos curtos ao atlas — escolha um e siga as sete seções.
Popular em Tudo sobre visualização
FAQ de visualização
O estúdio substitui uma suíte de design completa?
As pontuações coroam o “melhor” gráfico?
O estúdio garante passar WCAG?
Gráficos de pizza são sempre ruins?
Estudio
Percorrer o atlas
📊 Gráficos
Barras, linhas, pizza, dispersão, calor, cascata, funil, treemap.
▮ Gráfico de barras
Compare categorias numa linha de base comum — o gráfico honesto padrão.
Abrir →
📈 Gráfico de linhas
Mostra a mudança no tempo com um traço contínuo.
Abrir →
◐ Pizza e rosca
Forma sedutora de parte-todo — forte em anúncios, perigosa com muitas fatias.
Abrir →
⚬ Gráfico de dispersão
Duas variáveis medidas como nuvem de pontos — a forma honesta de falar de correlação.
Abrir →
▦ Mapa de calor
Uma matriz de intensidade — densa, sedutora e fácil de distorcer com um arco-íris.
Abrir →
📶 Cascata
Como um total foi construído: início, mais, menos, fim.
Abrir →
▽ Funil
Etapas que encolhem — marketing adora; a ciência deve pedir larguras honestas.
Abrir →
▭ Mapa de árvore
Hierarquia em retângulos aninhados — arquivos, orçamentos, carteiras.
Abrir →
📶 Histograma
Contagens por classe: onde uma medida se acumula, não uma comparação de categorias.
Abrir →
🔀 Diagramas
Fluxo, organograma, mapa mental, Venn, linha do tempo.
⇨ Fluxograma
Caixas e setas para um processo — clássico escolar que ainda roda em operações.
Abrir →
🌳 Organograma
Quem reporta a quem — uma árvore para empresa ou projeto escolar.
Abrir →
✦ Mapa mental
Um despejo radial de ideias — ótimo para estudar, fraco como argumento.
Abrir →
◯ Diagrama de Venn
Conjuntos sobrepostos — favorito escolar que anúncios abusam.
Abrir →
— Linha do tempo
Eventos num trilho de tempo — dever de história, lançamentos, campanhas.
Abrir →
⬡ Formas
Geometria, setas, callouts, blocos.
▲ Formas geométricas
Círculos, quadrados, triângulos, hexágonos — o alfabeto de anúncios e ícones.
Abrir →
→ Setas e conectores
Direção é um argumento — anúncios e slides vivem da seta.
Abrir →
💬 Callouts e badges
O grito do layout — badges de oferta, balões, passos numerados.
Abrir →
▣ Blocos de infográfico
Uma página de ladrilhos — revistas, landings, painéis escolares.
Abrir →
🎯 Ofício
Cor, tinta de dados, acessibilidade.
🎨 Sistemas de cor
Matiz é ferramenta, não enfeite — escalas categóricas, sequenciais e divergentes.
Abrir →
✒️ Tinta de dados
Cada pixel deve merecer o lugar — o teste de Tufte para relatórios.
Abrir →
♿ Viz acessível
Se só funciona em matiz, não funciona — padrões, contraste e texto em cinza.
Abrir →
✦ Estúdio
Relatórios, anúncios, escola, pitch.
📁 Relatórios de trabalho
O pacote semanal e trimestral — barras, cascatas e ladrilhos em quatro minutos.
Abrir →
📣 Anúncios e criativos
Formas que devem funcionar num relance — badges, setas, cortes e um número.
Abrir →
📚 Trabalhos escolares
Figuras que um professor pode corrigir — eixos, fonte, gráfico que responde.
Abrir →
🎬 Pitch decks
Dez a quinze slides que argumentam — mercado, cunha, prova, ask.
Abrir →
W Caminhos
Vinte manuais práticos — contraste, grades, Mermaid, ECharts, D3, Lucide e muito mais — com licenças e links do GitHub.
A11Y Verificação de contraste WCAG
Verifique o contraste do texto e do plano de fundo antes de enviar: a acessibilidade mais rápida para slides, sites e pôsteres.
Abrir →
PAL Construtor de paleta e escala
Crie paletas categóricas, sequenciais e divergentes que sobrevivem à impressão e à visualização daltônica.
Abrir →
Aa Escala de tipografia
Escolha uma escala de tipo modular para que títulos, corpo e legendas parem de brigar entre si em slides e páginas de uma página.
Abrir →
GRID Grade de slides e documentos
Alinhe cada bloco a uma grade simples para que relatórios, propostas e pôsteres pareçam intencionais sem um designer.
Abrir →
CHOOSE Decisão de dados para gráfico
Combine a pergunta com uma codificação – comparação, tendência, parte para o todo, correlação – antes de abrir qualquer ferramenta.
Abrir →
MM Diagramas de texto de sereia
Escreva um fluxograma ou sequência em texto simples - versionável, revisável e gratuito via Mermaid.
Abrir →
SEQ Padrões de diagrama de sequência
Mostre quem fala com quem ao longo do tempo: o padrão de escritório e sala de aula para APIs, transferências e protocolos.
Abrir →
SKETCH Wireframes de esboço do Excalidraw
Esboce a ideia com o Excalidraw antes de polir - a clareza do desenho à mão supera a criação prematura de pixels.
Abrir →
EC Painéis Apache ECharts
Envie painéis de escritório interativos com Apache ECharts - Apache-2.0, enorme catálogo de gráficos, sem arranhões proprietários.
Abrir →
CJ Gráficos rápidos Chart.js
Coloque Chart.js em uma página para barras e linhas honestas quando você precisar de um gráfico da web hoje, não de uma plataforma.
Abrir →
D3 Artesanato personalizado D3
Alcance o D3 quando a codificação não existir em um modelo – controle total, custo de criação mais alto.
Abrir →
VL Gramática Vega-Lite
Declare codificações em JSON com Vega-Lite – gráficos reproduzíveis que ensinam a gramática dos gráficos.
Abrir →
PLOT Kit de plotagem observável
Plote tabelas organizadas com Observable Plot - conciso, licenciado pelo ISC e amigável para explicadores de análise.
Abrir →
ROUGH Anotação Rough.js
Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas.
Abrir →
SANK Histórias de fluxo de Sankey
Conte como a quantidade se move entre os estágios com um Sankey – orçamentos, funis e histórias de energia.
Abrir →
NET Mapas gráficos de rede
Mapeie relacionamentos como nós e links – equipes, citações, dependências – com bibliotecas de gráficos abertas.
Abrir →
MAP Mapas históricos coropléticos
Sombreie as regiões por uma taxa - eleições, saúde, vendas - com pilhas geográficas abertas e escalas de cores honestas.
Abrir →
ICO Sistemas de ícones abertos
Escolha um conjunto de ícones abertos e cumpra-o - metáforas consistentes superam cliparts mistos em decks e produtos.
Abrir →
CV Retomar receita de infográfico
Crie um currículo visual de uma página: grade, escala de texto, barras de habilidades honestas, ícones abertos - sem despejo de clipart.
Abrir →
QBR Visuais do relatório trimestral
Um pacote trimestral repetível: ponte em cascata, linhas de tendência, tipo com contraste seguro, uma ideia por slide.
Abrir →