Spark Chart

A small, simple, word-sized chart that shows the general trend of a measurement without axes or coordinates.


Automatic Installation

This method is still working on progress, please use manual installation for now.

Manual Installation

Install dependencies

npm install radix-ui

Copy the code

components/spark-chart/spark-chart.tsx
import { type SparkChartStyles, sparkChartStyles } from './spark-chart.css'
 
const SparkChart = () => {
  return null
}
 
export { SparkChart }

Usage

Imports

import {} from '#/components/spark-chart'

Example

Browse the Storybook for more examples.

Anatomy

// WIP
Edit on GitHub

Last updated on 3/27/2025

On this page