@ramtt/charts

Zero-dependency React SVG chart primitives. Composable, responsive, 60fps hover sync, scroll-zoom, brush-select, and LTTB downsampling — all in under 4KB gzipped.

ChartToolbar + ChartLine + ChartArea + ChartTooltip + ChartGrid + ChartPattern

Stock Price

Showing daily closing price for the last 12 months

Dropped 12% since August peak
January – December 2024
ChartLine + ChartRefLine + ChartTooltip + ChartGrid

Revenue vs. Costs

Monthly revenue and operating costs with break-even line

Revenue
Costs
Revenue exceeding costs since April
January – December 2024
ChartZoneLine + ChartTooltip + ChartGrid

Server Temperature

CPU temperature with alert thresholds over 24 hours

Cool
Normal
Warm
Hot
3 alert threshold breaches today
Last 24 hours
ChartSyncProvider + ChartLine + ChartGrid

IoT Sensor Dashboard

Synced temperature, humidity, and pressure readings

TemperatureHumidityPressure
Temperature stable, pressure rising
Scroll to zoom · Drag to select · Double-click to reset
ChartLine + ChartArea (sparkline)

Key Metrics

Key business metrics with 30-day trend

Revenue
$142K+12.4%
Users
8,421+24.1%
Conversion
3.2%+0.3%
Churn
1.8%-0.4%
MRR
€89K+8.7%
ChartBar + ChartValueTracker + ChartGrid

Monthly Sales

Total revenue by month for 2024

4w+11.6%13w+7.9%12m-3.4%
Up 8.3% vs prior year
January – December 2024
ChartBar + ChartLine + ChartGrid

Revenue & Growth Rate

Monthly revenue with quarter-over-quarter growth rate

Revenue (left axis)
Growth rate (right axis)
Growth rate accelerating in Q4
January – December 2024
ChartArea + stackSeries + ChartGrid

Market Share

Market share composition over 5 years

Acme Corp
Globex
Initech
Umbrella
Globex gaining 2.1pp market share
2020 – 2024
ChartBar + ChartGrid

Profit & Loss

Monthly profit and loss for 2024

Profit
Loss
9 of 12 months profitable
January – December 2024
ChartDonut

Budget Allocation

Annual budget distribution by department

Total budget$1.17M
Engineering38.5%
Marketing23.9%
Sales16.2%
Operations10.3%
Support7.3%
Other3.8%
Engineering largest at 38.5%
FY 2024 budget
ChartScatter + ChartGrid

Correlation Analysis

Relationship between variable X and Y with group size

Group A
Group B
Group C
Strong positive correlation (r=0.82)
150 data points
ChartBar + stackSeries + ChartGrid

Quarterly Revenue by Region

Regional revenue breakdown by quarter

North
South
East
West
Q4 highest at $162M total
Q1 – Q4 2024
ChartCandlestick + ChartGrid

Stock OHLC

12-week OHLC candlestick chart

Up
Down
Down 6.2% over 12 weeks
12-week period
ChartBar + waterfallLayout + ChartGrid

Cash Flow

Revenue to net income waterfall breakdown

Increase
Decrease
Net total
Net positive $45M after expenses
FY 2024
ChartRadar

Athlete DNA

Multi-dimensional performance profile

ExplosiveAnaerobicVO2maxThresholdEnduranceDurabilityFuel EfficiencyRace ExecutionCurrentBest ever
VO2max improved 4 points since last test
Current vs personal best
ChartRadialBar

Goal Progress

Daily activity ring progress

Progress85%
Move420/500 (84%)
Exercise28/30 (93%)
Stand10/12 (83%)
85% of daily goals complete
Today
ChartArea + stackSeries + ChartGrid

Browser Market Share

Browser usage share over 3 years

Chrome
Safari
Firefox
Edge
Other
Chrome declining, Safari gaining
3-year trend
ChartTreemap

Disk Usage

Storage usage by file category

Photos42Videos28Apps18System12Documents8Music6Other4
Photos (36%)
Videos (24%)
Apps (15%)
System (10%)
Documents (7%)
Music (5%)
Other (3%)
72% storage used, 28GB free
Current snapshot
ChartFunnel

Sales Pipeline

