Gráfico de parlamento

Reparto de escaños.

Definición

El gráfico de parlamento dibuja una cámara en hemiciclo con un punto por escaño, coloreado según el partido. La composición se lee contando escaños, no estimando una proporción sobre el arco. Se usa para resultados electorales y repartos de una asamblea.

Editar con tus datos SVG Spec JSON

Datos: party · seats
Buena para: Enseñar cuántos escaños tiene cada partido y si las sumas alcanzan la mayoría.
Evítala cuando: Cuando lo que se reparte no son unidades enteras: un punto por unidad pierde sentido con porcentajes o importes.
Se lee bien: Entre 2 y 10 elementos; dibuja hasta 1750
Datos que faltan: Se niega a dibujar y dice qué valor falta.
Accesibilidad: Lector de pantalla: tabla de datos · respeta «reducir movimiento»

Forma de los datos

Qué columnas pide

Columna	Tipo	Para qué
`party`	string	El grupo. REQUERIDA: sin una columna con uno de estos nombres la pieza lanza diciendo cuáles trae el spec — no coge otra por tipo ni por posición.
`seats`	number	Escaños, y AHORA sí deciden la geometría: se dibuja un punto por escaño sobre las filas resueltas. Entero ≥ 0; una celda vacía, un texto o un decimal hacen fallar con el recuento (un 0 fabricado borraría el grupo del hemiciclo).

Tamaños

Recompuesta, no encogida

El motor vuelve a componer la pieza a cada ancho: los rótulos conservan su cuerpo y la figura gana alto si lo necesita.

Móvil · 408 × 409 px

Escritorio · 848 × 597 px

Cuándo usarla

Tres preguntas antes de elegirla

¿Lo que repartes son escaños?

Si son unidades enteras que no se sientan en una cámara, un gráfico de unidades las cuenta sin el hemiciclo.

Sí: quédate con gráfico de parlamento

No: usa Gráfico de unidades

¿Importa contar unidades y no solo ver cuotas?

Si basta con ver qué parte del total tiene cada uno, un anillo con pocas categorías es más compacto.

Sí: quédate con gráfico de parlamento

No: usa Gráfico de anillo

¿Muestras una sola cámara?

Si comparas el reparto de varias elecciones o cámaras, unas barras apiladas las ponen en paralelo.

Sí: quédate con gráfico de parlamento

No: usa Barras apiladas

Código

La misma pieza, con tus datos

import { getPreset, renderComposition } from 'visx-render/node';

const spec = await getPreset('parliament');
spec.data.rows = misFilas; // party, seats
const { svg, warnings } = await renderComposition(spec);

También en React con Chart y prepareComposition. Guía para desarrolladores →