Tipos de Gráficos

Gráfico de línea estándar que conecta puntos de datos con segmentos rectos. Compatible con marcadores, etiquetas de datos, zonas, color negativo e interpolación por pasos.

Línea suavizada interpolada usando una curva Catmull-Rom (α=0,5). Misma API que línea, pero la curva pasa naturalmente por cada punto.

Área rellena bajo una línea. Compatible con apilamiento normal y porcentual, color de relleno negativo y hover por área.

Gráfico de área con interpolación suave Catmull-Rom — el área rellena del área con la curva suave del spline.

Gráfico de barras vertical. Compatible con barras agrupadas, apilamiento, colorByPoint, radio de borde y longitud mínima de barra.

Gráfico de barras horizontal — una columna invertida usando el mismo renderizador con ejes intercambiados. Se aplican todas las opciones de columna.

Nube de puntos X/Y con símbolos de marcador configurables y sin líneas conectadas. Compatible con jitter para puntos superpuestos.

Dispersión donde el radio del marcador codifica un tercer valor (z), usando una escala de raíz cuadrada para que el área sea proporcional a z.

Barras flotantes acumulativas con conectores mostrando contribuciones incrementales. Usa isSum e isIntermediateSum en puntos para totales y subtotales.

Gráfico de caja y bigotes que muestra una distribución: valores bajo, Q1, mediana, Q3 y alto.

Visualización de distribución mostrando la densidad de datos como una curva KDE (estimación de densidad de kernel) simétrica reflejada en ambos lados.

Gráfico de velas OHLC para series de tiempo. Cuerpo relleno para velas bajistas (cierre < apertura), hueco para alcistas; mechas muestran el rango alto/bajo.

Marcas de apertura/alto/bajo/cierre sin cuerpo relleno — los mismos datos que velas renderizados como marcas horizontales en una barra de rango vertical.

Velas suavizadas calculadas a partir de valores OHLC promediados, resaltando la dirección de la tendencia.

Área de ganancia/pérdida coloreada por encima y por debajo de un umbral de línea base.

Banda rellena entre un valor bajo y alto por x — intervalos de confianza o rangos mín/máx.

Barras verticales que abarcan de un valor mínimo a uno máximo por categoría — p. ej. temperatura diaria mín/máx.

Rango de área con una curva suave Catmull-Rom en los bordes de la banda — la contraparte spline del rango de área.

Indicadores técnicos declarativos añadidos como series mediante type + linkedTo + params, calculados a partir de la serie vinculada. Las superposiciones (SMA, EMA, WMA, DEMA, TEMA, Bollinger, VWAP, Ichimoku, PSAR) comparten el eje de precio; los osciladores (RSI, MACD, Stochastic, ATR, CCI, ROC, Momentum, ADX) van en su propio panel mediante un yAxis apilado.

Barras de volumen horizontales agrupadas por nivel de precio, superpuestas al gráfico de precio — muestra dónde se negoció más volumen.

Gráfico circular dividido en porciones proporcionales (sin ejes). Compatible con desplazamiento de rebanada, ángulos de inicio/fin personalizados y etiquetas de datos del conector.

Gráfico circular con un radio interior cortado. Idéntico al circular con innerSize establecido.

Rectángulos dimensionados por valor. Compatible con algoritmos de enlosado, niveles jerárquicos y perforación en nodo.

Gráfico jerárquico radial; cada anillo concéntrico es un nivel de la jerarquía.

Diseño de árbol ordenado para datos jerárquicos. Los nodos se dibujan como círculos unidos por aristas suaves; acepta filas id/parent o hijos anidados.

Etapas trapezoidales estrechadas mostrando conversión o desgaste a través de un proceso.

Embudo invertido (más ancho en la base). Mismo formato de datos que embudo.

Hemiciclo de asientos redondos — uno por unidad del valor de cada categoría — dispuestos en arcos concéntricos. Al pasar el cursor sobre un asiento se resalta su categoría y se atenúan las demás; al hacer clic en un asiento se dispara un evento de punto. Usa el tipo 'item' con ángulos personalizados, o 'classroom' para el hemiciclo anclado en la base.

Diagrama de flujo mostrando cantidades entre nodos. Los nodos se crean implícitamente a partir de los campos from/to.

Grafo dirigido por fuerzas; los nodos se repelen mientras los bordes actúan como resortes.

