Chart / Data.

4 bar chart + left explanation. Market growth rate / KPI comparison.

Donut chart and item-by-item ratio analysis. Express visual proportions using CSS conic-gradient and list detailed values on the right.

4 semicircle gauges using CSS conic-gradient to visualize KPI health. Includes status badges (Good/Watch/Alert).

KPI stack on left + SVG line chart on right. Visualize growth trend.

Hero KPI on dark background + 3 mini bar charts for key metrics. Neon-on-Dark style.

5-axis radar (spider) chart comparing 2 entities across multiple dimensions

4-stage conversion funnel + conversion rate badges per stage. Visualizes step-wise flow like visit-lead-consultation-contract.

2x2 quadrant bubble (scatter) chart positioning multiple items along two axes. Suitable for priority/portfolio matrices.

Waterfall/bridge chart visualizing the path from a start value through 3 incremental/decremental steps to an end value, using stepped floating bars. Common in financial results presentations.

Pictogram (isotype) chart filling a portion of 50 equal-size dots with the accent color to represent a ratio/share. Left side highlights a large '7 of 10'-style number; right side shows the dot grid.

Shows how 5 items' values change between two points in time (or two groups) using two axes connected by slope lines (slope/bump chart). Line direction and steepness make rises and falls instantly readable.

5x4 matrix heatmap using cell color intensity to show row x column density, with values on top cells and a gradient legend + insight card.

A 100% normalized stacked column chart that proves a shift in composition. Asymmetric split: a 30% narrative column (conclusion headline, an oversized before/after pair for the emphasized series, period and total footnotes) and a 70% chart of five period columns. Every column is the same height, so only the mix is compared, never the absolute volume.

Left 62% cohort triangle table (96px cohort label column plus six elapsed-period columns, with filled cells dropping 6 -> 5 -> 4 -> 3 to form a downward staircase triangle, three-step cell density and an accent border only on cells above 110%) / right 38% decay curve (y axis fixed at 0-100%, dashed plateau baseline) and a three-row NRR/GRR/plateau conclusion ledger. Empty cells are left fully blank with no border or background so the structure itself says the period has not elapsed yet. Zero cards.

A tornado chart that measures how far five assumptions swing a single result, left and right of one shared center axis. Asymmetric two-column split: 32% narrative (conclusion headline, the oversized base case figure, and the swing-assumption footnotes) and 68% chart. Zero cards, and because every bar starts at the same center baseline and the rows are sorted by total length, the ranking of sensitivities reads straight off the shape.