---
title: "Stat Tiles Now Do Sparklines"
description: "The metric component learned a trick. Drop in a trend series and it draws a mini sparkline under the number, auto-colored, with the delta figured out for you."
url: "https://www.imejis.io/changelogs/metric-sparkline"
image: "https://www.imejis.io/og/components/metric-ticker.jpg"
published: "2026-07-21"
author: "imejis"
---

# Stat Tiles Now Do Sparklines

## Update: Sparkline stat tiles

The metric component already rendered a big number, a label, and an up/down delta. Now it can carry a trend too. Add a `sparkline` array and a mini line chart draws in a strip at the bottom of the tile, the ticker look you'd put on a watchlist or a live dashboard.

### It colors and captions itself

The line auto-colors red or green by direction, and it respects `deltaDirection`. So a falling _churn_ metric reads green, not red. Here's the part I like: if you don't set an explicit delta, the tile works out the percentage move from the series' first-to-last change and shows it above the line. One array in, a complete ticker out.

### Dynamic data, per render

`sparkline` is an overridable field, so a watchlist tile updates its whole trend on every call:

```http
POST https://render.imejis.io/v1/<design-id>
{ "mrr.value": 48200, "mrr.sparkline": [41000, 42500, 45200, 46900, 48200] }
```

Stock and crypto watchlist tiles, live KPI tickers for status dashboards, weekly-trend cards for Slack.

### Try it

It's the "Ticker" variant on the [metric component page](/components/metric), with a live playground and the exact API request.