W
Wick Charts
/
blocks
Files
Code
Info
Stacked Area Chart
chart-area-stacked
Two series stacked over three months, with a tooltip and a legend that toggles them.
Band Chart
chart-band-latency
Live latency percentiles: a median line over p25–p75 and p5–p95 bands.
Grouped Bar Chart
chart-bar-grouped
Two series side by side on a category axis, with a tooltip and a legend that toggles them.
Candlestick Chart
chart-candlestick
Live OHLC candles in your chart colors, with an OHLC info bar, a crosshair and a price badge.
Heatmap
chart-heatmap
Sessions by weekday and hour on a ramp from your theme, with a cell tooltip.
Annotated Line Chart
chart-line-annotations
An error rate with an SLO line, a shaded incident window and a deploy marker.
Live Line Chart
chart-line-live
A line chart that streams a new point every second, with an animated live value in the card header.
Line Chart with Navigator
chart-line-navigator
A year of daily closes with a navigator strip to pick the visible window.
Order Book
chart-order-book
Cumulative bid and ask depth around the mid price in your chart colors, updated every second.
Donut Chart
chart-pie-donut
A donut with an animated total in the center; the slices resize as new data arrives.
Sparkline Cards
chart-sparkline-cards
Three KPI cards with a live value, a change badge and an edge-to-edge sparkline.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Stacked Area Chart
chart-area-stacked
Two series stacked over three months, with a tooltip and a legend that toggles them.
Band Chart
chart-band-latency
Live latency percentiles: a median line over p25–p75 and p5–p95 bands.
Grouped Bar Chart
chart-bar-grouped
Two series side by side on a category axis, with a tooltip and a legend that toggles them.
Candlestick Chart
chart-candlestick
Live OHLC candles in your chart colors, with an OHLC info bar, a crosshair and a price badge.
Heatmap
chart-heatmap
Sessions by weekday and hour on a ramp from your theme, with a cell tooltip.
Annotated Line Chart
chart-line-annotations
An error rate with an SLO line, a shaded incident window and a deploy marker.
Live Line Chart
chart-line-live
A line chart that streams a new point every second, with an animated live value in the card header.
Line Chart with Navigator
chart-line-navigator
A year of daily closes with a navigator strip to pick the visible window.
Order Book
chart-order-book
Cumulative bid and ask depth around the mid price in your chart colors, updated every second.
Donut Chart
chart-pie-donut
A donut with an animated total in the center; the slices resize as new data arrives.
Sparkline Cards
chart-sparkline-cards
Three KPI cards with a live value, a change badge and an edge-to-edge sparkline.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information