@fundar/data-chart-telling 1.0.0 → 1.2.0

package/examples/datasets/wind-vectors.ts

@@ -0,0 +1,30 @@
+// ── Prevailing wind at Argentine cities, 2025 ────────────────────────
+// Open-Meteo historical weather (ERA5 reanalysis, CC BY 4.0): over 2025, the
+// mean of each day's strongest 10 m wind (`magnitude`, in km/h) and the
+// direction that wind blows toward (`direction`, in degrees clockwise from
+// north), as the speed-weighted average of the daily dominant directions.
+
+export type WindVector = {
+	city: string;
+	lon: number;
+	lat: number;
+	magnitude: number;
+	direction: number;
+};
+
+export const WIND_VECTORS: WindVector[] = [
+	{ city: 'Buenos Aires', lon: -58.4, lat: -34.6, magnitude: 16.2, direction: 257 },
+	{ city: 'Córdoba', lon: -64.2, lat: -31.4, magnitude: 15.1, direction: 245 },
+	{ city: 'Rosario', lon: -60.7, lat: -32.9, magnitude: 15.3, direction: 279 },
+	{ city: 'Mendoza', lon: -68.8, lat: -32.9, magnitude: 14.1, direction: 9 },
+	{ city: 'Tucumán', lon: -65.2, lat: -26.8, magnitude: 11.7, direction: 48 },
+	{ city: 'Salta', lon: -65.4, lat: -24.8, magnitude: 11.5, direction: 219 },
+	{ city: 'Resistencia', lon: -59.0, lat: -27.5, magnitude: 14.6, direction: 281 },
+	{ city: 'Posadas', lon: -55.9, lat: -27.4, magnitude: 15.9, direction: 275 },
+	{ city: 'Neuquén', lon: -68.1, lat: -38.9, magnitude: 20.7, direction: 64 },
+	{ city: 'Mar del Plata', lon: -57.6, lat: -38.0, magnitude: 22.3, direction: 143 },
+	{ city: 'Santa Rosa', lon: -64.3, lat: -36.6, magnitude: 19.4, direction: 214 },
+	{ city: 'Comodoro Rivadavia', lon: -67.5, lat: -45.9, magnitude: 29.8, direction: 102 },
+	{ city: 'Río Gallegos', lon: -69.2, lat: -51.6, magnitude: 32.6, direction: 97 },
+	{ city: 'Ushuaia', lon: -68.3, lat: -54.8, magnitude: 19.2, direction: 127 }
+];

package/examples/datasets/world-temperature.ts

@@ -0,0 +1,400 @@
+// ── World temperature, 2025 ─────────────────────────────────────────────────
+// Open-Meteo historical weather (ERA5 reanalysis, CC BY 4.0): the mean
+// temperature (°C) over 2025 at the points of a world grid, every 10 degrees
+// of latitude from 80 S to 80 N and every 15 of longitude from 170 W to 170 E.
+
+export type WorldTemperaturePoint = { lon: number; lat: number; tempC: number };
+
+export const WORLD_TEMPERATURE: WorldTemperaturePoint[] = [
+	{ lon: -170, lat: -80, tempC: -27.9 },
+	{ lon: -155, lat: -80, tempC: -26.5 },
+	{ lon: -140, lat: -80, tempC: -24.1 },
+	{ lon: -125, lat: -80, tempC: -24.2 },
+	{ lon: -110, lat: -80, tempC: -26.1 },
+	{ lon: -95, lat: -80, tempC: -29.0 },
+	{ lon: -80, lat: -80, tempC: -20.1 },
+	{ lon: -65, lat: -80, tempC: -25.7 },
+	{ lon: -50, lat: -80, tempC: -21.5 },
+	{ lon: -35, lat: -80, tempC: -22.7 },
+	{ lon: -20, lat: -80, tempC: -23.9 },
+	{ lon: -5, lat: -80, tempC: -35.9 },
+	{ lon: 10, lat: -80, tempC: -40.5 },
+	{ lon: 25, lat: -80, tempC: -45.5 },
+	{ lon: 40, lat: -80, tempC: -50.0 },
+	{ lon: 55, lat: -80, tempC: -51.5 },
+	{ lon: 70, lat: -80, tempC: -49.8 },
+	{ lon: 85, lat: -80, tempC: -50.8 },
+	{ lon: 100, lat: -80, tempC: -48.8 },
+	{ lon: 115, lat: -80, tempC: -45.8 },
+	{ lon: 130, lat: -80, tempC: -42.4 },
+	{ lon: 145, lat: -80, tempC: -39.6 },
+	{ lon: 160, lat: -80, tempC: -21.6 },
+	{ lon: -170, lat: -70, tempC: -9.9 },
+	{ lon: -155, lat: -70, tempC: -9.6 },
+	{ lon: -140, lat: -70, tempC: -8.6 },
+	{ lon: -125, lat: -70, tempC: -7.3 },
+	{ lon: -110, lat: -70, tempC: -5.4 },
+	{ lon: -95, lat: -70, tempC: -4.2 },
+	{ lon: -80, lat: -70, tempC: -2.9 },
+	{ lon: -65, lat: -70, tempC: -18.5 },
+	{ lon: -50, lat: -70, tempC: -11.5 },
+	{ lon: -35, lat: -70, tempC: -11.1 },
+	{ lon: -20, lat: -70, tempC: -10.8 },
+	{ lon: -5, lat: -70, tempC: -9.9 },
+	{ lon: 10, lat: -70, tempC: -12.3 },
+	{ lon: 25, lat: -70, tempC: -12.4 },
+	{ lon: 40, lat: -70, tempC: -17.1 },
+	{ lon: 55, lat: -70, tempC: -36.9 },
+	{ lon: 70, lat: -70, tempC: -18.5 },
+	{ lon: 85, lat: -70, tempC: -30.8 },
+	{ lon: 100, lat: -70, tempC: -35.8 },
+	{ lon: 115, lat: -70, tempC: -33.1 },
+	{ lon: 130, lat: -70, tempC: -35.4 },
+	{ lon: 145, lat: -70, tempC: -31.2 },
+	{ lon: 160, lat: -70, tempC: -15.4 },
+	{ lon: -170, lat: -60, tempC: 2.6 },
+	{ lon: -155, lat: -60, tempC: 0.4 },
+	{ lon: -140, lat: -60, tempC: -0.1 },
+	{ lon: -125, lat: -60, tempC: 1.4 },
+	{ lon: -110, lat: -60, tempC: 2.3 },
+	{ lon: -95, lat: -60, tempC: 3.1 },
+	{ lon: -80, lat: -60, tempC: 3.9 },
+	{ lon: -65, lat: -60, tempC: 1.7 },
+	{ lon: -50, lat: -60, tempC: -0.8 },
+	{ lon: -35, lat: -60, tempC: -2.9 },
+	{ lon: -20, lat: -60, tempC: -3.6 },
+	{ lon: -5, lat: -60, tempC: -4.6 },
+	{ lon: 10, lat: -60, tempC: -3.9 },
+	{ lon: 25, lat: -60, tempC: -1.7 },
+	{ lon: 40, lat: -60, tempC: -0.6 },
+	{ lon: 55, lat: -60, tempC: -0.7 },
+	{ lon: 70, lat: -60, tempC: -1.1 },
+	{ lon: 85, lat: -60, tempC: -2.1 },
+	{ lon: 100, lat: -60, tempC: -1.3 },
+	{ lon: 115, lat: -60, tempC: -0.6 },
+	{ lon: 130, lat: -60, tempC: 0.4 },
+	{ lon: 145, lat: -60, tempC: 0.7 },
+	{ lon: 160, lat: -60, tempC: 0.7 },
+	{ lon: -170, lat: -50, tempC: 10.0 },
+	{ lon: -155, lat: -50, tempC: 9.5 },
+	{ lon: -140, lat: -50, tempC: 8.6 },
+	{ lon: -125, lat: -50, tempC: 7.9 },
+	{ lon: -110, lat: -50, tempC: 7.5 },
+	{ lon: -95, lat: -50, tempC: 7.5 },
+	{ lon: -80, lat: -50, tempC: 7.9 },
+	{ lon: -65, lat: -50, tempC: 9.0 },
+	{ lon: -50, lat: -50, tempC: 6.1 },
+	{ lon: -35, lat: -50, tempC: 4.1 },
+	{ lon: -20, lat: -50, tempC: 3.6 },
+	{ lon: -5, lat: -50, tempC: 2.6 },
+	{ lon: 10, lat: -50, tempC: 2.8 },
+	{ lon: 25, lat: -50, tempC: 2.6 },
+	{ lon: 40, lat: -50, tempC: 3.6 },
+	{ lon: 55, lat: -50, tempC: 4.1 },
+	{ lon: 70, lat: -50, tempC: 4.1 },
+	{ lon: 85, lat: -50, tempC: 5.0 },
+	{ lon: 100, lat: -50, tempC: 4.8 },
+	{ lon: 115, lat: -50, tempC: 5.1 },
+	{ lon: 130, lat: -50, tempC: 7.1 },
+	{ lon: 145, lat: -50, tempC: 7.9 },
+	{ lon: 160, lat: -50, tempC: 9.4 },
+	{ lon: -170, lat: -40, tempC: 15.2 },
+	{ lon: -155, lat: -40, tempC: 14.5 },
+	{ lon: -140, lat: -40, tempC: 14.3 },
+	{ lon: -125, lat: -40, tempC: 14.0 },
+	{ lon: -110, lat: -40, tempC: 13.5 },
+	{ lon: -95, lat: -40, tempC: 13.1 },
+	{ lon: -80, lat: -40, tempC: 13.5 },
+	{ lon: -65, lat: -40, tempC: 16.7 },
+	{ lon: -50, lat: -40, tempC: 15.9 },
+	{ lon: -35, lat: -40, tempC: 14.2 },
+	{ lon: -20, lat: -40, tempC: 13.4 },
+	{ lon: -5, lat: -40, tempC: 12.3 },
+	{ lon: 10, lat: -40, tempC: 12.5 },
+	{ lon: 25, lat: -40, tempC: 15.3 },
+	{ lon: 40, lat: -40, tempC: 14.7 },
+	{ lon: 55, lat: -40, tempC: 14.0 },
+	{ lon: 70, lat: -40, tempC: 13.6 },
+	{ lon: 85, lat: -40, tempC: 12.6 },
+	{ lon: 100, lat: -40, tempC: 12.4 },
+	{ lon: 115, lat: -40, tempC: 12.7 },
+	{ lon: 130, lat: -40, tempC: 13.1 },
+	{ lon: 145, lat: -40, tempC: 14.4 },
+	{ lon: 160, lat: -40, tempC: 15.8 },
+	{ lon: -170, lat: -30, tempC: 20.0 },
+	{ lon: -155, lat: -30, tempC: 19.8 },
+	{ lon: -140, lat: -30, tempC: 20.6 },
+	{ lon: -125, lat: -30, tempC: 20.4 },
+	{ lon: -110, lat: -30, tempC: 20.4 },
+	{ lon: -95, lat: -30, tempC: 19.6 },
+	{ lon: -80, lat: -30, tempC: 17.6 },
+	{ lon: -65, lat: -30, tempC: 21.9 },
+	{ lon: -50, lat: -30, tempC: 19.7 },
+	{ lon: -35, lat: -30, tempC: 20.6 },
+	{ lon: -20, lat: -30, tempC: 20.5 },
+	{ lon: -5, lat: -30, tempC: 19.3 },
+	{ lon: 10, lat: -30, tempC: 18.2 },
+	{ lon: 25, lat: -30, tempC: 16.8 },
+	{ lon: 40, lat: -30, tempC: 22.3 },
+	{ lon: 55, lat: -30, tempC: 20.9 },
+	{ lon: 70, lat: -30, tempC: 20.1 },
+	{ lon: 85, lat: -30, tempC: 19.2 },
+	{ lon: 100, lat: -30, tempC: 18.3 },
+	{ lon: 115, lat: -30, tempC: 20.0 },
+	{ lon: 130, lat: -30, tempC: 20.4 },
+	{ lon: 145, lat: -30, tempC: 22.2 },
+	{ lon: 160, lat: -30, tempC: 21.1 },
+	{ lon: -170, lat: -20, tempC: 25.2 },
+	{ lon: -155, lat: -20, tempC: 25.3 },
+	{ lon: -140, lat: -20, tempC: 25.6 },
+	{ lon: -125, lat: -20, tempC: 24.6 },
+	{ lon: -110, lat: -20, tempC: 22.9 },
+	{ lon: -95, lat: -20, tempC: 20.8 },
+	{ lon: -80, lat: -20, tempC: 18.9 },
+	{ lon: -65, lat: -20, tempC: 12.0 },
+	{ lon: -50, lat: -20, tempC: 25.1 },
+	{ lon: -35, lat: -20, tempC: 25.0 },
+	{ lon: -20, lat: -20, tempC: 23.2 },
+	{ lon: -5, lat: -20, tempC: 21.1 },
+	{ lon: 10, lat: -20, tempC: 18.9 },
+	{ lon: 25, lat: -20, tempC: 22.7 },
+	{ lon: 40, lat: -20, tempC: 25.9 },
+	{ lon: 55, lat: -20, tempC: 25.5 },
+	{ lon: 70, lat: -20, tempC: 24.5 },
+	{ lon: 85, lat: -20, tempC: 23.9 },
+	{ lon: 100, lat: -20, tempC: 23.7 },
+	{ lon: 115, lat: -20, tempC: 26.4 },
+	{ lon: 130, lat: -20, tempC: 25.8 },
+	{ lon: 145, lat: -20, tempC: 20.9 },
+	{ lon: 160, lat: -20, tempC: 25.3 },
+	{ lon: -170, lat: -10, tempC: 27.7 },
+	{ lon: -155, lat: -10, tempC: 27.5 },
+	{ lon: -140, lat: -10, tempC: 26.8 },
+	{ lon: -125, lat: -10, tempC: 25.7 },
+	{ lon: -110, lat: -10, tempC: 24.4 },
+	{ lon: -95, lat: -10, tempC: 23.0 },
+	{ lon: -80, lat: -10, tempC: 20.9 },
+	{ lon: -65, lat: -10, tempC: 25.6 },
+	{ lon: -50, lat: -10, tempC: 27.3 },
+	{ lon: -35, lat: -10, tempC: 26.6 },
+	{ lon: -20, lat: -10, tempC: 25.2 },
+	{ lon: -5, lat: -10, tempC: 23.6 },
+	{ lon: 10, lat: -10, tempC: 24.3 },
+	{ lon: 25, lat: -10, tempC: 23.0 },
+	{ lon: 40, lat: -10, tempC: 25.8 },
+	{ lon: 55, lat: -10, tempC: 26.6 },
+	{ lon: 70, lat: -10, tempC: 26.9 },
+	{ lon: 85, lat: -10, tempC: 27.0 },
+	{ lon: 100, lat: -10, tempC: 27.3 },
+	{ lon: 115, lat: -10, tempC: 27.8 },
+	{ lon: 130, lat: -10, tempC: 27.9 },
+	{ lon: 145, lat: -10, tempC: 27.4 },
+	{ lon: 160, lat: -10, tempC: 27.9 },
+	{ lon: -170, lat: 0, tempC: 26.9 },
+	{ lon: -155, lat: 0, tempC: 25.9 },
+	{ lon: -140, lat: 0, tempC: 25.0 },
+	{ lon: -125, lat: 0, tempC: 24.2 },
+	{ lon: -110, lat: 0, tempC: 23.6 },
+	{ lon: -95, lat: 0, tempC: 23.5 },
+	{ lon: -80, lat: 0, tempC: 22.1 },
+	{ lon: -65, lat: 0, tempC: 25.9 },
+	{ lon: -50, lat: 0, tempC: 26.5 },
+	{ lon: -35, lat: 0, tempC: 26.6 },
+	{ lon: -20, lat: 0, tempC: 25.7 },
+	{ lon: -5, lat: 0, tempC: 25.6 },
+	{ lon: 10, lat: 0, tempC: 25.4 },
+	{ lon: 25, lat: 0, tempC: 24.5 },
+	{ lon: 40, lat: 0, tempC: 28.7 },
+	{ lon: 55, lat: 0, tempC: 27.5 },
+	{ lon: 70, lat: 0, tempC: 28.1 },
+	{ lon: 85, lat: 0, tempC: 28.2 },
+	{ lon: 100, lat: 0, tempC: 23.5 },
+	{ lon: 115, lat: 0, tempC: 25.4 },
+	{ lon: 130, lat: 0, tempC: 27.8 },
+	{ lon: 145, lat: 0, tempC: 28.2 },
+	{ lon: 160, lat: 0, tempC: 28.4 },
+	{ lon: -170, lat: 10, tempC: 26.9 },
+	{ lon: -155, lat: 10, tempC: 26.3 },
+	{ lon: -140, lat: 10, tempC: 25.8 },
+	{ lon: -125, lat: 10, tempC: 26.0 },
+	{ lon: -110, lat: 10, tempC: 26.7 },
+	{ lon: -95, lat: 10, tempC: 27.3 },
+	{ lon: -80, lat: 10, tempC: 27.3 },
+	{ lon: -65, lat: 10, tempC: 25.0 },
+	{ lon: -50, lat: 10, tempC: 26.9 },
+	{ lon: -35, lat: 10, tempC: 25.9 },
+	{ lon: -20, lat: 10, tempC: 25.8 },
+	{ lon: -5, lat: 10, tempC: 27.0 },
+	{ lon: 10, lat: 10, tempC: 25.6 },
+	{ lon: 25, lat: 10, tempC: 28.6 },
+	{ lon: 40, lat: 10, tempC: 24.7 },
+	{ lon: 55, lat: 10, tempC: 26.3 },
+	{ lon: 70, lat: 10, tempC: 28.1 },
+	{ lon: 85, lat: 10, tempC: 28.3 },
+	{ lon: 100, lat: 10, tempC: 28.2 },
+	{ lon: 115, lat: 10, tempC: 27.9 },
+	{ lon: 130, lat: 10, tempC: 28.2 },
+	{ lon: 145, lat: 10, tempC: 28.1 },
+	{ lon: 160, lat: 10, tempC: 27.9 },
+	{ lon: -170, lat: 20, tempC: 25.9 },
+	{ lon: -155, lat: 20, tempC: 24.4 },
+	{ lon: -140, lat: 20, tempC: 22.5 },
+	{ lon: -125, lat: 20, tempC: 21.3 },
+	{ lon: -110, lat: 20, tempC: 24.0 },
+	{ lon: -95, lat: 20, tempC: 26.7 },
+	{ lon: -80, lat: 20, tempC: 27.7 },
+	{ lon: -65, lat: 20, tempC: 27.0 },
+	{ lon: -50, lat: 20, tempC: 25.7 },
+	{ lon: -35, lat: 20, tempC: 24.3 },
+	{ lon: -20, lat: 20, tempC: 21.9 },
+	{ lon: -5, lat: 20, tempC: 28.5 },
+	{ lon: 10, lat: 20, tempC: 26.8 },
+	{ lon: 25, lat: 20, tempC: 24.3 },
+	{ lon: 40, lat: 20, tempC: 29.0 },
+	{ lon: 55, lat: 20, tempC: 29.6 },
+	{ lon: 70, lat: 20, tempC: 27.1 },
+	{ lon: 85, lat: 20, tempC: 25.7 },
+	{ lon: 100, lat: 20, tempC: 24.3 },
+	{ lon: 115, lat: 20, tempC: 26.0 },
+	{ lon: 130, lat: 20, tempC: 27.0 },
+	{ lon: 145, lat: 20, tempC: 27.3 },
+	{ lon: 160, lat: 20, tempC: 27.1 },
+	{ lon: -170, lat: 30, tempC: 22.0 },
+	{ lon: -155, lat: 30, tempC: 21.8 },
+	{ lon: -140, lat: 30, tempC: 20.4 },
+	{ lon: -125, lat: 30, tempC: 17.4 },
+	{ lon: -110, lat: 30, tempC: 20.7 },
+	{ lon: -95, lat: 30, tempC: 21.3 },
+	{ lon: -80, lat: 30, tempC: 24.0 },
+	{ lon: -65, lat: 30, tempC: 23.9 },
+	{ lon: -50, lat: 30, tempC: 23.6 },
+	{ lon: -35, lat: 30, tempC: 22.5 },
+	{ lon: -20, lat: 30, tempC: 21.0 },
+	{ lon: -5, lat: 30, tempC: 23.7 },
+	{ lon: 10, lat: 30, tempC: 23.6 },
+	{ lon: 25, lat: 30, tempC: 21.5 },
+	{ lon: 40, lat: 30, tempC: 22.9 },
+	{ lon: 55, lat: 30, tempC: 18.4 },
+	{ lon: 70, lat: 30, tempC: 17.5 },
+	{ lon: 85, lat: 30, tempC: -7.0 },
+	{ lon: 100, lat: 30, tempC: -1.0 },
+	{ lon: 115, lat: 30, tempC: 18.2 },
+	{ lon: 130, lat: 30, tempC: 22.4 },
+	{ lon: 145, lat: 30, tempC: 22.6 },
+	{ lon: 160, lat: 30, tempC: 22.6 },
+	{ lon: -170, lat: 40, tempC: 14.7 },
+	{ lon: -155, lat: 40, tempC: 15.0 },
+	{ lon: -140, lat: 40, tempC: 15.3 },
+	{ lon: -125, lat: 40, tempC: 12.8 },
+	{ lon: -110, lat: 40, tempC: 12.0 },
+	{ lon: -95, lat: 40, tempC: 12.5 },
+	{ lon: -80, lat: 40, tempC: 11.5 },
+	{ lon: -65, lat: 40, tempC: 16.1 },
+	{ lon: -50, lat: 40, tempC: 17.9 },
+	{ lon: -35, lat: 40, tempC: 18.3 },
+	{ lon: -20, lat: 40, tempC: 17.9 },
+	{ lon: -5, lat: 40, tempC: 16.5 },
+	{ lon: 10, lat: 40, tempC: 19.5 },
+	{ lon: 25, lat: 40, tempC: 17.6 },
+	{ lon: 40, lat: 40, tempC: 5.4 },
+	{ lon: 55, lat: 40, tempC: 17.5 },
+	{ lon: 70, lat: 40, tempC: 11.2 },
+	{ lon: 85, lat: 40, tempC: 13.1 },
+	{ lon: 100, lat: 40, tempC: 9.6 },
+	{ lon: 115, lat: 40, tempC: 7.8 },
+	{ lon: 130, lat: 40, tempC: 12.9 },
+	{ lon: 145, lat: 40, tempC: 13.3 },
+	{ lon: 160, lat: 40, tempC: 14.2 },
+	{ lon: -170, lat: 50, tempC: 7.0 },
+	{ lon: -155, lat: 50, tempC: 7.9 },
+	{ lon: -140, lat: 50, tempC: 9.7 },
+	{ lon: -125, lat: 50, tempC: 10.1 },
+	{ lon: -110, lat: 50, tempC: 6.5 },
+	{ lon: -95, lat: 50, tempC: 3.6 },
+	{ lon: -80, lat: 50, tempC: 1.1 },
+	{ lon: -65, lat: 50, tempC: 4.2 },
+	{ lon: -50, lat: 50, tempC: 4.0 },
+	{ lon: -35, lat: 50, tempC: 10.6 },
+	{ lon: -20, lat: 50, tempC: 13.0 },
+	{ lon: -5, lat: 50, tempC: 12.6 },
+	{ lon: 10, lat: 50, tempC: 9.9 },
+	{ lon: 25, lat: 50, tempC: 9.6 },
+	{ lon: 40, lat: 50, tempC: 10.0 },
+	{ lon: 55, lat: 50, tempC: 8.9 },
+	{ lon: 70, lat: 50, tempC: 6.6 },
+	{ lon: 85, lat: 50, tempC: -1.4 },
+	{ lon: 100, lat: 50, tempC: -1.4 },
+	{ lon: 115, lat: 50, tempC: 2.0 },
+	{ lon: 130, lat: 50, tempC: 0.6 },
+	{ lon: 145, lat: 50, tempC: 2.6 },
+	{ lon: 160, lat: 50, tempC: 4.9 },
+	{ lon: -170, lat: 60, tempC: 1.0 },
+	{ lon: -155, lat: 60, tempC: 1.2 },
+	{ lon: -140, lat: 60, tempC: -0.0 },
+	{ lon: -125, lat: 60, tempC: -4.5 },
+	{ lon: -110, lat: 60, tempC: -2.0 },
+	{ lon: -95, lat: 60, tempC: -5.3 },
+	{ lon: -80, lat: 60, tempC: -4.9 },
+	{ lon: -65, lat: 60, tempC: -3.4 },
+	{ lon: -50, lat: 60, tempC: 2.9 },
+	{ lon: -35, lat: 60, tempC: 6.6 },
+	{ lon: -20, lat: 60, tempC: 9.4 },
+	{ lon: -5, lat: 60, tempC: 10.2 },
+	{ lon: 10, lat: 60, tempC: 6.8 },
+	{ lon: 25, lat: 60, tempC: 7.8 },
+	{ lon: 40, lat: 60, tempC: 5.1 },
+	{ lon: 55, lat: 60, tempC: 3.7 },
+	{ lon: 70, lat: 60, tempC: 1.7 },
+	{ lon: 85, lat: 60, tempC: 0.3 },
+	{ lon: 100, lat: 60, tempC: -2.5 },
+	{ lon: 115, lat: 60, tempC: -5.3 },
+	{ lon: 130, lat: 60, tempC: -6.3 },
+	{ lon: 145, lat: 60, tempC: -4.6 },
+	{ lon: 160, lat: 60, tempC: -0.7 },
+	{ lon: -170, lat: 70, tempC: -7.2 },
+	{ lon: -155, lat: 70, tempC: -7.8 },
+	{ lon: -140, lat: 70, tempC: -8.2 },
+	{ lon: -125, lat: 70, tempC: -8.3 },
+	{ lon: -110, lat: 70, tempC: -10.9 },
+	{ lon: -95, lat: 70, tempC: -11.2 },
+	{ lon: -80, lat: 70, tempC: -9.7 },
+	{ lon: -65, lat: 70, tempC: -7.8 },
+	{ lon: -50, lat: 70, tempC: -4.1 },
+	{ lon: -35, lat: 70, tempC: -21.3 },
+	{ lon: -20, lat: 70, tempC: -3.4 },
+	{ lon: -5, lat: 70, tempC: 4.0 },
+	{ lon: 10, lat: 70, tempC: 6.2 },
+	{ lon: 25, lat: 70, tempC: 2.4 },
+	{ lon: 40, lat: 70, tempC: 3.8 },
+	{ lon: 55, lat: 70, tempC: 0.7 },
+	{ lon: 70, lat: 70, tempC: -5.8 },
+	{ lon: 85, lat: 70, tempC: -8.2 },
+	{ lon: 100, lat: 70, tempC: -12.1 },
+	{ lon: 115, lat: 70, tempC: -11.0 },
+	{ lon: 130, lat: 70, tempC: -10.8 },
+	{ lon: 145, lat: 70, tempC: -11.2 },
+	{ lon: 160, lat: 70, tempC: -11.3 },
+	{ lon: -170, lat: 80, tempC: -13.2 },
+	{ lon: -155, lat: 80, tempC: -13.2 },
+	{ lon: -140, lat: 80, tempC: -13.1 },
+	{ lon: -125, lat: 80, tempC: -13.3 },
+	{ lon: -110, lat: 80, tempC: -12.8 },
+	{ lon: -95, lat: 80, tempC: -14.0 },
+	{ lon: -80, lat: 80, tempC: -17.6 },
+	{ lon: -65, lat: 80, tempC: -14.3 },
+	{ lon: -50, lat: 80, tempC: -21.6 },
+	{ lon: -35, lat: 80, tempC: -23.3 },
+	{ lon: -20, lat: 80, tempC: -10.5 },
+	{ lon: -5, lat: 80, tempC: -8.6 },
+	{ lon: 10, lat: 80, tempC: -2.5 },
+	{ lon: 25, lat: 80, tempC: -8.5 },
+	{ lon: 40, lat: 80, tempC: -4.5 },
+	{ lon: 55, lat: 80, tempC: -5.5 },
+	{ lon: 70, lat: 80, tempC: -6.8 },
+	{ lon: 85, lat: 80, tempC: -8.6 },
+	{ lon: 100, lat: 80, tempC: -9.5 },
+	{ lon: 115, lat: 80, tempC: -11.5 },
+	{ lon: 130, lat: 80, tempC: -11.8 },
+	{ lon: 145, lat: 80, tempC: -12.3 },
+	{ lon: 160, lat: 80, tempC: -13.0 }
+];