Diagrama de acorde circular mostrando relaciones ponderadas arregladas alrededor de un círculo.

Indicador de estilo velocímetro angular con aguja. Compatible con bandas de gráfica para rangos coloreados.

Indicador de progreso de arco relleno — un arco coloreado sólido en lugar de una aguja. Ideal para KPIs y progreso.

Gráfico de coordenadas radiales; los puntos se asignan a ángulo (categoría) y radio (valor). Establece chart.polar: true.

Cuadrícula de rectángulos coloreados con una escala de color secuencial. Requiere colorAxis para asignar valores a colores.

Marcadores de eventos secuenciales dispuestos a lo largo de una línea; cada punto es un hito con un nombre, una etiqueta corta y una descripción opcional que se muestra en el tooltip. Horizontal por defecto, vertical cuando se activa chart.inverted.

Barras horizontales basadas en tiempo mostrando duraciones de tareas y dependencias.

Diagrama de Venn mostrando intersecciones de conjuntos y superposiciones.

Palabras dimensionadas por peso y colocadas sin solaparse a lo largo de una espiral. Útil para frecuencia de términos y nubes de etiquetas.

Carrera de gráfico de barras animada mostrando cambios de clasificación a lo largo del tiempo; las barras se animan entre posiciones a medida que avanza la línea de tiempo.

Columna apilada cuyo relleno se recorta con una silueta SVG personalizada, de modo que la forma se llena proporcionalmente como un indicador. Combínalo con stacking: 'percent' para leer fracciones de un todo.

Mapa coroplético mundial. Provee la topología vía chart.map (GeoJSON o TopoJSON) y vincula tus datos a las características con joinBy.

Una proyección Orthographic convierte el mapa en un globo 3D interactivo — arrastra para rotar, desplaza para acercar, con atmósfera y retícula.

Enfoca una sola región pasando una FeatureCollection pre-filtrada. Las etiquetas marcan cada área en su centroide.

El mismo mapa coroplético mundial renderizado con la proyección Web Mercator — cambia de proyección con una sola opción.

Marcadores de punto ubicados en coordenadas geográficas lat/lon sobre un mapa base. Marcadores, etiquetas de datos, tooltips, hover y clic se proyectan con la misma mapView que el mapa base.

Bandas curvas, afinadas y direccionales entre dos puntos geográficos. Los extremos son pares [lon, lat] o el id de un punto de una serie mappoint vecina; el grosor de la banda escala con el weight de cada enlace y una flecha marca el destino.

Gráfico volcán — cambio de pliegue (x) frente a significación estadística (−log10 valor p, y). Los puntos están coloreados por umbrales de significación: regulado positivamente, regulado negativamente, no significativo.

Visualización GWAS — puntos a lo largo de posiciones cromosómicas con colores alternos por cromosoma y una línea de significación genómica completa. Canvas-renderizado por encima de ~20k puntos.

Curva de supervivencia (función escalonada) con intervalos de confianza opcionales, marcas de censura, una tabla de riesgo y una línea de supervivencia mediana.

Gráfico forestal de metaanálisis mostrando tamaños de efecto con intervalos de confianza en estudios; el tamaño del cuadrado codifica el peso del estudio.

Logo de secuencia de ADN/proteína — letras apiladas por posición dimensionadas por contenido / frecuencia de información.

Mapa de calor con dendrogramas de agrupamiento jerárquico en filas y/o columnas — común para análisis de expresión génica.

Árbol filogenético para relaciones evolutivas — diseños rectangulares o radiales con longitudes de rama y valores de bootstrap.

Principal Coordinates Analysis / scatter de ordenación con elipse de confianza opcional por grupo.

Visualización de genoma circular con múltiples tipos de pista configurables (histograma, dispersión, mapa de calor, línea, enlace). La base para todas las variantes de circos.

Mapa de calor matricial envuelto en un anillo — las filas se convierten en sectores angulares y las columnas en bandas concéntricas. Ideal para matrices de expresión o abundancia.

Diseño de sintenia multiespecie — los cromosomas de varios genomas comparten un círculo, unidos por cintas de ancho variable entre regiones conservadas.

Valores representados a lo largo de una espiral de Arquímedes, una revolución por período — revela estacionalidad y tendencias de largo alcance que un eje plano ocultaría.