Docs New Advertise

Revenue Area

bklit's area chart in a revenue card: a soft gradient fill, a 7/30/90-day switch, and a headline that follows your cursor to read out any day.

akaarea chart·revenue·time series

bk

Made by bklit · open source, MIT, by uixmat. Install it from bklit and give them a star.

Install

Revenue Area comes from the bklit chart library. The shadcn CLI pulls it, and the chart pieces it uses, straight from bklit's registry.

npx shadcn@latest add https://ui.bklit.com/r/area-chart.json

Built with

A free React component in the Charts collection, written in TypeScript with Tailwind CSS on coss ui. MIT licensed.

coss ui: badge, segmented-control

More in Charts

by bklit

087

Cloud Spend Bars

bklit's bar chart breaking monthly cloud spend into compute, storage and network against a budget line, with a switch that regroups the stack side by side and a tooltip that totals each month.

by bklit

088

Ticker Candlesticks

bklit's candlestick chart as a stock card: green and red sessions, a crosshair that takes the colour of the candle under it, OHLC in the tooltip and a 1M/3M range switch.

by bklit

089

Visitors Map

bklit's choropleth chart shading a world map by visitors per country, with a hover tooltip, a colour key, a top-countries list underneath, and proper loading and retry states while the map loads.

by bklit

090

Orders Trend

bklit's composed chart pairing weekly order bars with a rolling-average line on one time axis, so the noise and the trend read together in a single tooltip.