Sparkline

A sparkline is a tiny chart that can be used to indicate a certain trend of a value.

Simple Sparkline

<Sparkline data={data} />

Color

By default the sparkline has the primary color, but it can be customized as wanted.

<Sparkline data={data} color="secondary" />

Examples

Based on examples from the Material Design documentation.

Sales

345.4M

+8%

Engagement

19%

-11%

Engagement

19%

4% below forecast