Skip to navigation Skip to main content
The Equal Justice Initiative
Eleventy
Eleventy Documentation
Stable
2.0.1
Canary
3.0.0-alpha.6
Toggle Menu
Eleventy 1.93s
Astro 22.90s

Sparklines

Contents

Feed this runtime service a comma separated list of numeric values and it will return an SVG sparkline image.

Open Source Jump to heading

Deploy to Netlify

Usage Jump to heading

Try it out on the Eleventy API Explorer.

Image URLs have the format:

https://v1.sparkline.11ty.dev/:dimensions/:values/
https://v1.sparkline.11ty.dev/:dimensions/:values/:color/

Samples Jump to heading

Using color #123456:

Sparkline representing frequency of posts written from 2007 to 2021
<img
src="https://v1.sparkline.11ty.dev/120x30/41,25,9,12,10,6,12,14,19,17,23,30,36,21,40/%23123456/"
width="120"
height="30"
alt="Sparkline representing frequency of posts written from 2007 to 2021"
loading="lazy"
decoding="async"
/>

Other pages in API Services: