Rails UI Charts

Charts that feel like Rails

Chart and metric components for Rails, as plain ERB helpers. Every chart on this page is the shipped component.

Dashboard metrics

A dashboard in one helper per card

railsui_metric_card renders the label, value, delta, previous-period comparison, chart, and footer as a single component.

Date range
Interval

MRR

$18,450.00+7.96%

$17,090.00 previous period

Data for chart rui-chart-fa5599a0
CategoryComparison categoryMRRPrevious period
Aug 31Aug 2417244.3215975.94
Sep 1Aug 2517431.5616227.72
Sep 2Aug 2617670.2916276.34
Sep 3Aug 2717769.3216572.8
Sep 4Aug 2818125.6116792.72
Sep 5Aug 2918277.1816887.17
Sep 6Aug 3018450.017089.85
Aug 31Sep 6

MRR

$18,450.00+7.96%

$17,090.00 previous period

Data for chart rui-chart-a1385da3
CategoryComparison categoryMRRPrevious period
Aug 31Aug 2417244.3215975.94
Sep 1Aug 2517431.5616227.72
Sep 2Aug 2617670.2916276.34
Sep 3Aug 2717769.3216572.8
Sep 4Aug 2818125.6116792.72
Sep 5Aug 2918277.1816887.17
Sep 6Aug 3018450.017089.85

ARR

$221,400.00+7.78%

$205,417.00 previous period

Data for chart rui-chart-84c36bb8
CategoryComparison categoryARRPrevious period
Aug 31Aug 24207887.66192289.3
Sep 1Aug 25209558.15193794.82
Sep 2Aug 26212884.75196660.71
Sep 3Aug 27214065.24199328.06
Sep 4Aug 28216248.84199881.44
Sep 5Aug 29219087.45202295.15
Sep 6Aug 30221400.0205416.59
Aug 31Sep 6

ARR

$221,400.00+7.78%

$205,417.00 previous period

Data for chart rui-chart-086a1a67
CategoryComparison categoryARRPrevious period
Aug 31Aug 24207887.66192289.3
Sep 1Aug 25209558.15193794.82
Sep 2Aug 26212884.75196660.71
Sep 3Aug 27214065.24199328.06
Sep 4Aug 28216248.84199881.44
Sep 5Aug 29219087.45202295.15
Sep 6Aug 30221400.0205416.59

Active subscribers

842+5.91%

795 previous period

Data for chart rui-chart-dd2c18bb
CategoryComparison categoryActive subscribersPrevious period
Aug 31Aug 24802.63760.13
Sep 1Aug 25808.61766.12
Sep 2Aug 26817.05772.47
Sep 3Aug 27823.74777.12
Sep 4Aug 28830.13783.23
Sep 5Aug 29834.92788.5
Sep 6Aug 30842.0794.8
Aug 31Sep 6

Active subscribers

842+5.91%

795 previous period

Data for chart rui-chart-410262bf
CategoryComparison categoryActive subscribersPrevious period
Aug 31Aug 24802.63760.13
Sep 1Aug 25808.61766.12
Sep 2Aug 26817.05772.47
Sep 3Aug 27823.74777.12
Sep 4Aug 28830.13783.23
Sep 5Aug 29834.92788.5
Sep 6Aug 30842.0794.8

New trials

62+12.73%

55 previous period

Data for chart rui-chart-23054b31
CategoryComparison categoryNew trialsPrevious period
Aug 31Aug 249.447.17
Sep 1Aug 258.937.87
Sep 2Aug 267.118.73
Sep 3Aug 279.557.3
Sep 4Aug 288.636.41
Sep 5Aug 299.548.59
Sep 6Aug 309.08.81
Aug 31Sep 6

New trials

62+12.73%

55 previous period

Data for chart rui-chart-66192cfc
CategoryComparison categoryNew trialsPrevious period
Aug 31Aug 249.447.17
Sep 1Aug 258.937.87
Sep 2Aug 267.118.73
Sep 3Aug 279.557.3
Sep 4Aug 288.636.41
Sep 5Aug 299.548.59
Sep 6Aug 309.08.81

Gross volume

$24,404.00+17.24%

$20,815.00 previous period

Data for chart rui-chart-b6d9faa6
CategoryComparison categoryGross volumePrevious period
Aug 31Aug 243265.232726.3
Sep 1Aug 253577.163134.75
Sep 2Aug 263303.333019.28
Sep 3Aug 273348.483052.7
Sep 4Aug 283644.693168.79
Sep 5Aug 293785.352831.65
Sep 6Aug 303480.02881.72
Aug 31Sep 6

Gross volume

$24,404.00+17.24%

$20,815.00 previous period

Data for chart rui-chart-b7f39025
CategoryComparison categoryGross volumePrevious period
Aug 31Aug 243265.232726.3
Sep 1Aug 253577.163134.75
Sep 2Aug 263303.333019.28
Sep 3Aug 273348.483052.7
Sep 4Aug 283644.693168.79
Sep 5Aug 293785.352831.65
Sep 6Aug 303480.02881.72

Churn rate

2.4%-11.11%

2.7% previous period

