Chart
Recharts inside a tokenized container: chart-1…5 colors, tooltip and legend in contract tokens.
Playground
kind
state
<ChartContainer config={config} className="max-h-64">
<ComposedChart data={data}>
<CartesianGrid />
<XAxis dataKey="month" />
<ChartTooltip />
<ChartLegend content={<ChartLegendContent />} />
<Line
dataKey="people"
stroke="var(--color-people)"
strokeWidth={2}
activeDot={chartActiveDot}
/>
</ComposedChart>
</ChartContainer>Subscriber growth
The substack_growth chat card: the headline number leads, the line draws in once, and the crosshair snaps to each day.
data
Field Notes
Last 90 days1,284subscribers
77 paid, +40 in 90 days
- All subscribers
- Paid
| Date | All subscribers | Paid |
|---|---|---|
| 2026-07-20 | 620 | 37 |
| 2026-07-27 | 655 | 39 |
| 2026-08-03 | 700 | 42 |
| 2026-08-10 | 690 | 41 |
| 2026-08-17 | 760 | 46 |
| 2026-08-24 | 820 | 49 |
| 2026-08-31 | 800 | 48 |
| 2026-09-07 | 880 | 53 |
| 2026-09-14 | 950 | 57 |
| 2026-09-21 | 1020 | 61 |
| 2026-09-28 | 1125 | 68 |
| 2026-10-05 | 1284 | 77 |
<SubstackGrowthView status="loaded" growth={growth} />