Donut chart and item-by-item ratio analysis. Express visual proportions using CSS conic-gradient and list detailed values on the right.
Chart / Data4 semicircle gauges using CSS conic-gradient to visualize KPI health. Includes status badges (Good/Watch/Alert).
Chart / DataHero KPI on dark background + 3 mini bar charts for key metrics. Neon-on-Dark style.
Chart / Data5-axis radar (spider) chart comparing 2 entities across multiple dimensions
Chart / Data4-stage conversion funnel + conversion rate badges per stage. Visualizes step-wise flow like visit-lead-consultation-contract.
Chart / Data2x2 quadrant bubble (scatter) chart positioning multiple items along two axes. Suitable for priority/portfolio matrices.
Chart / DataWaterfall/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.
Chart / DataPictogram (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.
Chart / DataShows 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.
Chart / Data5x4 matrix heatmap using cell color intensity to show row x column density, with values on top cells and a gradient legend + insight card.
Chart / Data