16 min
Se ler só uma coisa
Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas.
Pontos-chave
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. Em relatorios, anuncios e trabalhos: destaques do explicador, quadros de conceito de anúncio, frases de destaque de ensino. Evite quando comparação quantitativa densa que precisa de comprimentos precisos. Esta pagina reune anatomia, encaixe, oficio, falhas e receitas de trabalho, anuncios e escola para Anotação Rough.js.
Ir à seção
Anterior
Kit de plotagem observável
Seguinte
Histórias de fluxo de Sankey
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 Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas.
Imprimir esta pagina
Pontuacoes-chave Clareza 74 Persuasao 88 Densidade 30 Custo de oficio 34 Encaixe escolar 70 Encaixe laboral 68 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.
01
Anotação Rough.js 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.
Em relatorios, anuncios e trabalhos: destaques do explicador, quadros de conceito de anúncio, frases de destaque de ensino. Evite quando comparação quantitativa densa que precisa de comprimentos precisos.
Esta pagina reune anatomia, encaixe, oficio, falhas e receitas de trabalho, anuncios e escola para Anotação Rough.js.
Como Anotação Rough.js 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 Anotação Rough.js 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 Anotação Rough.js
Desde 2017
Codifica traços e preenchimentos…
Melhor para destaques do explicador,…
Evitar comparação quantitativa…
Estudio Métodos
Sete capitulos Ideia
Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas. Historia. destaques do explicador, quadros de…
Ler →
Anatomia
Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas. Marca. destaques do explicador, quadros de…
Ler →
Quando
Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas. Encaixe. destaques do explicador, quadros de…
Ler →
Ofício
Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas. Regras. destaques do explicador, quadros de…
Ler →
Erros
Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas. Falhas. destaques do explicador, quadros de…
Ler →
Estúdio
Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas. Trabalho. destaques do explicador, quadros de…
Ler →
Ferramentas
Use traços Rough.js para anotar e enfatizar - persuasão por meio de marcas de aparência humana, não cromadas. Software. destaques do explicador, quadros de…
Ler →
Perguntas frequentes Quando escolho Anotação Rough.js? Quando a historia e: destaques do explicador, quadros de conceito de anúncio, frases de destaque de ensino.
Quando evitar? Em casos como: comparação quantitativa densa que precisa de comprimentos precisos.
Quem inventou ou popularizou? Rough.js trouxe renderização de esboço controlável para a web aberta
O que codifica? traços e preenchimentos imperfeitos como sinais de atençã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