Data visualization

Graphs and plots

A governed, cross-platform evidence system for machine learning, telemetry, statistics, spatial analytics, networks and operations.

106 factories8 domainsWeb + Flutter + Python + Figma + MCPtable-equivalent

Reference composition

Observed + baseline + missing interval

Observed
Baseline
Review threshold

Window5 minutes · 284 valid samples · Europe/DublinMissing14:10–14:15 · no valid data

View equivalent data table

Time	Observed	Baseline
14:05	18.2 °C	18.0 °C
14:10	No valid data	18.1 °C
14:15	18.4 °C	18.2 °C

Visual example gallery

Every registered visualization has a token-driven specimen using deterministic synthetic farm, device or model data. These are visual and accessibility references—not live, clinical or diagnostic results.

Machine Learning, Evaluation & Vector Spaces

19 examples

Confusion Matrix Heatmap

count

Confusion Matrix Heatmap rendered from deterministic demonstration data using explicit matrix-heatmap scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: matrix-heatmap · keyed enter/update/exit

View source data

Dimension	Value
Row 1, column 1	0.88
Row 1, column 2	0.08
Row 1, column 3	0.04
Row 2, column 1	0.11
Row 2, column 2	0.81
Row 2, column 3	0.08
Row 3, column 1	0.05
Row 3, column 2	0.12
Row 3, column 3	0.83

ROC Curve

binary

ROC Curve rendered from deterministic demonstration data using explicit evaluation-curve scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: evaluation-curve · keyed enter/update/exit

View source data

Dimension	Value
p0	0
p1	0.5
p2	0.72
p3	0.88
p4	0.96
p5	1

Precision-Recall Curve

binary

Precision-Recall Curve rendered from deterministic demonstration data using explicit evaluation-curve scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: evaluation-curve · keyed enter/update/exit

View source data

Dimension	Value
p0	1
p1	0.96
p2	0.9
p3	0.78
p4	0.62
p5	0.42

Calibration Curve (Reliability Diagram)

uniform-bin

Calibration Curve (Reliability Diagram) rendered from deterministic demonstration data using explicit evaluation-curve scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: evaluation-curve · keyed enter/update/exit

View source data

Dimension	Value
p0	0
p1	0.5
p2	0.72
p3	0.88
p4	0.96
p5	1

DET Curve (Detection Error Tradeoff)

binary

DET Curve (Detection Error Tradeoff) rendered from deterministic demonstration data using explicit evaluation-curve scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: evaluation-curve · keyed enter/update/exit

View source data

Dimension	Value
p0	0
p1	0.5
p2	0.72
p3	0.88
p4	0.96
p5	1

Lift & Gains Charts

lift

Lift & Gains Charts rendered from deterministic demonstration data using explicit evaluation-curve scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: evaluation-curve · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Class Activation Map

cam

Class Activation Map rendered from deterministic demonstration data using explicit vision-heatmap scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: vision-heatmap · keyed enter/update/exit

View source data

Dimension	Value
Visualization	class-activation-map

SHAP Explainability Plot

summary

SHAP Explainability Plot rendered from deterministic demonstration data using explicit feature-attribution-bars scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: feature-attribution-bars · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

LIME Explainer Graph

feature-weight

LIME Explainer Graph rendered from deterministic demonstration data using explicit feature-attribution-bars scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: feature-attribution-bars · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Partial Dependence Plot (PDP)

one-way

Partial Dependence Plot (PDP) rendered from deterministic demonstration data using explicit multi-series-response scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: multi-series-response · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Individual Conditional Expectation (ICE) Plot

centered

Individual Conditional Expectation (ICE) Plot rendered from deterministic demonstration data using explicit multi-series-response scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: multi-series-response · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

t-SNE Projection

2d

t-SNE Projection rendered from deterministic demonstration data using explicit embedding-scatter scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: embedding-scatter · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

UMAP Projection

2d

UMAP Projection rendered from deterministic demonstration data using explicit embedding-scatter scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: embedding-scatter · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

PCA Biplot

scores

PCA Biplot rendered from deterministic demonstration data using explicit pca-biplot scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: pca-biplot · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

MDS Plot

metric

MDS Plot rendered from deterministic demonstration data using explicit embedding-scatter scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: embedding-scatter · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Manifold Projection

isomap

Manifold Projection rendered from deterministic demonstration data using explicit embedding-scatter scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: embedding-scatter · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Loss Landscape Surface Plot

surface-3d

Loss Landscape Surface Plot rendered from deterministic demonstration data using explicit contour-surface scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: contour-surface · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Neural Network Architecture Diagram

layered

Neural Network Architecture Diagram rendered from deterministic demonstration data using explicit node-link scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: node-link · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Decision Tree / Random Forest Diagram

decision-tree

Decision Tree / Random Forest Diagram rendered from deterministic demonstration data using explicit node-link scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: node-link · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Statistical Distributions & Data Spread

16 examples

Histogram

standard

Histogram rendered from deterministic demonstration data using explicit histogram scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: histogram · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Kernel Density Estimation (KDE) Plot

single

Kernel Density Estimation (KDE) Plot rendered from deterministic demonstration data using explicit density scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: density · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Box and Whisker Plot

standard

Box and Whisker Plot rendered from deterministic demonstration data using explicit box-whisker scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: box-whisker · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Violin Plot

single

Violin Plot rendered from deterministic demonstration data using explicit violin scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: violin · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Beanplot

single

Beanplot rendered from deterministic demonstration data using explicit bean scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: bean · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Ridgeline Plot (Joyplot)

overlap

Ridgeline Plot (Joyplot) rendered from deterministic demonstration data using explicit density scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: density · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Cumulative Distribution Function (CDF) Plot

empirical

Cumulative Distribution Function (CDF) Plot rendered from deterministic demonstration data using explicit empirical-cumulative scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: empirical-cumulative · keyed enter/update/exit

View source data

Dimension	Value
p0	0
p1	0.5
p2	0.72
p3	0.88
p4	0.96
p5	1

Probability Density Function (PDF) Plot

continuous

Probability Density Function (PDF) Plot rendered from deterministic demonstration data using explicit density scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: density · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Q-Q Plot

normal

Q-Q Plot rendered from deterministic demonstration data using explicit agreement-quantiles scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: agreement-quantiles · keyed enter/update/exit

View source data

Dimension	Value
p0	0
p1	0.5
p2	0.72
p3	0.88
p4	0.96
p5	1

P-P Plot

probability

P-P Plot rendered from deterministic demonstration data using explicit agreement-quantiles scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: agreement-quantiles · keyed enter/update/exit

View source data

Dimension	Value
p0	0
p1	0.5
p2	0.72
p3	0.88
p4	0.96
p5	1

Dot Plot

wilkinson

Dot Plot rendered from deterministic demonstration data using explicit dot-stem scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: dot-stem · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Stem-and-Leaf Plot

standard

Stem-and-Leaf Plot rendered from deterministic demonstration data using explicit dot-stem scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: dot-stem · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Bar Chart

horizontal

Bar Chart rendered from deterministic demonstration data using explicit categorical-bars scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: categorical-bars · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Frequency Polygon

single

Frequency Polygon rendered from deterministic demonstration data using explicit frequency-polygon scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: frequency-polygon · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Population Pyramid

count

Population Pyramid rendered from deterministic demonstration data using explicit categorical-bars scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: categorical-bars · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Fan Chart

quantile-band

Fan Chart rendered from deterministic demonstration data using explicit uncertainty-fan scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: uncertainty-fan · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Relationships, Correlation & Dependencies

11 examples

Scatter Plot

2d

Scatter Plot rendered from deterministic demonstration data using explicit embedding-scatter scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: embedding-scatter · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Scatter Plot Matrix (SPLOM / Pair Plot)

scatter

Scatter Plot Matrix (SPLOM / Pair Plot) rendered from deterministic demonstration data using explicit matrix-heatmap scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: matrix-heatmap · keyed enter/update/exit

View source data

Dimension	Value
Row 1, column 1	0.88
Row 1, column 2	0.08
Row 1, column 3	0.04
Row 2, column 1	0.11
Row 2, column 2	0.81
Row 2, column 3	0.08
Row 3, column 1	0.05
Row 3, column 2	0.12
Row 3, column 3	0.83

Correlogram

matrix-heatmap

Correlogram rendered from deterministic demonstration data using explicit matrix-heatmap scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: matrix-heatmap · keyed enter/update/exit

View source data

Dimension	Value
Row 1, column 1	0.88
Row 1, column 2	0.08
Row 1, column 3	0.04
Row 2, column 1	0.11
Row 2, column 2	0.81
Row 2, column 3	0.08
Row 3, column 1	0.05
Row 3, column 2	0.12
Row 3, column 3	0.83

Parallel Coordinates Plot

continuous

Parallel Coordinates Plot rendered from deterministic demonstration data using explicit multi-series-response scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: multi-series-response · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Parallel Categories Plot

weighted

Parallel Categories Plot rendered from deterministic demonstration data using explicit parallel-categories scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: parallel-categories · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Radviz Plot

2d

Radviz Plot rendered from deterministic demonstration data using explicit embedding-scatter scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: embedding-scatter · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Andrews Curves

class-grouped

Andrews Curves rendered from deterministic demonstration data using explicit multi-series-response scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: multi-series-response · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Chernoff Faces

grid

Chernoff Faces rendered from deterministic demonstration data using explicit glyph-faces scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: glyph-faces · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Connected Scatter Plot

time-ordered

Connected Scatter Plot rendered from deterministic demonstration data using explicit connected-scatter scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: connected-scatter · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Jointplot

scatter

Jointplot rendered from deterministic demonstration data using explicit joint-distribution scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: joint-distribution · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Residuals Plot

fitted

Residuals Plot rendered from deterministic demonstration data using explicit embedding-scatter scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: embedding-scatter · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Time-Series, Telemetry & IoT

13 examples

Line Chart

standard

Line Chart rendered from deterministic demonstration data using explicit time-series scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: time-series · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Area Chart

standard

Area Chart rendered from deterministic demonstration data using explicit time-series scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: time-series · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Sparkline

line

Sparkline rendered from deterministic demonstration data using explicit time-series scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: time-series · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Control / Shewhart Chart

x-bar

Control / Shewhart Chart rendered from deterministic demonstration data using explicit time-series scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: time-series · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

CUSUM Chart

one-sided

CUSUM Chart rendered from deterministic demonstration data using explicit time-series scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: time-series · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

EWMA Chart

standard

EWMA Chart rendered from deterministic demonstration data using explicit time-series scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: time-series · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Horizon Chart

mirrored

Horizon Chart rendered from deterministic demonstration data using explicit horizon-bands scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: horizon-bands · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Spiral Time-Series Chart

radial-line

Spiral Time-Series Chart rendered from deterministic demonstration data using explicit spiral-series scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: spiral-series · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Calendar Heatmap

daily

Calendar Heatmap rendered from deterministic demonstration data using explicit matrix-heatmap scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: matrix-heatmap · keyed enter/update/exit

View source data

Dimension	Value
Row 1, column 1	0.88
Row 1, column 2	0.08
Row 1, column 3	0.04
Row 2, column 1	0.11
Row 2, column 2	0.81
Row 2, column 3	0.08
Row 3, column 1	0.05
Row 3, column 2	0.12
Row 3, column 3	0.83

Gantt Chart

schedule

Gantt Chart rendered from deterministic demonstration data using explicit schedule scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: schedule · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Timeline Diagram

single-lane

Timeline Diagram rendered from deterministic demonstration data using explicit schedule scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: schedule · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

VAR Impulse Response Plot

single-response

VAR Impulse Response Plot rendered from deterministic demonstration data using explicit impulse-response scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: impulse-response · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Seasonal Decomposition Plot

additive

Seasonal Decomposition Plot rendered from deterministic demonstration data using explicit multi-series-response scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: multi-series-response · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Hierarchies, Part-to-Whole & Composition

11 examples

Pie & Donut Chart

pie

Pie & Donut Chart rendered from deterministic demonstration data using explicit partition-arc scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: partition-arc · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Treemap

squarified

Treemap rendered from deterministic demonstration data using explicit treemap scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: treemap · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Sunburst Chart

radial

Sunburst Chart rendered from deterministic demonstration data using explicit partition-arc scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: partition-arc · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Circle Packing Diagram

nested

Circle Packing Diagram rendered from deterministic demonstration data using explicit circle-pack scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: circle-pack · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Marimekko / Mosaic Plot

marimekko

Marimekko / Mosaic Plot rendered from deterministic demonstration data using explicit mosaic scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: mosaic · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Waffle Chart

square

Waffle Chart rendered from deterministic demonstration data using explicit waffle scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: waffle · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Dendrogram

vertical

Dendrogram rendered from deterministic demonstration data using explicit node-link scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: node-link · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Radial Tree Diagram

tidy

Radial Tree Diagram rendered from deterministic demonstration data using explicit radial-tree scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: radial-tree · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Mind Map / Concept Web

radial

Mind Map / Concept Web rendered from deterministic demonstration data using explicit node-link scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: node-link · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Venn & Euler Diagram

venn

Venn & Euler Diagram rendered from deterministic demonstration data using explicit venn-euler scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: venn-euler · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

UpSet Plot

count

UpSet Plot rendered from deterministic demonstration data using explicit matrix-heatmap scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: matrix-heatmap · keyed enter/update/exit

View source data

Dimension	Value
Row 1, column 1	0.88
Row 1, column 2	0.08
Row 1, column 3	0.04
Row 2, column 1	0.11
Row 2, column 2	0.81
Row 2, column 3	0.08
Row 3, column 1	0.05
Row 3, column 2	0.12
Row 3, column 3	0.83

Flows, Networks & Topologies

10 examples

Sankey Diagram

horizontal

Sankey Diagram rendered from deterministic demonstration data using explicit flow-bands scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: flow-bands · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Alluvial Diagram

categorical

Alluvial Diagram rendered from deterministic demonstration data using explicit flow-bands scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: flow-bands · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Chord Diagram

directed

Chord Diagram rendered from deterministic demonstration data using explicit chord scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: chord · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Node-Link Network Graph

force-directed

Node-Link Network Graph rendered from deterministic demonstration data using explicit node-link scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: node-link · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Dependency Wheel

directed

Dependency Wheel rendered from deterministic demonstration data using explicit chord scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: chord · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Arc Diagram

linear

Arc Diagram rendered from deterministic demonstration data using explicit node-link scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: node-link · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Tree Diagram

spanning-tree

Tree Diagram rendered from deterministic demonstration data using explicit node-link scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: node-link · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

PERT Chart

activity-on-node

PERT Chart rendered from deterministic demonstration data using explicit node-link scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: node-link · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Value Stream Map

current-state

Value Stream Map rendered from deterministic demonstration data using explicit flow-bands scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: flow-bands · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Swimlane Flowchart

horizontal

Swimlane Flowchart rendered from deterministic demonstration data using explicit flow-bands scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: flow-bands · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Geospatial & Spatial Analytics

13 examples

Choropleth Map

sequential

Choropleth Map rendered from deterministic demonstration data using explicit spatial-map scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: spatial-map · keyed enter/update/exit

View source data

Dimension	Value
Visualization	choropleth-map

Isarithmic / Isopleth Map

contour-line

Isarithmic / Isopleth Map rendered from deterministic demonstration data using explicit contour-surface scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: contour-surface · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Dot Density / Pin Map

dot-density

Dot Density / Pin Map rendered from deterministic demonstration data using explicit spatial-map scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: spatial-map · keyed enter/update/exit

View source data

Dimension	Value
Visualization	dot-density-map

Spatial Heatmap / Kernel Density Map

screen-grid

Spatial Heatmap / Kernel Density Map rendered from deterministic demonstration data using explicit matrix-heatmap scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: matrix-heatmap · keyed enter/update/exit

View source data

Dimension	Value
Row 1, column 1	0.88
Row 1, column 2	0.08
Row 1, column 3	0.04
Row 2, column 1	0.11
Row 2, column 2	0.81
Row 2, column 3	0.08
Row 3, column 1	0.05
Row 3, column 2	0.12
Row 3, column 3	0.83

Cartogram

contiguous

Cartogram rendered from deterministic demonstration data using explicit spatial-map scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: spatial-map · keyed enter/update/exit

View source data

Dimension	Value
Visualization	cartogram

Proportional Symbol Map

bubble

Proportional Symbol Map rendered from deterministic demonstration data using explicit spatial-map scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: spatial-map · keyed enter/update/exit

View source data

Dimension	Value
Visualization	proportional-symbol-map

Flow Map

origin-destination