Data for chart rui-chart-aef4c321
CategoryComparison categoryChurn ratePrevious period
Aug 31Aug 242.653.04
Sep 1Aug 252.63.07
Sep 2Aug 262.652.97
Sep 3Aug 272.492.98
Sep 4Aug 282.472.82
Sep 5Aug 292.42.85
Sep 6Aug 302.42.7
Aug 31Sep 6

Churn rate

2.4%-11.11%

2.7% previous period

Data for chart rui-chart-da8378df
CategoryComparison categoryChurn ratePrevious period
Aug 31Aug 242.653.04
Sep 1Aug 252.63.07
Sep 2Aug 262.652.97
Sep 3Aug 272.492.98
Sep 4Aug 282.472.82
Sep 5Aug 292.42.85
Sep 6Aug 302.42.7

Trends

Track change over time

Line and area charts with an optional previous-period overlay on a single shared axis.

Revenue over time

Area chart comparing this year against the last.

Data for chart rui-chart-a9faad9f
CategoryComparison categoryThis yearLast year
JanJan3200028500
FebFeb3500030100
MarMar4200033400
AprApr3800035900
MayMay4829037200
JunJun5200041800

Comparisons

Compare categories and proportions

Bar, column, pie, donut, and polar area charts for distributions and part-to-whole relationships.

Revenue and churn

Two shapes, two scales.

Data for chart rui-chart-66276a33
CategoryRevenueChurn rate
Jan320004.2
Feb350003.9
Mar420003.4
Apr380003.6
May482903.1
Jun520002.8

Revenue by plan

Stacked columns: totals, and what they are made of.

Data for chart rui-chart-2d5b3445
CategoryStarterProEnterprise
Jan8200148009000
Feb9100162009700
Mar104001890012700
Apr11000194007600
May123002210013890
Jun131002460014300

Each plan on its own

Small multiples against a shared scale.

Starter

Data for chart rui-chart-16c46e90
CategoryValue
Jan8200
Feb9100
Mar10400
Apr11000
May12300
Jun13100

Pro

Data for chart rui-chart-36fef0ae
CategoryValue
Jan14800
Feb16200
Mar18900
Apr19400
May22100
Jun24600

Enterprise

Data for chart rui-chart-238a0dde
CategoryValue
Jan9000
Feb9700
Mar12700
Apr7600
May13890
Jun14300

Customers by plan

Horizontal bar chart.

Data for chart rui-chart-eef59d04
CategoryCustomers
Starter120
Pro85
Enterprise32

Monthly revenue

Column chart for comparing values across categories.

Data for chart rui-chart-7e94989d
CategoryRevenue
Jan32000
Feb35000
Mar42000
Apr38000
May48290
Jun52000

Revenue by plan

Pie chart.

Data for chart rui-chart-14162de5
CategoryValue
Starter12000
Pro28000
Enterprise42000

Customers by plan

Donut chart.

Data for chart rui-chart-4d8a093a
CategoryValue
Starter120
Pro85
Enterprise32

Traffic sources

Polar area chart.

Data for chart rui-chart-c28f1b01
CategoryValue
Direct42
Social28
Organic18
Other12

Relationships

Explore correlations and profiles

Scatter, bubble, and radar charts for multi-dimensional data.

Experiment results

Scatter plot for correlation data.

Data for chart rui-chart-e4a612b8
CategoryResults
110, 20
215, 25
320, 30
425, 35
530, 40
612, 18
718, 28
822, 32
928, 38
1035, 45

Market segments

Bubble chart with size-encoded values.

Data for chart rui-chart-b3960bc0
CategorySegments
1010, 20, 15
2020, 35, 25
3030, 25, 20
4040, 45, 35
5050, 30, 30
6060, 55, 40

Feature comparison

Radar chart for multi-dimensional scores.

Data for chart rui-chart-5fa71a71
CategoryScore
Speed80
Reliability90
Comfort70
Safety95
Efficiency85
Design75

States

Day one, mid-request, and when it breaks

A new account has no data, a Turbo frame spends a moment fetching, and queries time out. Each state holds the chart's footprint so nothing below it moves.

Empty

A new account, before it has anything to plot.

No revenue yet

Charges appear here once you take your first payment.

Loading

Stands in for the text; leaves the plot empty.

Error

A failure reads as a failure, not as an absence.

Couldn't load revenue

The query timed out. Try a shorter range.

Pro

What a subscription adds

Everything above is open source and stays that way. Pro adds metric suites, computed helpers, financial charts, forecasts, and dashboard extras for the work a SaaS dashboard reaches for after the first chart is on the page.

See Charts Pro

MRR movement

Pro

What moved between two monthly totals.

Data for chart rui-chart-fc3401e9
CategoryChangeRunning total
Starting14650.0
New4200.018850.0
Reactivation900.019750.0
Expansion2100.021850.0
Contraction-1200.020650.0
Churn-2650.018000.0
Ending18000.0

Included with a subscription

Get full access

Retention by cohort

Pro

Each month's signups, followed across the months after.