Sales funnel with stage-to-stage conversion

Leads1,000(100%)Qualified720(72%)Proposal410(41%)Negotiation230(23%)Closed120(12%)72%57%56%52%
12% overall conversion rate
Current pipeline
ChartBoxPlot + ChartGrid

Response Time Distribution

API endpoint response time distribution

Whiskers (min–max)
Q1–Q3
Median
Outliers
DB p95 highest at 285ms
Last 7 days
ChartHeatmap

Activity by hour & day

Activity density by hour and day of week

MonTueWedThuFriSatSun00:0001:0002:0003:0004:0005:0006:0007:0008:0009:0010:0011:0012:0013:0014:0015:0016:0017:0018:0019:0020:0021:0022:0023:000100
Peak activity Tue–Thu 09:00–11:00
Last 4 weeks
ChartHeatmap

Season map

Training load distribution across the year

MonTueWedThuFriSatSunW4W8W12W16W20W24W28W32W36W40W44W48W520150
247 training days this year
Full year
ChartCalendarHeatmap

Contribution graph

Daily contribution activity over the past year

AprMayJunJulAugSepOctNovDecJanFebMarAprMonWedFri2,511contributions in the last yearLessMore
2,511 contributions in the last year
Apr 2025 – Apr 2026
ChartHeatmap (triangular)

Cohort retention

Weekly user retention by signup cohort

Cohort 1Cohort 2Cohort 3Cohort 4Cohort 5Cohort 6Cohort 7Week 1Week 2Week 3Week 4Week 5Week 6Week 7100%72%58%45%38%32%28%100%68%52%41%35%30%100%75%60%48%40%100%70%55%42%100%65%50%100%62%100%0100
Cohort 3 best retention at 60%
Last 7 weeks
ChartLine (sparkline)

Portfolio overview

Major holdings with price and 7-day trend

AssetPrice24h7d trendVolume
AAPLApple Inc.$198.42+1.2%
52.3M
GOOGLAlphabet$178.15-0.4%
28.1M
TSLATesla$245.80+3.1%
89.7M
MSFTMicrosoft$442.57+0.8%
31.2M
AMZNAmazon$192.30-1.5%
45.8M
NVDANVIDIA$875.40+2.4%
67.4M
METAMeta$512.18-0.2%
22.9M
BRK.BBerkshire$428.90+0.1%
8.4M
Portfolio up 1.2% today
Live
ChartLine + ChartAnnotation + ChartTooltip + ChartGrid

Product timeline

Annual revenue with product milestone annotations

Revenue 4.2x since v2.0 launch
January – December 2024
ChartArea + ChartTooltip + ChartGrid

Temperature anomaly

Temperature deviation from 30-year average

Above average
Below average
30-year average
1.8°C above 30-year average
2-year period
ChartSankey

Energy Flow

kJ intake distributed across training zones to total output

kJ IntakeZ2 EnduranceZ3 TempoZ4 ThresholdZ5 VO2maxTotal Output
ChartSunburst

Training Breakdown

Weekly training hours by sport and zone

Training20
ChartPyramid

Intensity Distribution

Training time pyramid — base endurance to peak anaerobic

Z1 Recovery46%Z2 Endurance30%Z3 Tempo13%Z4 Threshold7%Z5 VO2max3%Z6 Anaerobic1%
ChartWaterfall

Energy Balance

Daily kJ flow — food intake vs. training expenditure

StartBreakfastSnackZ2 RideLunchZ4 RunDinnerEnd-0.4 kJ0.2 kJ0.8 kJ
ChartBullet

Performance vs. Target

Compact bullet charts — actual value, target marker, qualitative ranges

Avg Power238 WWeekly TSS580Avg HR142 bpmCHO/hr72 g
ChartNavigator + ChartPeriodTabs + ChartSyncProvider

Navigator Mode

Drag the viewport handles or click to navigate. Period tabs set the range.

ChartWithSubChart + ChartLine + ChartBar

Stock + Volume

Main price chart with companion volume bars — shared X domain, synced crosshair

ChartTreemapPro

S&P 500 Market Overview

Hierarchical treemap — size = market cap, color = daily % change

Tech leads +1.6%, Energy lags -1.1%
Click a sector header to zoom in