Flow Map rendered from deterministic demonstration data using explicit spatial-map scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: spatial-map · keyed enter/update/exit

View source data

Dimension	Value
Visualization	flow-map

Spike Map

2d

Spike Map rendered from deterministic demonstration data using explicit spatial-map scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: spatial-map · keyed enter/update/exit

View source data

Dimension	Value
Visualization	spike-map

Hexbin / Grid Map

hexbin

Hexbin / Grid Map rendered from deterministic demonstration data using explicit matrix-heatmap scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: matrix-heatmap · keyed enter/update/exit

View source data

Dimension	Value
Row 1, column 1	0.88
Row 1, column 2	0.08
Row 1, column 3	0.04
Row 2, column 1	0.11
Row 2, column 2	0.81
Row 2, column 3	0.08
Row 3, column 1	0.05
Row 3, column 2	0.12
Row 3, column 3	0.83

Voronoi Tessellation Map

planar

Voronoi Tessellation Map rendered from deterministic demonstration data using explicit spatial-map scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: spatial-map · keyed enter/update/exit

View source data

Dimension	Value
Visualization	voronoi-map

Point Cloud Visualization

3d

Point Cloud Visualization rendered from deterministic demonstration data using explicit vision-overlay scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: vision-overlay · keyed enter/update/exit

View source data

Dimension	Value
Visualization	point-cloud-visualization

Bounding Box / Cuboid Overlay

2d-box

Bounding Box / Cuboid Overlay rendered from deterministic demonstration data using explicit vision-overlay scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: vision-overlay · keyed enter/update/exit

View source data

Dimension	Value
Visualization	bounding-box-overlay

Skeleton / Keypoint Wireframe Overlay

2d

Skeleton / Keypoint Wireframe Overlay rendered from deterministic demonstration data using explicit vision-overlay scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: vision-overlay · keyed enter/update/exit

View source data

Dimension	Value
Visualization	skeleton-keypoint-overlay

Finance, Economics & Operations

13 examples

Candlestick Chart

standard

Candlestick Chart rendered from deterministic demonstration data using explicit financial-market scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: financial-market · keyed enter/update/exit

View source data

Dimension	Value
D1	O 72 · H 88 · L 58 · C 80
D2	O 80 · H 92 · L 70 · C 76
D3	O 76 · H 101 · L 73 · C 94
D4	O 94 · H 98 · L 79 · C 83
D5	O 83 · H 110 · L 81 · C 104

OHLC Chart

standard

OHLC Chart rendered from deterministic demonstration data using explicit financial-market scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: financial-market · keyed enter/update/exit

View source data

Dimension	Value
D1	O 72 · H 88 · L 58 · C 80
D2	O 80 · H 92 · L 70 · C 76
D3	O 76 · H 101 · L 73 · C 94
D4	O 94 · H 98 · L 79 · C 83
D5	O 83 · H 110 · L 81 · C 104

Kagi Chart

price

Kagi Chart rendered from deterministic demonstration data using explicit financial-market scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: financial-market · keyed enter/update/exit

View source data

Dimension	Value
D1	O 72 · H 88 · L 58 · C 80
D2	O 80 · H 92 · L 70 · C 76
D3	O 76 · H 101 · L 73 · C 94
D4	O 94 · H 98 · L 79 · C 83
D5	O 83 · H 110 · L 81 · C 104

Renko Chart

fixed-brick

Renko Chart rendered from deterministic demonstration data using explicit financial-market scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: financial-market · keyed enter/update/exit

View source data

Dimension	Value
D1	O 72 · H 88 · L 58 · C 80
D2	O 80 · H 92 · L 70 · C 76
D3	O 76 · H 101 · L 73 · C 94
D4	O 94 · H 98 · L 79 · C 83
D5	O 83 · H 110 · L 81 · C 104

Point and Figure Chart

fixed-box

Point and Figure Chart rendered from deterministic demonstration data using explicit financial-market scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: financial-market · keyed enter/update/exit

View source data

Dimension	Value
D1	O 72 · H 88 · L 58 · C 80
D2	O 80 · H 92 · L 70 · C 76
D3	O 76 · H 101 · L 73 · C 94
D4	O 94 · H 98 · L 79 · C 83
D5	O 83 · H 110 · L 81 · C 104

Waterfall Chart

bridge

Waterfall Chart rendered from deterministic demonstration data using explicit categorical-bars scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: categorical-bars · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Bullet Graph

horizontal

Bullet Graph rendered from deterministic demonstration data using explicit categorical-bars scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: categorical-bars · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Gauge / Dial Meter

radial

Gauge / Dial Meter rendered from deterministic demonstration data using explicit polar-metric scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: polar-metric · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Funnel Chart

stage

Funnel Chart rendered from deterministic demonstration data using explicit flow-bands scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: flow-bands · keyed enter/update/exit

View source data

Dimension	Value
Root	x 0, y 1
A	x 1, y 0.35
B	x 1, y 1.65
C	x 2, y 0.25
D	x 2, y 1
E	x 2, y 1.75

Radar / Spider / Polar Chart

radar

Radar / Spider / Polar Chart rendered from deterministic demonstration data using explicit polar-metric scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: polar-metric · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Nightingale Rose / Polar Area Diagram

polar-area

Nightingale Rose / Polar Area Diagram rendered from deterministic demonstration data using explicit polar-metric scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: polar-metric · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Tornado Diagram

sensitivity

Tornado Diagram rendered from deterministic demonstration data using explicit categorical-bars scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: categorical-bars · keyed enter/update/exit

View source data

Dimension	Value
A	12
B	19
C	27
D	18
E	9

Cost-Budget Meter / Burndown Chart

budget-meter