package/llms-full.txt

@@ -12,7 +12,7 @@ Svelte 5 plot components on top of svelteplot. This file is checked against the
 ## The mental model
 
 - A **plot** is one graph (axes + marks). Titles, subtitle, caption, legend, facets and a timeline are props of the plot itself.
-- Plots: `LinePlot AreaPlot BarPlot HistogramPlot HeatmapPlot PyramidPlot ScatterPlot GeoPlot`.
+- Plots: `LinePlot AreaPlot BarPlot DensityPlot HistogramPlot BoxPlot ViolinPlot LollipopPlot DumbbellPlot ClevelandPlot ForestPlot BulletPlot SlopePlot SparklinePlot HeatmapPlot PyramidPlot ScatterPlot GeoPlot`.
 - `PlotComposer` lays several plots out in one figure with shared hover, legend and timeline.
 - `width` and `height` are pixel numbers on a standalone plot. To fill a container or the window, bind its size (`examples/ResponsiveLine.svelte`) and render the plot once both are > 0.
 
@@ -38,17 +38,17 @@ Two ways to give data, one per plot:
 | `title` `subtitle` `caption` | Text chrome. `header` / `footer` snippets replace title+subtitle / caption. |
 | `legend` | unset/`true`: automatic legend; `false`: none; `{ series: { interactive: { enabled: true, disabled: { mode: 'omit' } } } }` adjusts a section. |
 | `order` | Chrome blocks top to bottom, e.g. `['title','subtitle','legend','plot','caption']`; rows as `'(plot, timeline)'`; `'divider'` between blocks. |
