Quando o «gráfico de barras» vence o «gráfico de pizza» num «comparação de categorias» acima de 5?
Use o «gráfico de barras» quando um «comparação de categorias» passar de 5, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de pizza» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «gráfico de barras» vence o «gráfico de rosca» num «exibição de fatias» acima de 6?
Use o «gráfico de barras» quando um «exibição de fatias» passar de 6, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de rosca» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «gráfico de colunas» vence o «gráfico de pizza» num «história de parte e todo» acima de 7?
Use o «gráfico de colunas» quando um «história de parte e todo» passar de 7, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de pizza» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «gráfico de colunas» vence o «gráfico de rosca» num «divisão de orçamento» acima de 8?
Use o «gráfico de colunas» quando um «divisão de orçamento» passar de 8, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de rosca» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «gráfico de pirulito» vence o «gráfico de pizza» num «ranking de rótulos longos» acima de 9?
Use o «gráfico de pirulito» quando um «ranking de rótulos longos» passar de 9, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de pizza» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «gráfico de pirulito» vence o «gráfico de rosca» num «lista de fatias nomeadas» acima de 10?
Use o «gráfico de pirulito» quando um «lista de fatias nomeadas» passar de 10, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de rosca» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «diagrama de pontos» vence o «gráfico de pizza» num «conjunto de linhas ordenadas» acima de 12?
Use o «diagrama de pontos» quando um «conjunto de linhas ordenadas» passar de 12, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de pizza» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «diagrama de pontos» vence o «gráfico de rosca» num «detalhamento de pesquisa» acima de 14?
Use o «diagrama de pontos» quando um «detalhamento de pesquisa» passar de 14, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de rosca» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «gráfico de barras» vence o «gráfico de pizza» num «mistura mensal» acima de 4?
Use o «gráfico de barras» quando um «mistura mensal» passar de 4, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de pizza» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «gráfico de colunas» vence o «gráfico de pizza» num «mistura regional» acima de 11?
Use o «gráfico de colunas» quando um «mistura regional» passar de 11, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de pizza» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «gráfico de pirulito» vence o «gráfico de pizza» num «ranking de produtos» acima de 15?
Use o «gráfico de pirulito» quando um «ranking de produtos» passar de 15, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de pizza» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Quando o «diagrama de pontos» vence o «gráfico de pizza» num «ranking de pontuações» acima de 18?
Use o «diagrama de pontos» quando um «ranking de pontuações» passar de 18, porque o olho compara comprimentos mais rápido que ângulos. O «gráfico de pizza» ainda serve para umas poucas fatias de um total. O seletor diz esse limite antes de desenhar, e a página de comparação põe as duas formas lado a lado para o salto ficar visível.
Em que o «seletor» difere do «estúdio» num «primeiro esboço» que se termina em 3 minutos?
O «seletor» escolhe a forma de um «primeiro esboço». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 3 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «passagem do título» que se termina em 4 minutos?
O «seletor» escolhe a forma de um «passagem do título». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 4 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «pizza rejeitada» que se termina em 5 minutos?
O «seletor» escolhe a forma de um «pizza rejeitada». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 5 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «passagem dos rótulos» que se termina em 6 minutos?
O «seletor» escolhe a forma de um «passagem dos rótulos». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 6 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «passagem de paleta» que se termina em 7 minutos?
O «seletor» escolhe a forma de um «passagem de paleta». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 7 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «nota de fonte» que se termina em 8 minutos?
O «seletor» escolhe a forma de um «nota de fonte». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 8 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «checagem do deck» que se termina em 9 minutos?
O «seletor» escolhe a forma de um «checagem do deck». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 9 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «decisão de ranking» que se termina em 11 minutos?
O «seletor» escolhe a forma de um «decisão de ranking». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 11 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «decisão de fatia» que se termina em 13 minutos?
O «seletor» escolhe a forma de um «decisão de fatia». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 13 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «escolha de série temporal» que se termina em 2 minutos?
O «seletor» escolhe a forma de um «escolha de série temporal». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 2 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «checagem de mapa» que se termina em 14 minutos?
O «seletor» escolhe a forma de um «checagem de mapa». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 14 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «checagem de legenda» que se termina em 16 minutos?
O «seletor» escolhe a forma de um «checagem de legenda». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 16 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Em que o «seletor» difere do «estúdio» num «checagem de exportação» que se termina em 17 minutos?
O «seletor» escolhe a forma de um «checagem de exportação». O «estúdio» desenha a forma que você já escolheu. Gaste o primeiro dos seus 17 minutos no seletor para não decorar um gráfico que a regra já rejeitou. Abra o estúdio só quando a nota de evitar estiver clara.
Que contraste um «slide de projetor» deve manter para que «tinta escura» se separe de «cinza pálido» a 5 para 1?
Um «slide de projetor» falha quando «tinta escura» e «cinza pálido» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 5 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «folha impressa» deve manter para que «tinta escura» se separe de «cinza pálido» a 7 para 1?
Um «folha impressa» falha quando «tinta escura» e «cinza pálido» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 7 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «série quieta» deve manter para que «cor de destaque» se separe de «contexto cinza» a 4 para 1?
Um «série quieta» falha quando «cor de destaque» e «contexto cinza» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 4 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «faixa de contexto» deve manter para que «cor de destaque» se separe de «contexto cinza» a 3 para 1?
Um «faixa de contexto» falha quando «cor de destaque» e «contexto cinza» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 3 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «mudança com sinal» deve manter para que «escala sequencial» se separe de «escala divergente» a 9 para 1?
Um «mudança com sinal» falha quando «escala sequencial» e «escala divergente» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 9 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «linha de base zero» deve manter para que «escala sequencial» se separe de «escala divergente» a 6 para 1?
Um «linha de base zero» falha quando «escala sequencial» e «escala divergente» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 6 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «título de slide» deve manter para que «tinta escura» se separe de «cinza pálido» a 5 para 1?
Um «título de slide» falha quando «tinta escura» e «cinza pálido» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 5 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «rótulo de eixo» deve manter para que «tinta escura» se separe de «cinza pálido» a 4 para 1?
Um «rótulo de eixo» falha quando «tinta escura» e «cinza pálido» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 4 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «destaque de barras» deve manter para que «cor de destaque» se separe de «contexto cinza» a 7 para 1?
Um «destaque de barras» falha quando «cor de destaque» e «contexto cinza» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 7 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «linha de foco» deve manter para que «cor de destaque» se separe de «contexto cinza» a 3 para 1?
Um «linha de foco» falha quando «cor de destaque» e «contexto cinza» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 3 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «rampa de calor» deve manter para que «escala sequencial» se separe de «escala divergente» a 8 para 1?
Um «rampa de calor» falha quando «escala sequencial» e «escala divergente» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 8 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Que contraste um «texto de nota» deve manter para que «tinta escura» se separe de «cinza pálido» a 5 para 1?
Um «texto de nota» falha quando «tinta escura» e «cinza pálido» ficam perto demais na claridade, mesmo se os matizes diferem. Mire em cerca de 5 para 1 entre o texto e o fundo, e num degrau claro entre séries vizinhas. A página de paletas mostra conjuntos feitos para isso, e o estúdio é onde você aplica um conjunto em vez de escolher cores uma a uma.
Quando «Make» deve substituir «colagem do estúdio» num «CSV mensal» de 12 linhas?
Use «Make» quando o «CSV mensal» já vive num arquivo de 12 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «arquivo decimal» de 30 linhas?
Use «Make» quando o «arquivo decimal» já vive num arquivo de 30 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «planilha regional» de 16 linhas?
Use «Make» quando o «planilha regional» já vive num arquivo de 16 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «planilha de pontuações» de 40 linhas?
Use «Make» quando o «planilha de pontuações» já vive num arquivo de 40 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «planilha de orçamento» de 8 linhas?
Use «Make» quando o «planilha de orçamento» já vive num arquivo de 8 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «exportação de pesquisa» de 24 linhas?
Use «Make» quando o «exportação de pesquisa» já vive num arquivo de 24 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «extrato de vendas» de 48 linhas?
Use «Make» quando o «extrato de vendas» já vive num arquivo de 48 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «registro de presença» de 60 linhas?
Use «Make» quando o «registro de presença» já vive num arquivo de 60 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «lista de inventário» de 80 linhas?
Use «Make» quando o «lista de inventário» já vive num arquivo de 80 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «exportação de chamados» de 100 linhas?
Use «Make» quando o «exportação de chamados» já vive num arquivo de 100 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «registro de sensores» de 120 linhas?
Use «Make» quando o «registro de sensores» já vive num arquivo de 120 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «extrato censitário» de 200 linhas?
Use «Make» quando o «extrato censitário» já vive num arquivo de 200 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
Quando «Make» deve substituir «colagem do estúdio» num «extrato de razão» de 256 linhas?
Use «Make» quando o «extrato de razão» já vive num arquivo de 256 linhas e os números devem manter os separadores locais. Use «colagem do estúdio» quando estiver colocando um título, uma anotação ou uma paleta numa forma em que já confia. Make lê o arquivo. O estúdio edita a imagem. Começar no lado errado significa digitar a tabela duas vezes.
→ Viz acessível: depois de «Viz acessível codifica valores como canais redundantes: posição,», o que diz «paras 1»?
Viz acessível codifica valores como canais redundantes: posição, padrão, rótulo, não só matiz. Cartões Ishihara 1917; contraste WCAG 2; paletas Okabe–Ito. Em relatorios, anuncios e trabalhos: dashboards públicos, exames, cinza, slides legais. Evite quando confiar só em vermelho/verde para mau/bom.
→ Anúncios e criativos: depois de «Anúncios e criativos codifica valores como hierarquia do grito: », o que diz «paras 1»?
Anúncios e criativos codifica valores como hierarquia do grito: produto, oferta, prova, ação. Lockups de cartazes do séc. XIX; tamanhos IAB; zonas seguras sociais. Em relatorios, anuncios e trabalhos: ofertas, apps, cartazes, cortes que param o polegar. Evite quando se a tese pede um gráfico inteiro, linke, não esprema no banner. (1)
→ Setas e conectores: depois de «Setas e conectores codifica valores como haste e ponta que atrib», o que diz «paras 1»?
Setas e conectores codifica valores como haste e ponta que atribuem sequência. Setas heráldicas e do norte; chevrons CTA de anúncios do séc. XX. Em relatorios, anuncios e trabalhos: sequência, causa, cliques, fluxo de mapa. Evite quando se tudo tem seta, nenhuma significa. (1)
→ Gráfico de barras: depois de «Gráfico de barras codifica valores como comprimento de retângulo», o que diz «paras 1»?
Gráfico de barras codifica valores como comprimento de retângulos numa linha de base. William Playfair, Atlas comercial e político, 1786. Em relatorios, anuncios e trabalhos: comparar poucas categorias de uma vez. Evite quando categorias demais, 3D ou eixo duplo.
→ Callouts e badges: depois de «Callouts e badges codifica valores como um rótulo contido que in», o que diz «paras 1»?
Callouts e badges codifica valores como um rótulo contido que interrompe a ordem de leitura. Balões do Yellow Kid (1890); stickers burst de embalagens do século. Em relatorios, anuncios e trabalhos: promos, passos numerados, HQ, chips de UI. Evite quando se o badge repete o título, escolha um grito.
→ Decisão de dados para gráfico: depois de «Decisão de dados para gráfico codifica valores como tipo de tare», o que diz «Esta pagina reune an
Decisão de dados para gráfico codifica valores como tipo de tarefa mapeada para marca e canal (comprimento, posição, ângulo, cor). Semiologia de Bertin; guias de seleção modernos e ferramentas de gramática gráfica. Em relatorios, anuncios e trabalhos: primeiros 60 segundos de qualquer relatório, declaração de anúncio ou valor de atribuição.
→ Gráficos rápidos Chart.js: depois de «tagline», o que diz «Em relatorios, anuncios e trabalhos: ferramentas internas, proje»?
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. Gráficos rápidos Chart.js codifica valores como marcas desenhadas na tela de um pequeno objeto de configuração. Chart.js se tornou o gráfico inicial padrão do MIT para a web. (1)
→ Mapas históricos coropléticos: depois de «Mapas históricos coropléticos codifica valores como cor das regi», o que diz «paras 1»?
Mapas históricos coropléticos codifica valores como cor das regiões administrativas mapeadas para uma taxa quantitativa. Barão Charles Dupin (1826); pipelines geográficos TopoJSON + D3 modernos. Em relatorios, anuncios e trabalhos: comparações regionais, atribuições cívicas, KPIs territoriais. Evite quando contagens brutas sem normalização por população ou área.
→ Sistemas de cor: depois de «Sistemas de cor codifica valores como matiz, valor e croma mapea», o que diz «paras 1»?
Sistemas de cor codifica valores como matiz, valor e croma mapeados a categoria ou magnitude. Munsell 1905; paletas Brewer (1994–) para mapas; OKLCH no CSS. Em relatorios, anuncios e trabalhos: legendas, marca, cor de dados acessível. Evite quando arco-íris padrão, ou duas grandezas num matiz.
→ Artesanato personalizado D3: depois de «Artesanato personalizado D3 codifica valores como os dados são u», o que diz «paras 1»?
Artesanato personalizado D3 codifica valores como os dados são unidos a marcas SVG/Canvas com escalas explícitas. Mike Bostock D3 (2011) - ainda a espinha dorsal da visualização personalizada. Em relatorios, anuncios e trabalhos: novos formulários, figuras de pesquisa, explicadores personalizados. Evite quando uma barra Chart.js já responde à pergunta do gerente.
→ Tinta de dados: depois de «Tinta de dados codifica valores como a parte da tinta que repres», o que diz «paras 1»?
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.
→ Painéis Apache ECharts: depois de «tagline», o que diz «Em relatorios, anuncios e trabalhos: painéis de operações, pacot»?
Envie painéis de escritório interativos com Apache ECharts - Apache-2.0, enorme catálogo de gráficos, sem arranhões proprietários. Painéis Apache ECharts codifica valores como Opções JSON mapeando conjuntos de dados para visualizações cartesianas, polares e gráficas. Baidu ECharts tornou-se Apache ECharts como um dos principais projetos de visualização do GitHub.
→ Wireframes de esboço do Excalidraw: depois de «tagline», o que diz «Em relatorios, anuncios e trabalhos: kickoffs, brainstorms em sa»?
Esboce a ideia com o Excalidraw antes de polir - a clareza do desenho à mão supera a criação prematura de pixels. Wireframes de esboço do Excalidraw codifica valores como caixas à mão livre, setas e post-its como uma camada de pensamento. Excalidraw (MIT) tornou os diagramas de esboço colaborativos um hábito OSS padrão. (1)
→ Fluxograma: depois de «Fluxograma codifica valores como topologia de caixas e arestas d», o que diz «paras 1»?
Fluxograma codifica valores como topologia de caixas e arestas dirigidas. Cartas de Gilbreth, 1921; depois símbolos ANSI/ISO. Em relatorios, anuncios e trabalhos: decisões, loops e handoffs num procedimento. Evite quando a estrutura é hierarquia ou brainstorming livre.
→ Funil: depois de «Funil codifica valores como largura (ou área) de etapas sucessiv», o que diz «paras 1»?
Funil codifica valores como largura (ou área) de etapas sucessivas. Linguagem comercial de meados do séc. XX; depois dashboards CRM. Em relatorios, anuncios e trabalhos: quedas ordenadas: leads, checkouts, candidaturas. Evite quando etapas não são subconjuntos aninhados. (1)
→ Formas geométricas: depois de «Formas geométricas codifica valores como contornos fechados cuja», o que diz «paras 1»?
Formas geométricas codifica valores como contornos fechados cuja simetria significa. Os Elementos de Euclides (~300 AEC) ainda nomeiam o conjunto escolar. Em relatorios, anuncios e trabalhos: ícones, cartazes, fichas, marcas. Evite quando se precisa codificar quantidade, use um gráfico.
→ Mapa de calor: depois de «Mapa de calor codifica valores como valor de cor de uma célula», o que diz «paras 1»?
Mapa de calor codifica valores como valor de cor de uma célula. Tabelas de crime de Loua, 1873; depois Bertin e microarrays dos anos 90. Em relatorios, anuncios e trabalhos: padrões em dois eixos categóricos ao mesmo tempo. Evite quando consulta precisa de um número ou arco-íris inacessível.
→ Histograma: depois de «Em relatorios, anuncios e trabalhos: uma medida contínua e a sua», o que diz «paras 2»?
Em relatorios, anuncios e trabalhos: uma medida contínua e a sua forma. Evite quando as classes têm larguras diferentes, ou compara categorias nomeadas. Excel ou Planilhas Google e PowerPoint partilham esta geometria. Uma tese por slide; exporte SVG ou PDF, nao uma captura. (1)
→ Sistemas de ícones abertos: depois de «Sistemas de ícones abertos codifica valores como traçar ou preen», o que diz «paras 1»?
Sistemas de ícones abertos codifica valores como traçar ou preencher metáforas em uma grade e peso compartilhados. Feather to Lucide e outras famílias de ícones SVG do ISC/MIT no GitHub. Em relatorios, anuncios e trabalhos: slides, interface do produto, pôsteres, planilhas escolares. Evite quando misturando cinco estilos de ícones em um slide. (1)
→ Blocos de infográfico: depois de «Blocos de infográfico codifica valores como retângulos modulares», o que diz «paras 1»?
Blocos de infográfico codifica valores como retângulos modulares cujo tamanho ordena importância. Isotype (Neurath, anos 20–30) e grades de revista do pós-guerra. Em relatorios, anuncios e trabalhos: dashboards, cartazes, one-pagers, painéis. Evite quando se os ladrilhos escondem que os números não comparam.
→ Gráfico de linhas: depois de «Gráfico de linhas codifica valores como posição de uma polilinha», o que diz «paras 1»?
Gráfico de linhas codifica valores como posição de uma polilinha no tempo. William Playfair, 1786; depois meteorologia e mercados. Em relatorios, anuncios e trabalhos: tendências, sazonalidade e poucas séries. Evite quando categorias sem ordem ou mais de quatro séries.
→ Diagramas de texto de sereia: depois de «tagline», o que diz «Em relatorios, anuncios e trabalhos: documentos de processo, int»?
Escreva um fluxograma ou sequência em texto simples - versionável, revisável e gratuito via Mermaid. Diagramas de texto de sereia codifica valores como sintaxe de gráfico textual renderizada em caixas e bordas SVG. Mermaid (2014) popularizou diagramas nativos de Markdown no GitHub.
→ Mapa mental: depois de «Mapa mental codifica valores como ramos radiais em torno de um t», o que diz «paras 1»?
Mapa mental codifica valores como ramos radiais em torno de um tema. Popularizado por Tony Buzan nos anos 70; notas radiais mais antigas existem. Em relatorios, anuncios e trabalhos: brainstorming, revisão, estrutura inicial. Evite quando é preciso provar uma tese com evidência ordenada.
→ Mapas gráficos de rede: depois de «Mapas gráficos de rede codifica valores como nós e arestas com f», o que diz «paras 1»?
Mapas gráficos de rede codifica valores como nós e arestas com força ou layout hierárquico. Layouts direcionados à força; Cytoscape.js e amigos no GitHub. Em relatorios, anuncios e trabalhos: mapas de influência organizacional, gráficos de dependência, mapas sociais de sala de aula. Evite quando um simples organograma ou lista com marcadores já carrega a reivindicação. (1)
→ Kit de plotagem observável: depois de «tagline», o que diz «Em relatorios, anuncios e trabalhos: relatórios de análise, labo»?
Plote tabelas organizadas com Observable Plot - conciso, licenciado pelo ISC e amigável para explicadores de análise. Kit de plotagem observável codifica valores como marque camadas sobre colunas organizadas com escalas automáticas. Observable Plot continua a gramática D3 com menos clichês.
→ Organograma: depois de «Em relatorios, anuncios e trabalhos: linhas de reporte, comitês,», o que diz «paras 2»?
Em relatorios, anuncios e trabalhos: linhas de reporte, comitês, papéis. Evite quando o trabalho flui lateralmente numa matriz. Excel ou Planilhas Google e PowerPoint partilham esta geometria. Uma tese por slide; exporte SVG ou PDF, nao uma captura. (1)
→ Construtor de paleta e escala: depois de «Construtor de paleta e escala codifica valores como conjuntos de», o que diz «Esta pagina reune an
Construtor de paleta e escala codifica valores como conjuntos de matizes ordenados ou não ordenados mapeados para classes de dados. Cynthia Brewer ColorBrewer (2002) para cartografia; ferramentas de tema de UI posteriores. Em relatorios, anuncios e trabalhos: coropléticos, mapas de calor, gráficos multisséries, decks brand-safe. Evite quando escalas de arco-íris em dados de magnitude ordenada.
→ Pizza e rosca: depois de «Pizza e rosca codifica valores como ângulo (e área) de um setor», o que diz «paras 1»?
Pizza e rosca codifica valores como ângulo (e área) de um setor. Playfair 1801; o coxcomb de Nightingale, 1858, é primo polar. Em relatorios, anuncios e trabalhos: duas a cinco partes de um todo. Evite quando muitas fatias parecidas, 3D ou duas pizzas.
→ Pitch decks: depois de «Pitch decks codifica valores como uma ideia por slide; gráfico s», o que diz «paras 1»?
Pitch decks codifica valores como uma ideia por slide; gráfico só se for a frase. Cultura memo Sequoia/a16z e teatro startup da era Keynote. Em relatorios, anuncios e trabalhos: captação, kickoffs de vendas, grants, finais. Evite quando não despeje o dashboard inteiro — um deck é um discurso, não um armazém.
→ Visuais do relatório trimestral: depois de «Visuais do relatório trimestral codifica valores como ponte + te», o que diz «Esta pagina reune
Visuais do relatório trimestral codifica valores como ponte + tendência + pilha de texto explicativo com uma paleta compartilhada. Consultoria em cultura em cascata encontra bibliotecas de gráficos abertos. Em relatorios, anuncios e trabalhos: gerentes, fundadores, tesoureiros de clubes estudantis. Evite quando colocar todos os KPI em um slide por medo de omissão. (1)
→ Retomar receita de infográfico: depois de «Retomar receita de infográfico codifica valores como blocos de l», o que diz «Esta pagina reune a
Retomar receita de infográfico codifica valores como blocos de layout + barras quantitativas modestas + linha de ícones. Criação de estúdio combinando grades, rampas de tipo e conjuntos de ícones abertos. Em relatorios, anuncios e trabalhos: estudantes, freelancers, pessoas que mudam de carreira. Evite quando Texto simples somente ATS é necessário e os gráficos seriam removidos. (1)
→ Anotação Rough.js: depois de «tagline», o que diz «Em relatorios, anuncios e trabalhos: destaques do explicador, qu»?
Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas. Anotação Rough.js codifica valores como traços e preenchimentos imperfeitos como sinais de atenção. Rough.js trouxe renderização de esboço controlável para a web aberta. (1)
→ Histórias de fluxo de Sankey: depois de «Histórias de fluxo de Sankey codifica valores como largura do li», o que diz «paras 1»?
Histórias de fluxo de Sankey codifica valores como largura do link proporcional ao fluxo entre nós. Matthew Henry Phineas Riall Sankey (1898); layouts modernos d3-sankey. Em relatorios, anuncios e trabalhos: alocação orçamentária, caminhos de conversão, fluxos de materiais ou energia. Evite quando o público só precisa de uma cascata do início ao fim.
→ Gráfico de dispersão: depois de «Gráfico de dispersão codifica valores como posição de pontos em », o que diz «paras 1»?
Gráfico de dispersão codifica valores como posição de pontos em dois eixos quantitativos. Herschel traçou órbitas; as regressões de Galton (1880) popularizaram a forma. Em relatorios, anuncios e trabalhos: correlação, outliers e agrupamentos. Evite quando um eixo não é quantitativo, ou o tempo é a história.
→ Trabalhos escolares: depois de «Trabalhos escolares codifica valores como uma pergunta, um tipo », o que diz «paras 1»?
Trabalhos escolares codifica valores como uma pergunta, um tipo que cabe, uma frase que lê o resultado. Feiras científicas e manuais de laboratório desde o fim do séc. XIX. Em relatorios, anuncios e trabalhos: relatórios de lab, cronologias, dados de matemática, cartazes. Evite quando não decorar primeiro — escolha o gráfico que responde à rubrica. (1)
→ Padrões de diagrama de sequência: depois de «Padrões de diagrama de sequência codifica valores como linhas de», o que diz «paras 1»?
Padrões de diagrama de sequência codifica valores como linhas de vida e mensagens ordenadas entre os atores. Diagramas de sequência UML; ferramentas de texto como PlantUML e Mermaid. Em relatorios, anuncios e trabalhos: Fluxos de API, escalonamentos de suporte, protocolos de laboratório, etapas de checkout. Evite quando uma simples lista de verificação não ordenada contaria a mesma história. (1)
→ Grade de slides e documentos: depois de «tagline», o que diz «Em relatorios, anuncios e trabalhos: PowerPoint ou Apresentações»?
Alinhe cada bloco a uma grade simples para que relatórios, propostas e pôsteres pareçam intencionais sem um designer. Grade de slides e documentos codifica valores como colunas, calhas e margens como um sistema espacial compartilhado. Sistemas de rede suíços; modelos de apresentação posteriores e CSS Grid. (1)
→ Linha do tempo: depois de «Linha do tempo codifica valores como posição ao longo de um eixo», o que diz «paras 1»?
Linha do tempo codifica valores como posição ao longo de um eixo temporal. A Chart of Biography de Priestley, 1765, inspirou atlas posteriores. Em relatorios, anuncios e trabalhos: eventos ordenados, eras, marcos. Evite quando são precisas quantidades que mudam, não só datas.
→ Mapa de árvore: depois de «Mapa de árvore codifica valores como área de retângulos aninhado», o que diz «paras 1»?
Mapa de árvore codifica valores como área de retângulos aninhados. Ben Shneiderman, Maryland, 1991, espaço em disco. Em relatorios, anuncios e trabalhos: parte-todo com muitas folhas e hierarquia. Evite quando é preciso comparar tamanhos semelhantes com precisão.
→ Escala de tipografia: depois de «tagline», o que diz «Em relatorios, anuncios e trabalhos: decks, apostilas, pôsteres »?
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. Escala de tipografia codifica valores como tamanhos relativos de fonte em uma proporção (terça maior, quarta perfeita, etc.). Balanças modulares clássicas; rampas de UI modernas em ecossistemas de fontes abertas. (1)
→ Gramática Vega-Lite: depois de «tagline», o que diz «Em relatorios, anuncios e trabalhos: figuras de análise reproduz»?
Declare codificações em JSON com Vega-Lite – gráficos reproduzíveis que ensinam a gramática dos gráficos. 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. (1)
→ Diagrama de Venn: depois de «Diagrama de Venn codifica valores como área de interseção de cur», o que diz «paras 1»?
Diagrama de Venn codifica valores como área de interseção de curvas fechadas. John Venn, 1880; Euler desenhou regiões antes. Em relatorios, anuncios e trabalhos: dois ou três conjuntos com sobreposição real. Evite quando quatro ou mais conjuntos, ou tamanhos em escala.
→ Cascata: depois de «Em relatorios, anuncios e trabalhos: pontes de DRE, orçamento vs», o que diz «paras 2»?
Em relatorios, anuncios e trabalhos: pontes de DRE, orçamento vs real, quadro. Evite quando a história é uma tendência, não uma ponte. Excel ou Planilhas Google e PowerPoint partilham esta geometria. Uma tese por slide; exporte SVG ou PDF, nao uma captura. (1)
→ Verificação de contraste WCAG: depois de «Verificação de contraste WCAG codifica valores como diferença de», o que diz «Esta pagina reune an
Verificação de contraste WCAG codifica valores como diferença de luminância entre o primeiro plano e o fundo. Taxas de contraste WCAG; Pesquisa APCA (Myndex) como modelo de próxima geração. Em relatorios, anuncios e trabalhos: Tipo de interface do usuário, títulos de slides, legendas de pôsteres, rótulos de crachás. Evite quando julgar apenas o matiz da marca sem medir o par. (1)
→ Relatórios de trabalho: depois de «Relatórios de trabalho codifica valores como um conjunto pequeno», o que diz «paras 1»?
Relatórios de trabalho codifica valores como um conjunto pequeno de encodings honestos por ciclo. Cultura de reporting após DuPont e packs de conselho do séc. XX. Em relatorios, anuncios e trabalhos: revisões, pontes orçamentárias, quadro, pipeline. Evite quando uma história única que pede visual sob medida, ou um anúncio que grita. (1)
→ Viz acessível: depois de «Em relatorios, anuncios e trabalhos: dashboards públicos, exames», o que diz «Viz acessível codifica valores como
Em relatorios, anuncios e trabalhos: dashboards públicos, exames, cinza, slides legais. Evite quando confiar só em vermelho/verde para mau/bom. Viz acessível: honre canais redundantes: posição, padrão, rótulo, não só matiz, e mude quando confiar só em vermelho/verde para mau/bom.
→ Anúncios e criativos: depois de «Em relatorios, anuncios e trabalhos: ofertas, apps, cartazes, co», o que diz «Anúncios e criativos codifica
Em relatorios, anuncios e trabalhos: ofertas, apps, cartazes, cortes que param o polegar. Evite quando se a tese pede um gráfico inteiro, linke, não esprema no banner. Anúncios e criativos: honre hierarquia do grito: produto, oferta, prova, ação, e mude quando se a tese pede um gráfico inteiro, linke, não esprema no banner. (5)
→ Setas e conectores: depois de «Em relatorios, anuncios e trabalhos: sequência, causa, cliques, », o que diz «Setas e conectores codifica val
Em relatorios, anuncios e trabalhos: sequência, causa, cliques, fluxo de mapa. Evite quando se tudo tem seta, nenhuma significa. Setas e conectores: honre haste e ponta que atribuem sequência, e mude quando se tudo tem seta, nenhuma significa. (5)
→ Gráfico de barras: depois de «Gráfico de barras codifica valores como comprimento de retângulo», o que diz «A paleta padrao nao basta»?
Gráfico de barras codifica valores como comprimento de retângulos numa linha de base. William Playfair, Atlas comercial e político, 1786. Em relatorios, anuncios e trabalhos: comparar poucas categorias de uma vez. Evite quando categorias demais, 3D ou eixo duplo.
→ Callouts e badges: depois de «Em relatorios, anuncios e trabalhos: promos, passos numerados, H», o que diz «Callouts e badges codifica valor
Em relatorios, anuncios e trabalhos: promos, passos numerados, HQ, chips de UI. Evite quando se o badge repete o título, escolha um grito. Callouts e badges: honre um rótulo contido que interrompe a ordem de leitura, e mude quando se o badge repete o título, escolha um grito.
→ Decisão de dados para gráfico: depois de «Marca», o que diz «Em relatorios, anuncios e trabalhos: primeiros 60 segundos de qu»?
A marca central de Decisão de dados para gráfico e tipo de tarefa mapeada para marca e canal (comprimento, posição, ângulo, cor). Decisão de dados para gráfico codifica valores como tipo de tarefa mapeada para marca e canal (comprimento, posição, ângulo, cor). Semiologia de Bertin; guias de seleção modernos e ferramentas de gramática gráfica.
→ Gráficos rápidos Chart.js: depois de «closing 1», o que diz «Gráficos rápidos Chart.js 4»?
Gráficos rápidos Chart.js: honre marcas desenhadas na tela de um pequeno objeto de configuração, e mude quando você precisa apenas de mapas, sankeys ou exportações de vetores de nível de publicação. Variante 2 de Gráficos rápidos Chart.js (Gráfico da web do MIT). Mesma codificacao, outro layout.
→ Mapas históricos coropléticos: depois de «Em relatorios, anuncios e trabalhos: comparações regionais, atri», o que diz «Mapas históricos cor
Em relatorios, anuncios e trabalhos: comparações regionais, atribuições cívicas, KPIs territoriais. Evite quando contagens brutas sem normalização por população ou área. Mapas históricos coropléticos: honre cor das regiões administrativas mapeadas para uma taxa quantitativa, e mude quando contagens brutas sem normalização por população ou área.
→ Sistemas de cor: depois de «Sistemas de cor codifica valores como matiz, valor e croma mapea», o que diz «closing 1»?
Sistemas de cor codifica valores como matiz, valor e croma mapeados a categoria ou magnitude. Munsell 1905; paletas Brewer (1994–) para mapas; OKLCH no CSS. Em relatorios, anuncios e trabalhos: legendas, marca, cor de dados acessível. Evite quando arco-íris padrão, ou duas grandezas num matiz.
→ Artesanato personalizado D3: depois de «Em relatorios, anuncios e trabalhos: novos formulários, figuras », o que diz «Artesanato personaliza
Em relatorios, anuncios e trabalhos: novos formulários, figuras de pesquisa, explicadores personalizados. Evite quando uma barra Chart.js já responde à pergunta do gerente. Artesanato personalizado D3: honre os dados são unidos a marcas SVG/Canvas com escalas explícitas, e mude quando uma barra Chart.js já responde à pergunta do gerente.
→ Tinta de dados: depois de «Em relatorios, anuncios e trabalhos: auditar slides, dashboards », o que diz «Tinta de dados codifica valores com
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. Tinta de dados: honre a parte da tinta que representa dados, não enfeite, e mude quando um cartaz que deve gritar a três metros — anúncios podem guardar enfeite.
→ Painéis Apache ECharts: depois de «Em relatorios, anuncios e trabalhos: painéis de operações, pacot», o que diz «Marca»?
Em relatorios, anuncios e trabalhos: painéis de operações, pacotes trimestrais, paredes de KPI em tempo real. Evite quando uma única barra estática em um PDF responderia à pergunta. Painéis Apache ECharts: honre Opções JSON mapeando conjuntos de dados para visualizações cartesianas, polares e gráficas, e mude quando uma única barra estática em um PDF responderia à pergunta.
→ Wireframes de esboço do Excalidraw: depois de «closing 1», o que diz «Wireframes de esboço do Excalidraw 4»?
Wireframes de esboço do Excalidraw: honre caixas à mão livre, setas e post-its como uma camada de pensamento, e mude quando ativos finais da marca que devem corresponder a um sistema de design rigoroso. Variante 3 de Wireframes de esboço do Excalidraw (Esboço aproximado da interface do usuário). Mesma codificacao, outro layout.
→ Formas geométricas: depois de «Em relatorios, anuncios e trabalhos: ícones, cartazes, fichas, m», o que diz «Formas geométricas codifica val
Em relatorios, anuncios e trabalhos: ícones, cartazes, fichas, marcas. Evite quando se precisa codificar quantidade, use um gráfico. Formas geométricas: honre contornos fechados cuja simetria significa, e mude quando se precisa codificar quantidade, use um gráfico.
→ Sistemas de ícones abertos: depois de «Sistemas de ícones abertos codifica valores como traçar ou preen», o que diz «closing 1»?
Sistemas de ícones abertos codifica valores como traçar ou preencher metáforas em uma grade e peso compartilhados. Feather to Lucide e outras famílias de ícones SVG do ISC/MIT no GitHub. Em relatorios, anuncios e trabalhos: slides, interface do produto, pôsteres, planilhas escolares. Evite quando misturando cinco estilos de ícones em um slide. (5)
→ Blocos de infográfico: depois de «Em relatorios, anuncios e trabalhos: dashboards, cartazes, one-p», o que diz «Blocos de infográfico codifi
Em relatorios, anuncios e trabalhos: dashboards, cartazes, one-pagers, painéis. Evite quando se os ladrilhos escondem que os números não comparam. Blocos de infográfico: honre retângulos modulares cujo tamanho ordena importância, e mude quando se os ladrilhos escondem que os números não comparam.
→ Diagramas de texto de sereia: depois de «closing 1», o que diz «Em relatorios, anuncios e trabalhos: documentos de processo, int»?
Diagramas de texto de sereia: honre sintaxe de gráfico textual renderizada em caixas e bordas SVG, e mude quando ilustrações de marca com pixels perfeitos que precisam de layout à mão livre. Diagramas de texto de sereia codifica valores como sintaxe de gráfico textual renderizada em caixas e bordas SVG. Mermaid (2014) popularizou diagramas nativos de Markdown no GitHub.
→ Mapas gráficos de rede: depois de «Em relatorios, anuncios e trabalhos: mapas de influência organiz», o que diz «Mapas gráficos de rede codi
Em relatorios, anuncios e trabalhos: mapas de influência organizacional, gráficos de dependência, mapas sociais de sala de aula. Evite quando um simples organograma ou lista com marcadores já carrega a reivindicação. Mapas gráficos de rede: honre nós e arestas com força ou layout hierárquico, e mude quando um simples organograma ou lista com marcadores já carrega a reivindicação. (5)
→ Kit de plotagem observável: depois de «Kit de plotagem observável codifica valores como marque camadas », o que diz «closing 1»?
Kit de plotagem observável codifica valores como marque camadas sobre colunas organizadas com escalas automáticas. Observable Plot continua a gramática D3 com menos clichês. Em relatorios, anuncios e trabalhos: relatórios de análise, laboratórios de estudantes, gráficos exploratórios de escritório. Evite quando você deve combinar um kit de painel empresarial pesado, pixel por pixel.
→ Construtor de paleta e escala: depois de «closing 1», o que diz «Construtor de paleta e escala codifica valores como conjuntos de»?
Construtor de paleta e escala: honre conjuntos de matizes ordenados ou não ordenados mapeados para classes de dados, e mude quando escalas de arco-íris em dados de magnitude ordenada. Variante 3 de Construtor de paleta e escala (Mapa ColorBrewer). Mesma codificacao, outro layout.
→ Pizza e rosca: depois de «Em relatorios, anuncios e trabalhos: duas a cinco partes de um t», o que diz «Pizza e rosca codifica valores como
Em relatorios, anuncios e trabalhos: duas a cinco partes de um todo. Evite quando muitas fatias parecidas, 3D ou duas pizzas. Pizza e rosca: honre ângulo (e área) de um setor, e mude quando muitas fatias parecidas, 3D ou duas pizzas.
→ Pitch decks: depois de «Em relatorios, anuncios e trabalhos: captação, kickoffs de venda», o que diz «Pitch decks codifica valores como uma
Em relatorios, anuncios e trabalhos: captação, kickoffs de vendas, grants, finais. Evite quando não despeje o dashboard inteiro — um deck é um discurso, não um armazém. Pitch decks: honre uma ideia por slide; gráfico só se for a frase, e mude quando não despeje o dashboard inteiro — um deck é um discurso, não um armazém.
→ Visuais do relatório trimestral: depois de «Visuais do relatório trimestral codifica valores como ponte + te», o que diz «closing 1»?
Visuais do relatório trimestral codifica valores como ponte + tendência + pilha de texto explicativo com uma paleta compartilhada. Consultoria em cultura em cascata encontra bibliotecas de gráficos abertos. Em relatorios, anuncios e trabalhos: gerentes, fundadores, tesoureiros de clubes estudantis. Evite quando colocar todos os KPI em um slide por medo de omissão. (5)
→ Retomar receita de infográfico: depois de «Retomar receita de infográfico codifica valores como blocos de l», o que diz «closing 1»?
Retomar receita de infográfico codifica valores como blocos de layout + barras quantitativas modestas + linha de ícones. Criação de estúdio combinando grades, rampas de tipo e conjuntos de ícones abertos. Em relatorios, anuncios e trabalhos: estudantes, freelancers, pessoas que mudam de carreira. Evite quando Texto simples somente ATS é necessário e os gráficos seriam removidos. (5)
→ Anotação Rough.js: depois de «closing 1», o que diz «Anotação Rough.js codifica valores como traços e preenchimentos »?
Anotação Rough.js: honre traços e preenchimentos imperfeitos como sinais de atenção, e mude quando comparação quantitativa densa que precisa de comprimentos precisos. Variante 4 de Anotação Rough.js (Anotação Rough.js 4). Mesma codificacao, outro layout.
→ Histórias de fluxo de Sankey: depois de «Histórias de fluxo de Sankey codifica valores como largura do li», o que diz «closing 1»?
Histórias de fluxo de Sankey codifica valores como largura do link proporcional ao fluxo entre nós. Matthew Henry Phineas Riall Sankey (1898); layouts modernos d3-sankey. Em relatorios, anuncios e trabalhos: alocação orçamentária, caminhos de conversão, fluxos de materiais ou energia. Evite quando o público só precisa de uma cascata do início ao fim.
→ Trabalhos escolares: depois de «Em relatorios, anuncios e trabalhos: relatórios de lab, cronolog», o que diz «Trabalhos escolares codifica v
Em relatorios, anuncios e trabalhos: relatórios de lab, cronologias, dados de matemática, cartazes. Evite quando não decorar primeiro — escolha o gráfico que responde à rubrica. Trabalhos escolares: honre uma pergunta, um tipo que cabe, uma frase que lê o resultado, e mude quando não decorar primeiro — escolha o gráfico que responde à rubrica. (5)
→ Padrões de diagrama de sequência: depois de «Em relatorios, anuncios e trabalhos: Fluxos de API, escalonament», o que diz «Padrões de diagra
Em relatorios, anuncios e trabalhos: Fluxos de API, escalonamentos de suporte, protocolos de laboratório, etapas de checkout. Evite quando uma simples lista de verificação não ordenada contaria a mesma história. Padrões de diagrama de sequência: honre linhas de vida e mensagens ordenadas entre os atores, e mude quando uma simples lista de verificação não ordenada contaria a mesma história. (5)
→ Grade de slides e documentos: depois de «Em relatorios, anuncios e trabalhos: PowerPoint ou Apresentações», o que diz «Grade de slides e doc
Em relatorios, anuncios e trabalhos: PowerPoint ou Apresentações Google, páginas de uma página, pôsteres para sala de aula. Evite quando empilhamento de caixas flutuantes sem bordas compartilhadas. Grade de slides e documentos: honre colunas, calhas e margens como um sistema espacial compartilhado, e mude quando empilhamento de caixas flutuantes sem bordas compartilhadas. (5)
→ Escala de tipografia: depois de «Escala de tipografia codifica valores como tamanhos relativos de», o que diz «closing 1»?
Escala de tipografia codifica valores como tamanhos relativos de fonte em uma proporção (terça maior, quarta perfeita, etc.). Balanças modulares clássicas; rampas de UI modernas em ecossistemas de fontes abertas. Em relatorios, anuncios e trabalhos: decks, apostilas, pôsteres de sala de aula, cabeçalhos de currículos. Evite quando tamanhos de pontos aleatórios por slide sem proporção compartilhada. (5)
→ Gramática Vega-Lite: depois de «closing 1», o que diz «Gramática Vega-Lite 4»?
Gramática Vega-Lite: honre especificações da unidade de marca + canais de codificação, e mude quando você só precisa de uma barra descartável para um convite de reunião. Variante 3 de Gramática Vega-Lite (Laboratório de dados interativo UW). Mesma codificacao, outro layout.
→ Verificação de contraste WCAG: depois de «Verificação de contraste WCAG codifica valores como diferença de», o que diz «closing 1»?
Verificação de contraste WCAG codifica valores como diferença de luminância entre o primeiro plano e o fundo. Taxas de contraste WCAG; Pesquisa APCA (Myndex) como modelo de próxima geração. Em relatorios, anuncios e trabalhos: Tipo de interface do usuário, títulos de slides, legendas de pôsteres, rótulos de crachás. Evite quando julgar apenas o matiz da marca sem medir o par. (5)
→ Relatórios de trabalho: depois de «Em relatorios, anuncios e trabalhos: revisões, pontes orçamentár», o que diz «Relatórios de trabalho codi
Em relatorios, anuncios e trabalhos: revisões, pontes orçamentárias, quadro, pipeline. Evite quando uma história única que pede visual sob medida, ou um anúncio que grita. Relatórios de trabalho: honre um conjunto pequeno de encodings honestos por ciclo, e mude quando uma história única que pede visual sob medida, ou um anúncio que grita. (5)
→ Viz acessível: depois de «Viz acessível codifica valores como canais redundantes: posição,», o que diz «closing 1»?
Viz acessível codifica valores como canais redundantes: posição, padrão, rótulo, não só matiz. Cartões Ishihara 1917; contraste WCAG 2; paletas Okabe–Ito. Em relatorios, anuncios e trabalhos: dashboards públicos, exames, cinza, slides legais. Evite quando confiar só em vermelho/verde para mau/bom.
→ Anúncios e criativos: depois de «Anúncios e criativos codifica valores como hierarquia do grito: », o que diz «closing 1»?
Anúncios e criativos codifica valores como hierarquia do grito: produto, oferta, prova, ação. Lockups de cartazes do séc. XIX; tamanhos IAB; zonas seguras sociais. Em relatorios, anuncios e trabalhos: ofertas, apps, cartazes, cortes que param o polegar. Evite quando se a tese pede um gráfico inteiro, linke, não esprema no banner. (9)
→ Callouts e badges: depois de «Callouts e badges codifica valores como um rótulo contido que in», o que diz «closing 1»?
Callouts e badges codifica valores como um rótulo contido que interrompe a ordem de leitura. Balões do Yellow Kid (1890); stickers burst de embalagens do século. Em relatorios, anuncios e trabalhos: promos, passos numerados, HQ, chips de UI. Evite quando se o badge repete o título, escolha um grito.
→ Decisão de dados para gráfico: depois de «Codificacao», o que diz «Trabalho»?
A marca central de Decisão de dados para gráfico e tipo de tarefa mapeada para marca e canal (comprimento, posição, ângulo, cor). PowerPoint, Excel ou Planilhas Google e Meta, Google e impressos partilham a mesma geometria.
→ Gráficos rápidos Chart.js: depois de «closing 1», o que diz «Publico»?
Gráficos rápidos Chart.js: honre marcas desenhadas na tela de um pequeno objeto de configuração, e mude quando você precisa apenas de mapas, sankeys ou exportações de vetores de nível de publicação. Arco-iris padrao falham no daltonismo e no cinza. Mude os padroes de Excel ou Planilhas Google. (9)
→ Mapas históricos coropléticos: depois de «closing 1», o que diz «d3-geo»?
Mapas históricos coropléticos: honre cor das regiões administrativas mapeadas para uma taxa quantitativa, e mude quando contagens brutas sem normalização por população ou área. Topologia compacta para arquivos de limite - BSD-3-Clause. · BSD-3-Clause · github.com/topojson/topojson
→ Sistemas de cor: depois de «Publico», o que diz «Em relatorios, anuncios e trabalhos: legendas, marca, cor de dad»?
PowerPoint, Excel ou Planilhas Google e Meta, Google e impressos partilham a mesma geometria. Sistemas de cor codifica valores como matiz, valor e croma mapeados a categoria ou magnitude. Munsell 1905; paletas Brewer (1994–) para mapas; OKLCH no CSS.
→ Artesanato personalizado D3: depois de «Artesanato personalizado D3 codifica valores como os dados são u», o que diz «closing 1»?
Artesanato personalizado D3 codifica valores como os dados são unidos a marcas SVG/Canvas com escalas explícitas. Mike Bostock D3 (2011) - ainda a espinha dorsal da visualização personalizada. Em relatorios, anuncios e trabalhos: novos formulários, figuras de pesquisa, explicadores personalizados. Evite quando uma barra Chart.js já responde à pergunta do gerente.
→ Painéis Apache ECharts: depois de «Em relatorios, anuncios e trabalhos: painéis de operações, pacot», o que diz «Painéis Apache ECharts codi
Em relatorios, anuncios e trabalhos: painéis de operações, pacotes trimestrais, paredes de KPI em tempo real. Evite quando uma única barra estática em um PDF responderia à pergunta. Painéis Apache ECharts: honre Opções JSON mapeando conjuntos de dados para visualizações cartesianas, polares e gráficas, e mude quando uma única barra estática em um PDF responderia à pergunta. (9)
→ Wireframes de esboço do Excalidraw: depois de «closing 1», o que diz «Publico»?
Wireframes de esboço do Excalidraw: honre caixas à mão livre, setas e post-its como uma camada de pensamento, e mude quando ativos finais da marca que devem corresponder a um sistema de design rigoroso. Arco-iris padrao falham no daltonismo e no cinza. Mude os padroes de Excel ou Planilhas Google. (9)
→ Sistemas de ícones abertos: depois de «Publico», o que diz «Sistemas de ícones abertos codifica valores como traçar ou preen»?
PowerPoint, Excel ou Planilhas Google e Meta, Google e impressos partilham a mesma geometria. Trabalho: slides, interface do produto, pôsteres, planilhas escolares. Legivel em quatro minutos no PowerPoint. (9)
→ Diagramas de texto de sereia: depois de «Historia», o que diz «Trabalho»?
Mermaid (2014) popularizou diagramas nativos de Markdown no GitHub PowerPoint, Excel ou Planilhas Google e Meta, Google e impressos partilham a mesma geometria.
→ Mapas gráficos de rede: depois de «Cytoscape.js», o que diz «d3-force»?
Kit de ferramentas de teoria dos grafos para o navegador - MIT. · MIT · github.com/cytoscape/cytoscape.js Telas direcionadas à força com pouco clichê. · MIT · github.com/vasturiano/force-graph
→ Kit de plotagem observável: depois de «Trabalho», o que diz «Em relatorios, anuncios e trabalhos: relatórios de análise, labo»?
Trabalho: relatórios de análise, laboratórios de estudantes, gráficos exploratórios de escritório. Legivel em quatro minutos no PowerPoint. Kit de plotagem observável codifica valores como marque camadas sobre colunas organizadas com escalas automáticas. Observable Plot continua a gramática D3 com menos clichês.
→ Construtor de paleta e escala: depois de «A paleta padrao nao basta», o que diz «Publico»?
Arco-iris padrao falham no daltonismo e no cinza. Mude os padroes de Excel ou Planilhas Google. Cynthia Brewer ColorBrewer (2002) para cartografia; ferramentas de tema de UI posteriores
→ Pitch decks: depois de «Pitch decks codifica valores como uma ideia por slide; gráfico s», o que diz «closing 1»?
Pitch decks codifica valores como uma ideia por slide; gráfico só se for a frase. Cultura memo Sequoia/a16z e teatro startup da era Keynote. Em relatorios, anuncios e trabalhos: captação, kickoffs de vendas, grants, finais. Evite quando não despeje o dashboard inteiro — um deck é um discurso, não um armazém.
→ Visuais do relatório trimestral: depois de «Em relatorios, anuncios e trabalhos: gerentes, fundadores, tesou», o que diz «Apache ECharts»?
Em relatorios, anuncios e trabalhos: gerentes, fundadores, tesoureiros de clubes estudantis. Evite quando colocar todos os KPI em um slide por medo de omissão. Visuais do relatório trimestral: honre ponte + tendência + pilha de texto explicativo com uma paleta compartilhada, e mude quando colocar todos os KPI em um slide por medo de omissão.
→ Retomar receita de infográfico: depois de «Em relatorios, anuncios e trabalhos: estudantes, freelancers, pe», o que diz «Excalidraw»?
Em relatorios, anuncios e trabalhos: estudantes, freelancers, pessoas que mudam de carreira. Evite quando Texto simples somente ATS é necessário e os gráficos seriam removidos. Retomar receita de infográfico: honre blocos de layout + barras quantitativas modestas + linha de ícones, e mude quando Texto simples somente ATS é necessário e os gráficos seriam removidos.
→ Anotação Rough.js: depois de «Trabalho 1», o que diz «Em relatorios, anuncios e trabalhos: destaques do explicador, qu»?
PowerPoint semanal: Anotação Rough.js para destaques do explicador, quadros de conceito de anúncio, frases de destaque de ensino. Anotação Rough.js codifica valores como traços e preenchimentos imperfeitos como sinais de atenção. Rough.js trouxe renderização de esboço controlável para a web aberta. (13)
→ Histórias de fluxo de Sankey: depois de «Publico», o que diz «Histórias de fluxo de Sankey codifica valores como largura do li»?
PowerPoint, Excel ou Planilhas Google e Meta, Google e impressos partilham a mesma geometria. Trabalho: alocação orçamentária, caminhos de conversão, fluxos de materiais ou energia. Legivel em quatro minutos no PowerPoint.
→ Trabalhos escolares: depois de «Trabalhos escolares codifica valores como uma pergunta, um tipo », o que diz «closing 1»?
Trabalhos escolares codifica valores como uma pergunta, um tipo que cabe, uma frase que lê o resultado. Feiras científicas e manuais de laboratório desde o fim do séc. XIX. Em relatorios, anuncios e trabalhos: relatórios de lab, cronologias, dados de matemática, cartazes. Evite quando não decorar primeiro — escolha o gráfico que responde à rubrica. (9)
→ Padrões de diagrama de sequência: depois de «Padrões de diagrama de sequência codifica valores como linhas de», o que diz «closing 1»?
Padrões de diagrama de sequência codifica valores como linhas de vida e mensagens ordenadas entre os atores. Diagramas de sequência UML; ferramentas de texto como PlantUML e Mermaid. Em relatorios, anuncios e trabalhos: Fluxos de API, escalonamentos de suporte, protocolos de laboratório, etapas de checkout. Evite quando uma simples lista de verificação não ordenada contaria a mesma história. (9)