Cost-Budget Meter / Burndown Chart rendered from deterministic demonstration data using explicit cost-burndown scales, geometry, and keyed updates.

Source: Deterministic design-system fixtureRenderer: D3.js 7.9 · Geometry: cost-burndown · keyed enter/update/exit

View source data

Dimension	Value
p0	0.08
p1	0.2
p2	0.58
p3	0.42
p4	0.78
p5	0.66

Portable component contract

Every named factory creates the same serializable specification. The renderer adapter draws it with D3, ECharts, Plotly, Vega, Matplotlib, fl_chart, CustomPainter or a native/BI engine; HealthEye owns the title, state, theme, provenance and accessible-data contract.

Web / TypeScript

import { createConfusionMatrixHeatmapVisualization } from '@healtheye/design-system-web/visualizations';

const spec = createConfusionMatrixHeatmapVisualization({
  variant: 'row-normalized',
  title: 'Cow pose classifier',
  data: matrix,
  accessibleData: rows
});

Flutter

final spec = heConfusionMatrixHeatmapVisualization(
  variant: 'row-normalized',
  title: 'Cow pose classifier',
  data: matrix,
  accessibleData: rows,
);

Python / ML

from healtheye_design_system.visualizations import create_confusion_matrix_heatmap_visualization

spec = create_confusion_matrix_heatmap_visualization(
  variant='row-normalized',
  title='Cow pose classifier',
  data=matrix,
  accessible_data=rows,
)

Visualization components

Use the catalog ID as the stable cross-platform name. Variants alter representation without changing the evidence contract.

Machine Learning, Evaluation & Vector Spaces19

Visualize model architecture, loss landscapes, embedding spaces, classification performance and explainability.

Visualization	Variants	Web factory	Python factory
Confusion Matrix Heatmap `confusion-matrix-heatmap`	count, row-normalized, column-normalized	`createConfusionMatrixHeatmapVisualization()`	`create_confusion_matrix_heatmap_visualization()`
ROC Curve `roc-curve`	binary, one-vs-rest, micro-macro	`createROCCurveVisualization()`	`create_roc_curve_visualization()`
Precision-Recall Curve `precision-recall-curve`	binary, one-vs-rest, iso-f1	`createPrecisionRecallCurveVisualization()`	`create_precision_recall_curve_visualization()`
Calibration Curve (Reliability Diagram) `calibration-curve`	uniform-bin, quantile-bin, with-histogram	`createCalibrationCurveVisualization()`	`create_calibration_curve_visualization()`
DET Curve (Detection Error Tradeoff) `det-curve`	binary, multi-model	`createDETCurveVisualization()`	`create_det_curve_visualization()`
Lift & Gains Charts `lift-gains-chart`	lift, cumulative-gains	`createLiftGainsChartVisualization()`	`create_lift_gains_chart_visualization()`
Class Activation Map `class-activation-map`	cam, grad-cam, eigen-cam	`createClassActivationMapVisualization()`	`create_class_activation_map_visualization()`
SHAP Explainability Plot `shap-plot`	summary, force, dependence	`createSHAPPlotVisualization()`	`create_shap_plot_visualization()`
LIME Explainer Graph `lime-explainer-graph`	feature-weight, local-surrogate	`createLIMEExplainerGraphVisualization()`	`create_lime_explainer_graph_visualization()`
Partial Dependence Plot (PDP) `partial-dependence-plot`	one-way, two-way	`createPartialDependencePlotVisualization()`	`create_partial_dependence_plot_visualization()`
Individual Conditional Expectation (ICE) Plot `ice-plot`	centered, derivative, clustered	`createICEPlotVisualization()`	`create_ice_plot_visualization()`
t-SNE Projection `t-sne-projection`	2d, 3d	`createTSneProjectionVisualization()`	`create_t_sne_projection_visualization()`
UMAP Projection `umap-projection`	2d, 3d	`createUMAPProjectionVisualization()`	`create_umap_projection_visualization()`
PCA Biplot `pca-biplot`	scores, scores-loadings	`createPCABiplotVisualization()`	`create_pca_biplot_visualization()`
MDS Plot `mds-plot`	metric, non-metric	`createMDSPlotVisualization()`	`create_mds_plot_visualization()`
Manifold Projection `manifold-projection`	isomap, lle	`createManifoldProjectionVisualization()`	`create_manifold_projection_visualization()`
Loss Landscape Surface Plot `loss-landscape-surface`	surface-3d, contour, gradient-path	`createLossLandscapeSurfaceVisualization()`	`create_loss_landscape_surface_visualization()`
Neural Network Architecture Diagram `neural-network-architecture`	layered, computational-graph, collapsed	`createNeuralNetworkArchitectureVisualization()`	`create_neural_network_architecture_visualization()`
Decision Tree / Random Forest Diagram `decision-tree-diagram`	decision-tree, forest-summary, path-highlight	`createDecisionTreeDiagramVisualization()`	`create_decision_tree_diagram_visualization()`

Statistical Distributions & Data Spread16

Analyze frequency, probability density, variation and outliers in continuous or categorical datasets.

