Tipos de Gráficos

Gráfico de linha padrão conectando pontos de dados com segmentos retos. Suporta marcadores, rótulos de dados, zonas, cor negativa, interpolação por passos e estilos tracejados.

Linha suavizada com interpolação usando curva Catmull-Rom (α=0.5). Mesma API que linha, mas a curva passa naturalmente por cada ponto.

Área preenchida sob uma linha. Suporta empilhamento normal e percentual, cor de preenchimento negativo e rastreamento de área ao passar o mouse.

Gráfico de área com interpolação Catmull-Rom suave — a área preenchida da área com a curva suave da spline.

Gráfico de barras vertical. Suporta barras agrupadas, empilhamento, colorByPoint, raio de borda e comprimento mínimo de barra.

Gráfico de barras horizontal — uma coluna invertida usando o mesmo renderizador com eixos permutados. Todas as opções de coluna se aplicam.

Nuvem de pontos X/Y com símbolos de marcador configuráveis e sem linhas de conexão. Suporta jitter para pontos sobrepostos.

Dispersão onde o raio do marcador codifica um terceiro valor (z), usando uma escala de raiz quadrada para que a área seja proporcional a z.

Barras flutuantes cumulativas com conectores mostrando contribuições incrementais. Use isSum e isIntermediateSum em pontos para totais e subtotais.

Gráfico de caixa com bigodes mostrando uma distribuição: valores baixo, Q1, mediano, Q3 e alto.

Visualização de distribuição mostrando densidade de dados como curva KDE (kernel density estimate) simétrica espelhada em ambos os lados.

Gráfico candlestick OHLC para série temporal. Corpo preenchido para velas bearish (close < open), vazio para bullish; mechas mostram o intervalo alto/baixo.

Marcas de tick Open/High/Low/Close sem corpo preenchido — os mesmos dados que candlestick renderizados como ticks horizontais em uma barra de intervalo vertical.

Candlesticks suavizados calculados a partir de valores OHLC médios, destacando a direção da tendência.

Área de lucro/perda colorida acima e abaixo de um limite de linha de base.

Banda preenchida entre um valor baixo e alto por x — intervalos de confiança ou faixas mín/máx.

Barras verticais que vão de um valor mínimo a um máximo por categoria — ex.: temperatura diária mín/máx.

Faixa de área com curva suave Catmull-Rom nas bordas da banda — a contraparte spline da faixa de área.

Indicadores técnicos declarativos adicionados como séries via type + linkedTo + params, calculados a partir da série vinculada. Sobreposições (SMA, EMA, WMA, DEMA, TEMA, Bollinger, VWAP, Ichimoku, PSAR) compartilham o eixo de preço; osciladores (RSI, MACD, Stochastic, ATR, CCI, ROC, Momentum, ADX) ficam em seu próprio painel via um yAxis empilhado.

Barras de volume horizontais agrupadas por nível de preço, sobrepostas ao gráfico de preço — mostra onde mais volume foi negociado.

Gráfico circular dividido em fatias proporcionais (sem eixos). Suporta deslocamento de fatia, ângulos iniciais/finais personalizados e rótulos de dados com conector.

Gráfico de pizza com um raio interno cortado. Idêntico a pizza com innerSize definido.

Retângulos dimensionados por valor. Suporta algoritmos de mosaico, níveis hierárquicos e drill-para-nó.

Gráfico hierárquico radial; cada anel concêntrico é um nível da hierarquia.

Layout de árvore organizada para dados hierárquicos. Os nós são desenhados como círculos ligados por arestas suaves; aceita linhas id/parent ou filhos aninhados.

Estágios de trapézio estreitante mostrando conversão ou atrito através de um processo.

Funil invertido (mais largo na base). Mesmo formato de dados que funil.

Hemiciclo de assentos redondos — um por unidade do valor de cada categoria — dispostos em arcos concêntricos. Passar o mouse sobre um assento destaca sua categoria e esmaece as demais; clicar em um assento dispara um evento de ponto. Use o tipo 'item' com ângulos personalizados, ou 'classroom' para o hemiciclo ancorado na base.

Diagrama de fluxo mostrando quantidades entre nós. Os nós são criados implicitamente a partir dos campos from/to.

