Skip to content Pular para uma secao
Tudo sobre visualização

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 →