BTC Rainbow Chart
The classic Bitcoin rainbow: nine log-regression bands over the full daily price history since 2010, on a logarithmic scale with range presets and a band-aware tooltip.
Log-regression model. Binance history plus a bundled 2010-2017 seed.
Skeleton
BtcRainbowChart shows this shaped skeleton automatically while its bundled fetcher loads. Import BtcRainbowChartSkeleton directly for a React Suspense fallback or an SSR placeholder.
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data | RainbowPoint[] | - | Your own daily series ({ time: unix seconds, price }). When set, the bundled fetcher is skipped. |
| className | string | - | Extra classes for the wrapper. |
- dataRainbowPoint[]default: -
- Your own daily series ({ time: unix seconds, price }). When set, the bundled fetcher is skipped.
- classNamestringdefault: -
- Extra classes for the wrapper.
Data source
Two sources spliced client-side: a bundled Coin Metrics seed for 2010-2017 (historical closes never change, so it ships with the component) and Binance daily klines from 2017-08-17 onward, fetched keyless from api.binance.com. Bands are computed analytically from the log-regression, so no band data is ever fetched. Dark mode styling requires a next-themes ThemeProvider; without one the chart renders with its light theme.