Visualization	Variants	Web factory	Python factory
Histogram `histogram`	standard, stacked, mirrored	`createHistogramVisualization()`	`create_histogram_visualization()`
Kernel Density Estimation (KDE) Plot `kde-plot`	single, multiple, filled	`createKDEPlotVisualization()`	`create_kde_plot_visualization()`
Box and Whisker Plot `box-whisker-plot`	standard, notched, grouped	`createBoxWhiskerPlotVisualization()`	`create_box_whisker_plot_visualization()`
Violin Plot `violin-plot`	single, split, grouped	`createViolinPlotVisualization()`	`create_violin_plot_visualization()`
Beanplot `beanplot`	single, grouped	`createBeanplotVisualization()`	`create_beanplot_visualization()`
Ridgeline Plot (Joyplot) `ridgeline-plot`	overlap, stacked	`createRidgelinePlotVisualization()`	`create_ridgeline_plot_visualization()`
Cumulative Distribution Function (CDF) Plot `cdf-plot`	empirical, theoretical	`createCDFPlotVisualization()`	`create_cdf_plot_visualization()`
Probability Density Function (PDF) Plot `pdf-plot`	continuous, multiple	`createPDFPlotVisualization()`	`create_pdf_plot_visualization()`
Q-Q Plot `q-q-plot`	normal, two-sample	`createQQPlotVisualization()`	`create_q_q_plot_visualization()`
P-P Plot `p-p-plot`	probability, detrended	`createPPPlotVisualization()`	`create_p_p_plot_visualization()`
Dot Plot `dot-plot`	wilkinson, cleveland	`createDotPlotVisualization()`	`create_dot_plot_visualization()`
Stem-and-Leaf Plot `stem-leaf-plot`	standard, split-stem	`createStemLeafPlotVisualization()`	`create_stem_leaf_plot_visualization()`
Bar Chart `bar-chart`	horizontal, vertical, grouped, stacked, 100-percent-stacked	`createBarChartVisualization()`	`create_bar_chart_visualization()`
Frequency Polygon `frequency-polygon`	single, multiple	`createFrequencyPolygonVisualization()`	`create_frequency_polygon_visualization()`
Population Pyramid `population-pyramid`	count, percentage	`createPopulationPyramidVisualization()`	`create_population_pyramid_visualization()`
Fan Chart `fan-chart`	quantile-band, confidence-band	`createFanChartVisualization()`	`create_fan_chart_visualization()`

Relationships, Correlation & Dependencies11

Isolate mathematical correlation, multi-variable interactions and relative trends without implying causation.

Visualization	Variants	Web factory	Python factory
Scatter Plot `scatter-plot`	2d, 3d, bubble	`createScatterPlotVisualization()`	`create_scatter_plot_visualization()`
Scatter Plot Matrix (SPLOM / Pair Plot) `scatter-plot-matrix`	scatter, density-diagonal	`createScatterPlotMatrixVisualization()`	`create_scatter_plot_matrix_visualization()`
Correlogram `correlogram`	matrix-heatmap, circle, coefficient	`createCorrelogramVisualization()`	`create_correlogram_visualization()`
Parallel Coordinates Plot `parallel-coordinates`	continuous, brushed	`createParallelCoordinatesVisualization()`	`create_parallel_coordinates_visualization()`
Parallel Categories Plot `parallel-categories`	weighted, unweighted	`createParallelCategoriesVisualization()`	`create_parallel_categories_visualization()`
Radviz Plot `radviz-plot`	2d, class-colored	`createRadvizPlotVisualization()`	`create_radviz_plot_visualization()`
Andrews Curves `andrews-curves`	class-grouped, sampled	`createAndrewsCurvesVisualization()`	`create_andrews_curves_visualization()`
Chernoff Faces `chernoff-faces`	grid, clustered	`createChernoffFacesVisualization()`	`create_chernoff_faces_visualization()`
Connected Scatter Plot `connected-scatter-plot`	time-ordered, annotated	`createConnectedScatterPlotVisualization()`	`create_connected_scatter_plot_visualization()`
Jointplot `jointplot`	scatter, hexbin, kde	`createJointplotVisualization()`	`create_jointplot_visualization()`
Residuals Plot `residuals-plot`	fitted, scale-location, leverage	`createResidualsPlotVisualization()`	`create_residuals_plot_visualization()`

Time-Series, Telemetry & IoT13

Present continuous streaming data, operational monitoring, temporary sessions and statistically governed process change.

Visualization	Variants	Web factory	Python factory
Line Chart `line-chart`	standard, multi-series, stepped, spline	`createLineChartVisualization()`	`create_line_chart_visualization()`
Area Chart `area-chart`	standard, stacked, streamgraph	`createAreaChartVisualization()`	`create_area_chart_visualization()`
Sparkline `sparkline-chart`	line, bar, win-loss	`createSparklineChartVisualization()`	`create_sparkline_chart_visualization()`
Control / Shewhart Chart `control-chart`	x-bar, r-chart, p-chart, c-chart	`createControlChartVisualization()`	`create_control_chart_visualization()`
CUSUM Chart `cusum-chart`	one-sided, two-sided	`createCUSUMChartVisualization()`	`create_cusum_chart_visualization()`
EWMA Chart `ewma-chart`	standard, with-control-limits	`createEWMAChartVisualization()`	`create_ewma_chart_visualization()`
Horizon Chart `horizon-chart`	mirrored, offset	`createHorizonChartVisualization()`	`create_horizon_chart_visualization()`
Spiral Time-Series Chart `spiral-time-series`	radial-line, radial-band	`createSpiralTimeSeriesVisualization()`	`create_spiral_time_series_visualization()`
Calendar Heatmap `calendar-heatmap`	daily, hour-day	`createCalendarHeatmapVisualization()`	`create_calendar_heatmap_visualization()`
Gantt Chart `gantt-chart`	schedule, dependency, progress	`createGanttChartVisualization()`	`create_gantt_chart_visualization()`
Timeline Diagram `timeline-diagram`	single-lane, multi-lane	`createTimelineDiagramVisualization()`	`create_timeline_diagram_visualization()`
VAR Impulse Response Plot `var-impulse-response`	single-response, matrix	`createVARImpulseResponseVisualization()`	`create_var_impulse_response_visualization()`
Seasonal Decomposition Plot `seasonal-decomposition`	additive, multiplicative, stl	`createSeasonalDecompositionVisualization()`	`create_seasonal_decomposition_visualization()`

