Line & Area

Singlearea
07:46:2544.1000
020406080100120
07:30:0007:35:0007:40:0007:45:00
Series
Overlapping6 series
07:46:25233.04147.46113.9655.320044.10005.0000
0100200300400
07:30:0007:35:0007:40:0007:45:00
Series 1
Series 2
Series 3
Series 4
Series 5
Series 6

Demo

ModeStream mock data vs. static snapshot
DataMock generator used by the live preview
Perf HUDFPS, frame time, draw calls, per-series ms, heap

Display

Info barSeries values above the chart
CrosshairVertical + horizontal cursor lines
import {
ChartContainer,
Crosshair,
InfoBar,
Legend,
LineSeries,
Tooltip,
XAxis,
YAxis,
catppuccin,
} from '@wick-charts/react';
 
<ChartContainer theme={catppuccin.theme}>
<LineSeries
data={data}
options={{ pulse: true, area: { visible: true } }}
/>
<InfoBar sort="desc" />
<Tooltip sort="desc" />
<Crosshair />
<YAxis />
<XAxis />
<Legend />
</ChartContainer>