Wick Charts

Bar

SingleUp/Down
11:59:1557.3700
050100
11:53:0011:54:0011:55:0011:56:0011:57:0011:58:0011:59:00
Stacked4 layers
11:59:1582.000049.000043.000017.0000
050100150200250
11:53:0011:54:0011:55:0011:56:0011:57:0011:58:0011:59:00
Series 1
Series 2
Series 3
Series 4

Demo

ModeStream mock data vs. static snapshot
Perf HUDFPS, frame time, draw calls, per-series ms, heap

Display

TooltipOn hover
Info barSeries values above the chart
CrosshairVertical + horizontal cursor lines
import {
  BarSeries,
  ChartContainer,
  Crosshair,
  InfoBar,
  Legend,
  Tooltip,
  XAxis,
  YAxis,
  catppuccin,
} from '@wick-charts/react';
 
<ChartContainer theme={catppuccin.theme}>
  <BarSeries
    data={layers}
    options={{ barWidthRatio: 0.6, stacking: 'normal' }}
  />
  <InfoBar />
  <Tooltip />
  <Crosshair />
  <YAxis />
  <XAxis />
  <Legend />
</ChartContainer>