Hierarchies, Part-to-Whole & Composition11

Map structural proportions, organizational breakdowns, set relationships and nested structures.

Visualization	Variants	Web factory	Python factory
Pie & Donut Chart `pie-donut-chart`	pie, donut, nested-donut	`createPieDonutChartVisualization()`	`create_pie_donut_chart_visualization()`
Treemap `treemap`	squarified, slice-dice	`createTreemapVisualization()`	`create_treemap_visualization()`
Sunburst Chart `sunburst-chart`	radial, zoomable	`createSunburstChartVisualization()`	`create_sunburst_chart_visualization()`
Circle Packing Diagram `circle-packing`	nested, zoomable	`createCirclePackingVisualization()`	`create_circle_packing_visualization()`
Marimekko / Mosaic Plot `marimekko-chart`	marimekko, mosaic	`createMarimekkoChartVisualization()`	`create_marimekko_chart_visualization()`
Waffle Chart `waffle-chart`	square, icon	`createWaffleChartVisualization()`	`create_waffle_chart_visualization()`
Dendrogram `dendrogram`	vertical, horizontal, radial	`createDendrogramVisualization()`	`create_dendrogram_visualization()`
Radial Tree Diagram `radial-tree`	tidy, cluster	`createRadialTreeVisualization()`	`create_radial_tree_visualization()`
Mind Map / Concept Web `mind-map`	radial, hierarchical	`createMindMapVisualization()`	`create_mind_map_visualization()`
Venn & Euler Diagram `venn-euler-diagram`	venn, euler	`createVennEulerDiagramVisualization()`	`create_venn_euler_diagram_visualization()`
UpSet Plot `upset-plot`	count, weighted	`createUpsetPlotVisualization()`	`create_upset_plot_visualization()`

Flows, Networks & Topologies10

Chart connections, directional pathways, dependencies, pipelines and industrial workflows.

Visualization	Variants	Web factory	Python factory
Sankey Diagram `sankey-diagram`	horizontal, vertical	`createSankeyDiagramVisualization()`	`create_sankey_diagram_visualization()`
Alluvial Diagram `alluvial-diagram`	categorical, time-ordered	`createAlluvialDiagramVisualization()`	`create_alluvial_diagram_visualization()`
Chord Diagram `chord-diagram`	directed, undirected	`createChordDiagramVisualization()`	`create_chord_diagram_visualization()`
Node-Link Network Graph `node-link-network`	force-directed, circular, hierarchical	`createNodeLinkNetworkVisualization()`	`create_node_link_network_visualization()`
Dependency Wheel `dependency-wheel`	directed, weighted	`createDependencyWheelVisualization()`	`create_dependency_wheel_visualization()`
Arc Diagram `arc-diagram`	linear, radial	`createArcDiagramVisualization()`	`create_arc_diagram_visualization()`
Tree Diagram `tree-diagram`	spanning-tree, minimum-spanning-tree	`createTreeDiagramVisualization()`	`create_tree_diagram_visualization()`
PERT Chart `pert-chart`	activity-on-node, critical-path	`createPERTChartVisualization()`	`create_pert_chart_visualization()`
Value Stream Map `value-stream-map`	current-state, future-state	`createValueStreamMapVisualization()`	`create_value_stream_map_visualization()`
Swimlane Flowchart `swimlane-flowchart`	horizontal, vertical	`createSwimlaneFlowchartVisualization()`	`create_swimlane_flowchart_visualization()`

Geospatial & Spatial Analytics13

Map coordinates, localized assets, region boundaries, sensor fields, computer-vision overlays and 3D environments.

Visualization	Variants	Web factory	Python factory
Choropleth Map `choropleth-map`	sequential, diverging, categorical	`createChoroplethMapVisualization()`	`create_choropleth_map_visualization()`
Isarithmic / Isopleth Map `isarithmic-map`	contour-line, filled-contour	`createIsarithmicMapVisualization()`	`create_isarithmic_map_visualization()`
Dot Density / Pin Map `dot-density-map`	dot-density, pin, clustered-pin	`createDotDensityMapVisualization()`	`create_dot_density_map_visualization()`
Spatial Heatmap / Kernel Density Map `spatial-heatmap`	screen-grid, kernel-density	`createSpatialHeatmapVisualization()`	`create_spatial_heatmap_visualization()`
Cartogram `cartogram`	contiguous, non-contiguous, dorling	`createCartogramVisualization()`	`create_cartogram_visualization()`
Proportional Symbol Map `proportional-symbol-map`	bubble, graduated-symbol	`createProportionalSymbolMapVisualization()`	`create_proportional_symbol_map_visualization()`
Flow Map `flow-map`	origin-destination, bundled	`createFlowMapVisualization()`	`create_flow_map_visualization()`
Spike Map `spike-map`	2d, 3d	`createSpikeMapVisualization()`	`create_spike_map_visualization()`
Hexbin / Grid Map `hexbin-map`	hexbin, square-grid	`createHexbinMapVisualization()`	`create_hexbin_map_visualization()`
Voronoi Tessellation Map `voronoi-map`	planar, weighted	`createVoronoiMapVisualization()`	`create_voronoi_map_visualization()`
Point Cloud Visualization `point-cloud-visualization`	3d, height-colored, class-colored	`createPointCloudVisualization()`	`create_point_cloud_visualization()`
Bounding Box / Cuboid Overlay `bounding-box-overlay`	2d-box, 3d-cuboid, tracking	`createBoundingBoxOverlayVisualization()`	`create_bounding_box_overlay_visualization()`
Skeleton / Keypoint Wireframe Overlay `skeleton-keypoint-overlay`	2d, 3d, confidence-colored	`createSkeletonKeypointOverlayVisualization()`	`create_skeleton_keypoint_overlay_visualization()`

Finance, Economics & Operations13

