Lollipop Chart
A cleaner alternative to bar charts. Thin stems with dot markers reduce visual clutter while maintaining readability.
Usage
import { LollipopChart } from "@chartts/react"
<LollipopChart
data={scores}
x="student"
y="score"
horizontal
/>Props
| Prop | Type | Description |
|---|---|---|
| data | T[] | Array of data objects |
| x | keyof T | Key for categories |
| y | keyof T | Key for values |
| dotSize | number | Dot radius in px. Default: 6 |
| horizontal | boolean | Horizontal layout. Default: false |
Features
- Vertical and horizontal layouts
- Configurable dot size
- Sorted display
- Value labels
- Grouped variant
- Animated dot entry
Other Charts
Line ChartBar ChartArea ChartPie / Donut ChartScatter ChartBubble ChartRadar ChartCandlestick ChartWaterfall ChartFunnel ChartGauge ChartSparklineStacked Bar ChartHorizontal Bar ChartDonut ChartHeatmapBox PlotHistogramTreemapPolar ChartRadial Bar ChartBullet ChartDumbbell ChartCalendar ChartCombo ChartSankey Diagram