-| `scales` | Per channel: `{ x: { label, tickFormat, domain, type, ticks, grid }, y: {...}, color: { scheme, domain } }`. |
-| `styles` | `{ values: {...}, frame: true, gaps: {...} }` (shape depends on the kind). |
+| `scales` | Per channel: `{ x: { label, tickFormat, domain, type, ticks, grid, nice, edgeTicks }, y: {...}, color: { scheme, domain } }`. Stacked parts adding up to a hair past a tick (`100.2`) stay on it; `nice: { tolerance }` (default `0.05` of a step) tunes that; `nice: false` keeps the domain on the data. A category axis whose labels do not fit turns them by itself (45, then 90 degrees, then writes every few); a `scales.x.tickRotate` (0 included) or `axis.autoRotate: false` opts out. `scales.x.sort: { by: 'range' | 'value', series?, order? }` orders categories by the gap between their dots or one series' value. A continuous x axis also ticks the data's first and last values (y too with `edgeTicks: true`); `edgeTicks: false` or `{ collision: 'drop-nice'\|'drop-edge'\|'extend' }` (global defaults: `axis.edgeTicks.x` / `.y`). |
+| `styles` | `{ values: {...}, frame: true, gaps: {...}, curve: ... }` (shape depends on the kind; `curve` is the line family's). |
 | `segments` | Style ranges of the data (rule 1 below). |
 | `markers` | Extra marks, an array of `{ type: '...', ... }`. |
 | `margins` | `{ top, right, bottom, left }`, each a number or `'auto'` (all `'auto'` by default). |
-| `tooltip` | `true` or `{ strategy, sync, format, content, series, anchorX, anchorY }`. |
-| `timeline` | `{ accessor: 'year' }` steps through the rows by a field, drawn as a player bar (default); `type: 'rule'` draws a rule beside the plot instead. |
-| `facet` | `{ by: 'field', columns, gap, scales: 'shared'\|'free', mode: 'grid'\|'carousel'\|'paginated' }` or `{ rows, cols }`. |
-| `transforms` `statistics` | svelteplot transforms / derived summaries (regression, movingAverage, ...). |
+| `tooltip` | `true` or `{ strategy, sync, format, content, series, anchorX, anchorY }`. The text lists matched rows highest value first; a `content` snippet gets them unsorted. |
+| `timeline` | `{ accessor: 'year' }` steps through the rows by a field, drawn as a player bar (default); `type: 'rule'` draws a rule beside the plot instead. The field may hold numbers, `Date`s or date strings (ISO, or any other with `dateFormat: 'DD/MM/YYYY'`); date steps read as dates, and reach `onvalue`, `player.format` and `useFigure().timeline` (`steps`, `value`, `seekValue`) as `Date`s. Other options: `progress` (position, `0`-`1`), `values` (the steps, when not every distinct value), `filterMode` (`'exact'` shows the current step's rows, `'upTo'` every row up to it; `LinePlot` defaults to `'upTo'`), `interpolate` (tween values between steps), `scales` (`'shared'` keeps both axes still across steps, `'free'` refits both to each step, `'free-x'`/`'free-y'` refit one and keep the other still), `onprogress`, `onvalue`, and a rule's `orientation`, `show` and `thickness`. |
+| `facet` | `{ by: 'field', columns, gap, scales: 'shared'\|'free'\|'free-x'\|'free-y', mode: 'grid'\|'carousel'\|'paginated' }` or `{ rows, cols }`. |
+| `transforms` `statistics` | svelteplot transforms / derived summaries. `statistics` is `[{ type, ...options, series?, pooled? }]` (per series by default, `series: ['a']` only those, `pooled: true` all rows at once; a marker's own `.statistics` runs over its own `data`). Types: `regression` (`regressionType`: `'linear'|'quad'|'poly'|'exp'|'log'|'pow'|'loess'`, `order`, `base`, `span`, `confidence`, `styles`), `movingAverage` (`k`, `reduce`, `styles`), `bollinger` (`n`, `k`, `styles`), `density` (`kernel`, `bandwidth`, `styles`), `density2d` (`bandwidth`, `thresholds`, `styles`), `box` (the `box` marker's options), `deviation` (a rule at an estimator and a band around it, along the plot's value axis: `estimator`: `'mean'|'median'|'midrange'`, `spread`: `'stdev'|'mad'`, `k`, `rule` and `band`: styles or `false`, each with an optional `label: true | { text, styles: FontStyle }`, the band's also `edge: 'lower'|'upper'` and `position: 'inside'|'outside'`)|'upper'`). |
 
-Per kind: `BarPlot` x = category, y = value (swap for horizontal bars); `PyramidPlot` mirrors two series around zero; `HeatmapPlot` colors cells by `color`; `HistogramPlot` bins one numeric field; `ScatterPlot` takes `r` (size) and `symbol`; `GeoPlot` takes GeoJSON/TopoJSON in `data` and `coordinates` for the projection (`docs/geo.md`).
+Per kind: `BarPlot` x = category, y = value (swap for horizontal bars); `PyramidPlot` mirrors two series around zero; `HeatmapPlot` colors cells by `color`; `HistogramPlot` bins one numeric field; `DensityPlot` smooths one numeric field into a kernel density curve (`styles.mark: 'line'` draws a line instead of an area; a `densityX` transform sets `kernel` and `bandwidth`); `BoxPlot` x = category, y = value, one box per category (its tooltip row is the box summary: `min`, `p25`, `median`, `p75`, `max`, `count`, `outliers`); `ViolinPlot` x = category, y = value (swap for horizontal), the mirrored density of each category's values with a box inside (`styles`: `kernel`, `bandwidth`, `trim`, `scale: 'width'|'shared'`, `box: false | width`; its tooltip row is a box plot's); `LollipopPlot` x = category, y = value, one dot on a stem per category (stems start at zero, or at the nearest end of a pinned domain; `styles.values` labels each dot); `DumbbellPlot` x = category, y = value, `color`/`grouping` names exactly two series, joined by a connector per category (another count warns); `ClevelandPlot` is the same for any number of series, joined from the lowest to the highest (use `grouping` for a numeric series field; `styles.values.select` (`'first'|'last'|'min'|'max'` or a list), `series` and `color: 'series'` choose and color the labelled dots; `styles.connector` sets the connector's `width` (number or `'dots'` for a band), `color` (one, `{ by: 'sign' | 'difference' | 'length' }` or a function), `opacity`, `arrow` (draws the from-to stretch as an arrow), `outside` (the part past the from/to dots), `label` (centered on the from-to stretch) and the `from`/`to` series of its difference); `ForestPlot` x = value, y = category (or swapped), one dot per row on a stem spanning its interval given by `lower`/`upper` fields or an `error` either side (the value axis fits the intervals; `styles.connector.caps` toggles the end ticks, on by default); `BulletPlot` is a bar plot with a `target` (field, function or number: a tick across the band) and `ranges` (upper bounds, each a field, function or number: bands from the baseline, the smallest darkest) drawn around its thin bars (the value axis reaches them); `SlopePlot` x = category (its first and last positions are the two moments), y = value, a line with a dot on every point per series, its first and last labelled before and after it by `styles.values` (the value axis is hidden by default; `scales.y.axisDisplay: 'visible'` shows it); `SparklinePlot` is a small `LinePlot` with no axes and no legend (`legend` and `margins` bring them back), a dot on each series' last point and its value beside it (`styles.values` formats it or turns it off with `show: false`; `facet` makes one per category); `ScatterPlot` takes `r` (size) and `symbol`; `GeoPlot` takes GeoJSON/TopoJSON in `data` and `coordinates` for the projection (`docs/geo.md`).
 
 ## Switches
 
@@ -61,7 +61,7 @@ Per kind: `BarPlot` x = category, y = value (swap for horizontal bars); `Pyramid
 
 1. `segments` is an object keyed by series name or `'default'`: `{ default: [{ areas: [{ x: { from, to } }], styles: { stroke: { strokeDasharray: '6 4' } } }] }`. A segment without `areas` is a baseline for everything; area-specific segments override it.
 2. The global configuration holds data (`setConfiguration(...)` is cloned); functions go in plot props such as `format` and `tickFormat`.
-3. A continuous color ramp is `scales.color.scheme: [colorA, colorB]` (or a named ramp such as `'blues'`); categorical colors come from `palette` or a `scheme` record.
+3. A continuous color ramp is `scales.color.scheme: [colorA, colorB]` (or a named ramp such as `'blues'`); categorical colors come from `palette` (a list of colors, or a scheme name such as `'viridis'` or `'dark2'` in `setConfiguration`) or a `scheme` record.
 4. `margins` at `'auto'` (the default) fit value labels and long tick text from the measured text, also when `scales.y.domain` is pinned. A fixed number sets the side exactly.
 5. `tooltip.sync: true` in a `facet` or `PlotComposer` shows the highlight in every panel: that is how panels compare the same x.
 6. On a BarPlot the tooltip triggers anywhere over a bar's whole band (and its series' slice, when grouped).
@@ -80,12 +80,12 @@ Inside a plot's snippets (`header`, `footer`, tooltip `content`) or any child of
 - `timeline.steps`, `value`, `progress`, `playing`, `seek(p)`, `seekValue(v)`, `next()`, `previous()`, `play()`, `pause()`, `toggle()`, `setSpeed()`.
 - `hover.activeX`, `activeY`, `activeSeries`, `source`.
 
-The timeline is a player bar by default: `timeline={{ accessor: 'year', player: { controls: ['play','value','slider','speed','loop'], format, autoplay, loop, speed, stepDuration } }}`. `type: 'rule'` draws a guide beside the plot instead, driven by `progress` (a slider or scroll position of your own).
+The timeline is a player bar by default: `timeline={{ accessor: 'year', player: { controls: ['play','value','slider','speed','loop'], format, autoplay, loop, speed, stepDuration } }}`. `type: 'rule'` draws a guide beside the plot instead, driven by `progress` (a slider or scroll position of your own). `timeline.scales` decides what the axes do while it plays: `'shared'` (default) spans every step so they hold still, `'free'` refits both to the current step, and `'free-x'` / `'free-y'` refit one axis (e.g. a time axis that advances) and keep the other still; a pinned `scales.<axis>.domain` always wins.
 
 ## Markers
 
 Add with `markers={[{ type: '...' }]}`. For x/y plots:
-`area arrow bar bollinger box brush cell component delaunayLink delaunayMesh delta density difference dot hover hull image line raster rect regression rule text tick trail voronoi voronoiMesh waffle`.
+`area arrow bar bollinger box brush cell component delaunayLink delaunayMesh delta density difference dot hover hull image line raster rect regression rule text tick trail violin voronoi voronoiMesh waffle`.
 GeoPlot: `graticule sphere dot text vector link contour inset geo-hover geo-component`.
 
 - `delta` annotates the difference between two series at a position: `{ type: 'delta', axis: 'x', at: 2020, from: { type: 'series', series: 'A' }, to: { type: 'series', series: 'B' }, formatDiff: (d) => d.toFixed(1) }`.
@@ -100,15 +100,54 @@ GeoPlot: `graticule sphere dot text vector link contour inset geo-hover geo-comp
 
 ## Docs (in `docs/`)
 
-`getting-started.md`, `concepts.md`, `plots.md`, `scales.md`, `styles-and-segments.md`, `markers.md`, `transforms-and-statistics.md`, `tooltip-and-hover.md`, `legend.md`, `timeline.md`, `chrome.md`, `facets.md`, `composer.md`, `state.md`, `geo.md`, `theming.md`.
+`getting-started.md`, `concepts.md`, `plots.md` (an index: one page per plot kind in `plots/`), `scales.md`, `styles-and-segments.md`, `markers.md`, `transforms-and-statistics.md`, `tooltip-and-hover.md`, `legend.md`, `timeline.md`, `chrome.md`, `facets.md`, `composer.md`, `state.md`, `geo.md`, `theming.md`.
 
 ## Examples (in `examples/`, all runnable)
 
+- `LineByRegion.svelte` - one line per region with title, legend, end labels and tooltip.
 - `ResponsiveLine.svelte` - fill the window, end-of-line labels, axis labels.
 - `Tooltip.svelte` - tooltip + hover marker.
 - `Segments.svelte` - styling a range of the data.
 - `LegendToggle.svelte` + `LegendReader.svelte` - interactive legend and reading its state.
 - `TimelinePlayer.svelte` - animated bar chart with a player.
+- `TimelineRule.svelte` - a timeline rule moved by a slider through `progress`.
 - `Facets.svelte` - small multiples with a synced tooltip.
 - `BarValues.svelte` - value labels on bars.
 - `CustomTooltip.svelte` + `TooltipCard.svelte` - a tooltip drawn with your own card (`tooltip.content`).
+- `FirstPlot.svelte` - the smallest plot: rows, fields and a pixel size.
+- `LineDates.svelte` - line per series over a date axis, with end labels.
+- `StackedArea.svelte` - stacked area plot.
+- `GroupedBars.svelte` - vertical bars grouped by color.
+- `HorizontalBars.svelte` - horizontal bars.
+- `Histogram.svelte` - overlapping histograms.
+- `Density.svelte` - density curves per group.
+- `Box.svelte` - box plots per group.
+- `Violin.svelte` - violin plot of the iris species.
+- `Lollipop.svelte` - lollipop plot with value labels.
+- `Dumbbell.svelte` - dumbbell plot of two series.
+- `Forest.svelte` - forest plot of estimates with intervals.
+- `Bullet.svelte` - bullet plot of a value against a target and ranges.
+- `Slope.svelte` - slope plot of each group's share between two censuses.
+- `Sparkline.svelte` - one sparkline per region.
+- `Cleveland.svelte` - Cleveland dot plot of several series.
+- `Heatmap.svelte` - heatmap.
+- `Pyramid.svelte` - population pyramid.
+- `Scatter.svelte` - scatter plot sized, colored and shaped by channels.
+- `Scales.svelte` - axis labels, fixed domain, gridlines and series colors.
+- `ValueLabels.svelte` - end-of-line value labels with a custom format.
+- `Gaps.svelte` - filling gaps of missing values.
+- `SegmentHighlight.svelte` - highlighting a range of one series.
+- `SegmentsBySeries.svelte` - segments per series and shared rules.
+- `LineStep.svelte` - step plot: a line plot with a step curve.
+- `LineStepSegment.svelte` - a step curve on one segment of a line.
+- `HeatmapSegments.svelte` - segments on a heatmap.
+- `Markers.svelte` - hover, rule and delta markers.
+- `StackedBars.svelte` - bars stacked with stackY.
+- `MovingAverage.svelte` - moving average with windowY.
+- `Regression.svelte` - linear regression with a confidence band.
+- `LegendSections.svelte` - explicit legend sections.
+- `Chrome.svelte` - title, subtitle and caption.
+- `ChromeOrder.svelte` - ordering chrome blocks with dividers.
+- `FacetsCarousel.svelte` - facets as a carousel.
+- `FacetsRowsCols.svelte` - facets by rows and columns.
+- `Composer.svelte` - several plots in one figure.

package/llms.txt

@@ -1,6 +1,6 @@
 # @fundar/data-chart-telling
 
-> Svelte 5 plot components (line, area, bar, histogram, heatmap, pyramid, scatter, geo) built on svelteplot, with titles, legends, tooltips, facets, timelines and value labels built in. Plots take pixel `width`/`height`; hover and tooltips are switched on with `tooltip` and a `hover` marker.
+> Svelte 5 plot components (line, area, bar, density, histogram, box, violin, lollipop, dumbbell, cleveland, forest, bullet, slope, sparkline, heatmap, pyramid, scatter, geo) built on svelteplot, with titles, legends, tooltips, facets, timelines and value labels built in. Plots take pixel `width`/`height`; hover and tooltips are switched on with `tooltip` and a `hover` marker.
 
 Start with the full guide: it lists the mental model, the props every plot shares, the switches and the rules that matter. Runnable examples are type-checked, so copy them as a starting point.
 
@@ -12,11 +12,28 @@ Start with the full guide: it lists the mental model, the props every plot share
 
 - [Getting started](./docs/getting-started.md): install, first plot, sizing, data
 - [Concepts](./docs/concepts.md): plots, figures, rows and series, channels, shared props
-- [Plots](./docs/plots.md): the eight plot kinds
+- [Plots](./docs/plots.md): the plot kinds, one page each
+  - [LinePlot](./docs/plots/evolution/line.md)
+  - [AreaPlot](./docs/plots/evolution/area.md)
+  - [BarPlot](./docs/plots/ranking/bar.md)
+  - [DensityPlot](./docs/plots/distribution/density.md)
+  - [HistogramPlot](./docs/plots/distribution/histogram.md)
+  - [BoxPlot](./docs/plots/distribution/box.md)
+  - [ViolinPlot](./docs/plots/distribution/violin.md)
+  - [LollipopPlot](./docs/plots/ranking/lollipop.md)
+  - [DumbbellPlot](./docs/plots/ranking/dumbbell.md)
+  - [ForestPlot](./docs/plots/ranking/forest.md)
+  - [BulletPlot](./docs/plots/ranking/bullet.md)
+  - [SlopePlot](./docs/plots/evolution/slope.md)
+  - [SparklinePlot](./docs/plots/evolution/sparkline.md)
+  - [ClevelandPlot](./docs/plots/ranking/cleveland.md)
+  - [HeatmapPlot](./docs/plots/correlation/heatmap.md)
+  - [PyramidPlot](./docs/plots/distribution/pyramid.md)
+  - [ScatterPlot](./docs/plots/correlation/scatter.md)
 - [Scales](./docs/scales.md): axes and channel scales
 - [Styles and segments](./docs/styles-and-segments.md): value labels, frame, gaps, ranges of data
 - [Markers](./docs/markers.md): annotations, regions, hover highlight, custom components
-- [Transforms and statistics](./docs/transforms-and-statistics.md): stacking, binning, smoothing, regression
+- [Transforms and statistics](./docs/transforms-and-statistics.md): stacking, binning, smoothing, regression, and the statistics `regression`, `movingAverage`, `bollinger`, `density`, `density2d`, `box`, `deviation` with their options
 - [Tooltip and hover](./docs/tooltip-and-hover.md): tooltip options, hover marker, sync
 - [Legend](./docs/legend.md): automatic legend, toggling series, sections
 - [Timeline](./docs/timeline.md): player (default) and rule
@@ -29,15 +46,54 @@ Start with the full guide: it lists the mental model, the props every plot share
 
 ## Examples
 
+- [Line plot by region with title, legend, end labels and tooltip](./examples/LineByRegion.svelte)
 - [Responsive line chart with end labels](./examples/ResponsiveLine.svelte)
 - [Tooltip and hover marker](./examples/Tooltip.svelte)
 - [Segments (styling a range of data)](./examples/Segments.svelte)
 - [Interactive legend and reading its state](./examples/LegendToggle.svelte)
 - [Timeline player](./examples/TimelinePlayer.svelte)
+- [Timeline rule driven by a slider](./examples/TimelineRule.svelte)
 - [Facets with a synced tooltip](./examples/Facets.svelte)
 - [Bars with value labels](./examples/BarValues.svelte)
 - [Custom tooltip card](./examples/CustomTooltip.svelte)
-- [Shared example data](./examples/data.ts)
+- [The smallest plot: rows, fields and a pixel size](./examples/FirstPlot.svelte)
+- [Line per series over a date axis, with end labels](./examples/LineDates.svelte)
+- [Stacked area plot](./examples/StackedArea.svelte)
+- [Vertical bars grouped by color](./examples/GroupedBars.svelte)
+- [Horizontal bars](./examples/HorizontalBars.svelte)
+- [Overlapping histograms](./examples/Histogram.svelte)
+- [Density curves per group](./examples/Density.svelte)
+- [Box plots per group](./examples/Box.svelte)
+- [Violin plot of the iris species](./examples/Violin.svelte)
+- [Lollipop plot with value labels](./examples/Lollipop.svelte)
+- [Dumbbell plot of two series](./examples/Dumbbell.svelte)
+- [Forest plot of estimates with intervals](./examples/Forest.svelte)
+- [Bullet plot of a value against a target and ranges](./examples/Bullet.svelte)
+- [Slope plot of two moments](./examples/Slope.svelte)
+- [Sparkline per region](./examples/Sparkline.svelte)
+- [Cleveland dot plot of several series](./examples/Cleveland.svelte)
+- [Heatmap](./examples/Heatmap.svelte)
+- [Population pyramid](./examples/Pyramid.svelte)
+- [Scatter plot sized, colored and shaped by channels](./examples/Scatter.svelte)
+- [Axis labels, fixed domain, gridlines and series colors](./examples/Scales.svelte)
+- [End-of-line value labels with a custom format](./examples/ValueLabels.svelte)
+- [Filling gaps of missing values](./examples/Gaps.svelte)
+- [Highlighting a range of one series](./examples/SegmentHighlight.svelte)
+- [Segments per series and shared rules](./examples/SegmentsBySeries.svelte)
+- [Step plot: a line plot with a step curve](./examples/LineStep.svelte)
+- [A step curve on one segment of a line](./examples/LineStepSegment.svelte)
+- [Segments on a heatmap](./examples/HeatmapSegments.svelte)
+- [Hover, rule and delta markers](./examples/Markers.svelte)
+- [Bars stacked with stackY](./examples/StackedBars.svelte)
+- [Moving average with windowY](./examples/MovingAverage.svelte)
+- [Linear regression with a confidence band](./examples/Regression.svelte)
+- [Explicit legend sections](./examples/LegendSections.svelte)
+- [Title, subtitle and caption](./examples/Chrome.svelte)
+- [Ordering chrome blocks with dividers](./examples/ChromeOrder.svelte)
+- [Facets as a carousel](./examples/FacetsCarousel.svelte)
+- [Facets by rows and columns](./examples/FacetsRowsCols.svelte)
+- [Several plots in one figure](./examples/Composer.svelte)
+- [Example datasets, one file each](./examples/datasets)
 
 ## Types