Track market dynamics, variances, sensitivity, conversion, operational performance and budget controls.

Visualization	Variants	Web factory	Python factory
Candlestick Chart `candlestick-chart`	standard, volume	`createCandlestickChartVisualization()`	`create_candlestick_chart_visualization()`
OHLC Chart `ohlc-chart`	standard, volume	`createOHLCChartVisualization()`	`create_ohlc_chart_visualization()`
Kagi Chart `kagi-chart`	price, percentage-reversal	`createKagiChartVisualization()`	`create_kagi_chart_visualization()`
Renko Chart `renko-chart`	fixed-brick, atr-brick	`createRenkoChartVisualization()`	`create_renko_chart_visualization()`
Point and Figure Chart `point-figure-chart`	fixed-box, percentage-box	`createPointFigureChartVisualization()`	`create_point_figure_chart_visualization()`
Waterfall Chart `waterfall-chart`	bridge, variance	`createWaterfallChartVisualization()`	`create_waterfall_chart_visualization()`
Bullet Graph `bullet-graph`	horizontal, vertical	`createBulletGraphVisualization()`	`create_bullet_graph_visualization()`
Gauge / Dial Meter `gauge-meter`	radial, semicircle, linear	`createGaugeMeterVisualization()`	`create_gauge_meter_visualization()`
Funnel Chart `funnel-chart`	stage, conversion	`createFunnelChartVisualization()`	`create_funnel_chart_visualization()`
Radar / Spider / Polar Chart `radar-chart`	radar, filled-radar, polar-line	`createRadarChartVisualization()`	`create_radar_chart_visualization()`
Nightingale Rose / Polar Area Diagram `nightingale-rose`	polar-area, stacked-polar	`createNightingaleRoseVisualization()`	`create_nightingale_rose_visualization()`
Tornado Diagram `tornado-diagram`	sensitivity, scenario	`createTornadoDiagramVisualization()`	`create_tornado_diagram_visualization()`
Cost-Budget Meter / Burndown Chart `cost-budget-burndown`	budget-meter, burndown, burnup	`createCostBudgetBurndownVisualization()`	`create_cost_budget_burndown_visualization()`

Core decision grammars

These eight common decision patterns remain the recommended starting point for product analytics; specialist factories extend them for scientific and engineering work.

Grammar	Use when	Avoid when	Required evidence
`time-series-line`	Showing a continuous metric over ordered time	Samples are categorical or intervals are incomparable	metric, unit, timezone, aggregationWindow, sampleCount, freshness, accessibleTable
`threshold-area`	Explaining time spent above or below an operational threshold	The threshold is clinically unvalidated	thresholdLabel, thresholdSource, duration, accessibleTable
`grouped-bar`	Comparing a small number of categories across farms, herds or periods	There are more than twelve categories	zeroBaseline, categoryLabels, valueLabels, accessibleTable
`distribution`	Showing spread, median and outliers for a population	The audience needs individual animal records	population, sampleCount, median, quartiles, outlierDefinition
`scatter`	Exploring association between two measured variables	The relationship could be interpreted as causation	xMetric, yMetric, units, sampleCount, accessibleTable
`heatmap`	Finding patterns across time and many entities	Exact values are the primary task	legend, scaleDomain, missingPattern, keyboardTable
`event-timeline`	Relating alerts, interventions and evidence over time	Events have no reliable timestamp	timezone, eventType, source, actor, accessibleList
`small-multiples`	Comparing the same metric and scale across a bounded set of entities	Panels require different scales	sharedScale, panelLabel, sortingRule, accessibleTable

Evidence encoding

Evidence	Label	Token or rendering
observed	Observed	`color.data.categorical.1`
baseline	Baseline	`color.data.categorical.2`
predicted	Model estimate	`color.data.categorical.3`
uncertainty	Uncertainty range	`color.data.categorical.3`
threshold	Review threshold	`color.status.review.border`
missing	No valid data	`gap`

Accessibility and missing data

All factories bind to healtheye-visualization-aa-v1. The rules apply equally to Web, Flutter, Python/ML, Figma handoff and BI renderer adapters.

Every visual has a visible title and a concise plain-language interpretation that states the decision it supports. A user can understand the main finding without inspecting marks.
Every visual has an equivalent table, structured list or downloadable accessible dataset containing the same values and units. Compare visual values with the accessible representation.
Colour is never the only carrier of series, severity, freshness, selection or missingness. Visual remains interpretable in grayscale and simulated colour-vision deficiency.
Text meets 4.5:1; meaningful marks, axes, focus and adjacent graphical objects meet at least 3:1. Automated token contrast plus representative rendered-image review.
Interactive marks, filters and disclosures are keyboard operable with visible focus and logical order; otherwise the equivalent data view provides the full task. Complete the analysis task without mouse or touch.
Animation never conveys unique information, auto-advances or blocks comprehension; reduced-motion mode is static or near-instant. Verify reduced-motion/system animation settings.
At 320 px, 200% browser zoom and text scale 2.0, titles, summaries, legends and controls reflow without loss or two-dimensional scrolling. Audit compact, medium and expanded containers.
Loading, empty, delayed, stale, offline, error, missing and excluded data are explicitly named; provenance, units, aggregation and time context remain available. Inspect every state without relying on colour or icon alone.
Maps, point clouds, camera overlays, pose skeletons and 3D scenes provide a non-spatial summary of detected entities, confidence, coordinates/region and relationships. Complete identification and review tasks without interpreting the canvas.
Avoid deceptive perspective, unexplained acronyms, unlabeled thresholds and unsupported causal claims; use farmer-readable language for customer-facing views. Domain comprehension review with representative farmers and operators.

Never bridge missing observations

Show a visible gap and name the invalid or absent interval in the summary and equivalent table.