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+8.21%

$17,050.00 previous period

Data for chart rui-chart-8cb37edd
CategoryComparison categoryMRRPrevious period
Oct 31Oct 2417276.6316053.88
Nov 1Oct 2517438.3816182.9
Nov 2Oct 2617721.6816324.6
Nov 3Oct 2717916.2616455.54
Nov 4Oct 2818036.2616727.35
Nov 5Oct 2918228.4516934.0
Nov 6Oct 3018450.017050.03
Oct 31Nov 6

MRR

$18,450.00+8.21%

$17,050.00 previous period

Data for chart rui-chart-f67345b5
CategoryComparison categoryMRRPrevious period
Oct 31Oct 2417276.6316053.88
Nov 1Oct 2517438.3816182.9
Nov 2Oct 2617721.6816324.6
Nov 3Oct 2717916.2616455.54
Nov 4Oct 2818036.2616727.35
Nov 5Oct 2918228.4516934.0
Nov 6Oct 3018450.017050.03

ARR

$221,400.00+7.64%

$205,689.00 previous period

Data for chart rui-chart-118948c0
CategoryComparison categoryARRPrevious period
Oct 31Oct 24207392.13192129.9
Nov 1Oct 25210608.32194200.61
Nov 2Oct 26212293.49196293.64
Nov 3Oct 27214093.09198837.87
Nov 4Oct 28217451.01201460.48
Nov 5Oct 29218804.96203640.03
Nov 6Oct 30221400.0205689.35
Oct 31Nov 6

ARR

$221,400.00+7.64%

$205,689.00 previous period

Data for chart rui-chart-f81f2063
CategoryComparison categoryARRPrevious period
Oct 31Oct 24207392.13192129.9
Nov 1Oct 25210608.32194200.61
Nov 2Oct 26212293.49196293.64
Nov 3Oct 27214093.09198837.87
Nov 4Oct 28217451.01201460.48
Nov 5Oct 29218804.96203640.03
Nov 6Oct 30221400.0205689.35

Active subscribers

842+5.65%

797 previous period

Data for chart rui-chart-c9f9eb88
CategoryComparison categoryActive subscribersPrevious period
Oct 31Oct 24801.18757.99
Nov 1Oct 25810.29765.25
Nov 2Oct 26817.02770.7
Nov 3Oct 27823.69776.81
Nov 4Oct 28827.05783.53
Nov 5Oct 29836.48791.45
Nov 6Oct 30842.0796.69
Oct 31Nov 6

Active subscribers

842+5.65%

797 previous period

Data for chart rui-chart-2bbd3cdf
CategoryComparison categoryActive subscribersPrevious period
Oct 31Oct 24801.18757.99
Nov 1Oct 25810.29765.25
Nov 2Oct 26817.02770.7
Nov 3Oct 27823.69776.81
Nov 4Oct 28827.05783.53
Nov 5Oct 29836.48791.45
Nov 6Oct 30842.0796.69

New trials

59+15.69%

51 previous period

Data for chart rui-chart-81134416
CategoryComparison categoryNew trialsPrevious period
Oct 31Oct 246.977.71
Nov 1Oct 258.958.59
Nov 2Oct 268.255.8
Nov 3Oct 277.596.64
Nov 4Oct 288.589.16
Nov 5Oct 299.796.68
Nov 6Oct 309.06.85
Oct 31Nov 6

New trials

59+15.69%

51 previous period

Data for chart rui-chart-04250512
CategoryComparison categoryNew trialsPrevious period
Oct 31Oct 246.977.71
Nov 1Oct 258.958.59
Nov 2Oct 268.255.8
Nov 3Oct 277.596.64
Nov 4Oct 288.589.16
Nov 5Oct 299.796.68
Nov 6Oct 309.06.85

Gross volume

$22,953.00+7.3%

$21,392.00 previous period

Data for chart rui-chart-e472d642
CategoryComparison categoryGross volumePrevious period
Oct 31Oct 243088.082831.65
Nov 1Oct 253167.12824.18
Nov 2Oct 263149.683231.81
Nov 3Oct 273242.322875.24
Nov 4Oct 283591.933362.3
Nov 5Oct 293233.972878.55
Nov 6Oct 303480.03388.74
Oct 31Nov 6

Gross volume

$22,953.00+7.3%

$21,392.00 previous period

Data for chart rui-chart-5cd5fd97
CategoryComparison categoryGross volumePrevious period
Oct 31Oct 243088.082831.65
Nov 1Oct 253167.12824.18
Nov 2Oct 263149.683231.81
Nov 3Oct 273242.322875.24
Nov 4Oct 283591.933362.3
Nov 5Oct 293233.972878.55
Nov 6Oct 303480.03388.74

Churn rate

2.4%-11.11%

2.7% previous period

Data for chart rui-chart-1c1f0c6a
CategoryComparison categoryChurn ratePrevious period
Oct 31Oct 242.733.16
Nov 1Oct 252.623.13
Nov 2Oct 262.583.01
Nov 3Oct 272.522.88
Nov 4Oct 282.522.85
Nov 5Oct 292.42.88
Nov 6Oct 302.42.74
Oct 31Nov 6

Churn rate

2.4%-11.11%

2.7% previous period

Data for chart rui-chart-a23aa702
CategoryComparison categoryChurn ratePrevious period
Oct 31Oct 242.733.16
Nov 1Oct 252.623.13
Nov 2Oct 262.583.01
Nov 3Oct 272.522.88
Nov 4Oct 282.522.85
Nov 5Oct 292.42.88
Nov 6Oct 302.42.74

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-94ab8460
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-10375a0c
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-503da48d
CategoryStarterProEnterprise
Jan8200148009000
Feb9100162009700
Mar104001890012700
Apr11000194007600
May123002210013890
Jun131002460014300

Each plan on its own

Small multiples against a shared scale.

Starter

Data for chart rui-chart-4ee4fe55
CategoryValue
Jan8200
Feb9100
Mar10400
Apr11000
May12300
Jun13100

Pro

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

Enterprise

Data for chart rui-chart-18c094b6
CategoryValue
Jan9000
Feb9700
Mar12700
Apr7600
May13890
Jun14300

Customers by plan

Horizontal bar chart.

Data for chart rui-chart-17282c8d
CategoryCustomers
Starter120
Pro85
Enterprise32

Monthly revenue

Column chart for comparing values across categories.

Data for chart rui-chart-1e083b7e
CategoryRevenue
Jan32000
Feb35000
Mar42000
Apr38000
May48290
Jun52000

Revenue by plan

Pie chart.

Data for chart rui-chart-0fcef1f0
CategoryValue
Starter12000
Pro28000
Enterprise42000

Customers by plan

Donut chart.

Data for chart rui-chart-b2a53f17
CategoryValue
Starter120
Pro85
Enterprise32

Traffic sources

Polar area chart.

Data for chart rui-chart-282d457c
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-5c9e5dd7
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-75991c87
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-50f9f785
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-bd6182e8
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-924afa0e
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-3dbd8cde
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-7188dc66
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-b776f7a2
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-fa02efb3
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-c1919c3e
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-dbed9674
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-e780a9b9
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-5c4113a7
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-c3357c4d
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-d0029c81
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.