CohortMonth 0Month 1Month 2Month 3Month 4Month 5Month 6Month 7
Jan 2026100%82%74%69%65%62%60%58%
Feb 2026100%79%71%66%63%60%58%
Mar 2026100%81%73%68%64%61%
Apr 2026100%74%63%57%54%
May 2026100%71%60%55%
Jun 2026100%76%66%
Jul 2026100%79%
Aug 2026100%

Included with a subscription

Get full access

Service health

Pro

Ninety days of checks in the width of a card.

API availability93.3%

Included with a subscription

Get full access

Plans at a glance

Pro

Value, direction, and shape in one row each.

Solo$18,450.00+14.6%
Team$12,380.00+4.0%
Enterprise$8,940.00-6.9%
Legacy$2,110.00+0.5%

Included with a subscription

Get full access

Deploys and incidents

Pro

Spans on a time axis, lanes by service.

Data for chart rui-chart-a6d501cb
CategoryTimeline
web1786352400000, 1786353600000
api1786354800000, 1786361400000
worker1786366800000, 1786367700000
cdn1786356000000, 1786365900000
51786350600000, 1786377600000

Included with a subscription

Get full access

Top customers by spend

Pro

The ranked row every overview ends with.

Amelia Allport$12,840.00
Tara Vossenkemper$9,910.00
Jamie Gammon$6,480.00
Priya Raman$4,120.00
Otto Lindqvist$2,260.00

Included with a subscription

Get full access

Spend by category

Pro

Part-to-whole past what a pie can carry.

Data for chart rui-chart-cb88dcd6
CategoryValue
Payroll48200
Hosting12400
Contractors9100
Tooling6300
Marketing5200
Travel2800

Included with a subscription

Get full access

OHLC with volume

Pro

Financial price movement, volume, and an overlay without custom Apex config.

Data for chart rui-chart-691174d0
CategoryPriceVolume20-day avg
2026-08-12118.0, 126.0, 115.0, 124.024000121
2026-08-13124.0, 129.0, 121.0, 122.031000123
2026-08-14122.0, 131.0, 120.0, 130.036000126
2026-08-15130.0, 136.0, 128.0, 134.042000129
2026-08-16134.0, 138.0, 129.0, 131.038000131
2026-08-17131.0, 141.0, 130.0, 139.045000134

Included with a subscription

Get full access

Distribution by service

Pro

Five-number summaries from raw response-time samples.

Data for chart rui-chart-e80b2db8
CategoryResponse time
Web86.0, 118.0, 141.0, 210.0, 310.0
API94.0, 138.0, 168.0, 238.0, 420.0
Worker180.0, 275.0, 360.0, 475.0, 760.0

Included with a subscription

Get full access

Usage heatmap

Pro

A nested hash becomes rows, columns, and shaded cells.

Data for chart rui-chart-626ff1e3
CategoryMonTueWedThuFri
8 AM1824212826
12 PM4452485854
4 PM3841464935

Included with a subscription

Get full access

Forecast range

Pro

Actuals, projection, and confidence band as one helper call.

Data for chart rui-chart-39122779
CategoryRangeActualForecast
Aug 118696.66, 19297.391720018997.02
Aug 218927.59, 19777.151764019352.37
Aug 319187.47, 20227.971802019707.72
Aug 419462.33, 20663.81836020063.07

Included with a subscription

Get full access

Signups, annotated

Pro

Deploys, incidents, and the target on one chart.

Data for chart rui-chart-a05af390
CategorySignups
Aug 742
Aug 838
Aug 921
Aug 1057
Aug 1161
Aug 1255
Aug 1364

Included with a subscription

Get full access

Conversion funnel

Pro

Stages in order, with drop-off between each one.

Data for chart rui-chart-04827813
StageCountFrom previousOf total
Visited pricing12400100.0%100.0%
Started trial480038.7%38.7%
Activated260054.2%21.0%
Subscribed98037.7%7.9%

Included with a subscription

Get full access

Gap-filled time series

Pro

Every day in the range, including the ones with no rows.

Data for chart rui-chart-cb994975
CategoryValue
Aug 742
Aug 838
Aug 921
Aug 1057
Aug 1161
Aug 1255
Aug 1364

Included with a subscription

Get full access

Export

Pro

PNG and CSV, taken from the chart already on screen.

Data for chart rui-chart-1f30fb5d
CategoryValue
Jan32000
Feb35000
Mar42000
Apr38000
May48290
Jun52000

Included with a subscription

Get full access

Live updates

Pro

New numbers arrive by Turbo Stream and the chart moves to them.

Signups today

41

Live
Data for chart rui-chart-618bfa1c
CategoryValue
10:0018
10:0524
10:1021
10:1532
10:2028
10:2537
10:3034
10:3541

Updated just now

Included with a subscription

Get full access

Get started

Install Rails UI Charts in minutes

Open source for the basics. Full access adds waterfalls, cohorts, funnels, treemaps, trackers, sparkline tables, and timelines, plus live updates and export.

gem "railsui_charts"
bundle install
rails g railsui_charts:install

Every chart above, plus the ones a dashboard needs

Cohorts, waterfalls, funnels, candlesticks, box plots, forecasts, trackers, live updates, and export. Included with every Rails UI subscription, alongside the app kits and components.