Grafo direcionado por força; nós se repelem enquanto arestas agem como molas.

Diagrama de acorde circular mostrando relações ponderadas arranjadas ao redor de um círculo.

Medidor de estilo velocímetro angular com agulha. Suporta faixas de plotagem para intervalos coloridos.

Indicador de progresso de arco preenchido — um arco sólido colorido em vez de uma agulha. Ideal para KPIs e progresso.

Gráfico de coordenadas radiais; pontos mapeiam para ângulo (categoria) e raio (valor). Defina chart.polar: true.

Grade de retângulos coloridos com uma escala de cores sequencial. Requer colorAxis para mapear valores para cores.

Marcadores de evento sequenciais dispostos ao longo de uma linha; cada ponto é um marco com nome, um rótulo curto e uma descrição opcional exibida na dica. Horizontal por padrão, vertical quando chart.inverted é definido.

Barras horizontais baseadas em tempo mostrando durações de tarefas e dependências.

Diagrama de Venn mostrando intersecções e sobreposições de conjuntos.

Palavras dimensionadas por peso e posicionadas sem sobreposição ao longo de uma espiral. Útil para frequência de termos e nuvens de tags.

Corrida de gráfico de barras animado mostrando classificações mudando ao longo do tempo; barras animam entre posições conforme a linha do tempo progride.

Coluna empilhada cujo preenchimento é recortado por uma silhueta SVG personalizada, fazendo a forma preencher proporcionalmente como um medidor. Combine com stacking: 'percent' para ler frações de um todo.

Mapa coroplético mundial. Forneça a topologia via chart.map (GeoJSON ou TopoJSON) e vincule seus dados aos recursos com joinBy.

Uma projeção Orthographic transforma o mapa em um globo 3D interativo — arraste para girar, role para aproximar, com atmosfera e gratícula.

Foque em uma única região passando uma FeatureCollection pré-filtrada. Rótulos marcam cada área no seu centroide.

O mesmo mapa coroplético mundial renderizado com a projeção Web Mercator — troque de projeção com uma única opção.

Marcadores de ponto posicionados em coordenadas geográficas lat/lon sobre um mapa base. Marcadores, rótulos de dados, tooltips, hover e clique projetam-se pela mesma mapView do mapa base.

Faixas curvas, afiladas e direcionais entre dois pontos geográficos. Os extremos são pares [lon, lat] ou o id de um ponto de uma série mappoint vizinha; a espessura da faixa varia com o weight de cada ligação e uma seta marca o destino.

Gráfico vulcão — mudança de dobra (x) vs significância estatística (−log10 valor-p, y). Pontos são coloridos por limites de significância: upregulado, downregulado, não significativo.

Visualização GWAS — pontos ao longo de posições cromossômicas com cores alternadas por cromossomo e uma linha de significância em nível de genoma. Renderizado em tela acima de ~20k pontos.

Curva de sobrevida (função de passo) com intervalos de confiança opcionais, marcas de censura, uma tabela de risco e uma linha de sobrevida mediana.

Gráfico forest de meta-análise mostrando tamanhos de efeito com intervalos de confiança em estudos; tamanho do quadrado codifica peso do estudo.

Logo de sequência DNA/proteína — letras empilhadas por posição dimensionadas por conteúdo informativo / frequência.

Mapa de calor com dendrogramas de agrupamento hierárquico em linhas e/ou colunas — comum para análise de expressão gênica.

Árvore filogenética para relações evolutivas — layouts retangulares ou radiais com comprimentos de ramo e valores de bootstrap.

Análise de Coordenadas Principais / dispersão de ordenação com uma elipse de confiança opcional por grupo.

Visualização de genoma circular com tipos de trilha múltiplos configuráveis (histograma, dispersão, mapa de calor, linha, link). A base para todas as variantes de circos.

Mapa de calor matricial enrolado em um anel — as linhas viram setores angulares e as colunas viram faixas concêntricas. Ideal para matrizes de expressão ou abundância.

Layout de sintenia multiespécie — cromossomos de vários genomas compartilham um círculo, unidos por fitas de largura variável entre regiões conservadas.

Valores representados ao longo de uma espiral de Arquimedes, uma revolução por período — revela sazonalidade e tendências de longo alcance que um eixo plano esconderia.