Search results for “sparklines”


Pimping my home page at Indie Web Camp Nuremberg.

The Long Web

A presentation on long-term thinking and the web, from An Event Apart 2013.

Canvas sparklines

Scripting Tufte’s bite-sized charts.

Smashing Conference closing keynote

The final talk at the Smashing Conference held in Freiburg in September 2013.

Sparklining Huffduffer

Graphing data at Christmas time.

SPARKLINES IN THE GRID - Patent Application 20090282325

Microsoft are trying to patent sparklines. Twunts.

Month maps

Visualising activity over time.

Sonic sparklines

Silly sounds.

April 21st, 2016

Got so inspired by @sarasoueidan’s #renderconf talk that I started immediately refactoring the SVG sparklines I added to my site this week.

Sparkline Sound-Off – Chris Burnell

Chris has made sonic sparklines on his site too, but they’re far more musical than mine. Here’s his explanation of how he did it.

The Joy of Sparks

This is so cool! The logs of the Indie Web Camp IRC channel visualised as a series of sparklines in the style of Joy Division/Jocelyn Bell Burnell.

phuu/sparksvg · GitHub

Remember when I made that canvas sparkline script? Remember when Stuart grant my wish for an SVG version? Well, now Tom has gone one further and created a hosted version on

Not a fan of sparklines? Bars and circles are also available.

2022 in numbers

One year on, complete with sparklines.

2021 in numbers

My year on in numbers and sparklines.

2020 in numbers

Numbers and sparklines.

SVGs in dark mode

Styling sheet music …and then unstyling it.

2019 in numbers

The quantified site. With sparklines. And a map.

Indy maps

It’s not the years, honey. It’s the mileage.

Dark mode


2018 in numbers

The quantified site. With sparklines.

Indie Web Camp Brighton 2016

A jolly weekend of talking and making.

Indie Web Camp Düsseldorf

Two years in a row at the excellent Sipgate offices in Düsseldorf.

chartd - responsive, retina-compatible charts with just an img tag

This could be a handy replacement for some Google Charts images of graphs. It uses SVG and is responsive by default.

I bet it wouldn’t be too tricky to use this to make some sparklines.

Sparkicons and the humble hyperlink by Mark Boulton

I really like Mark’s idea of standardised “sparkicons” …for a while there, reading this, I was worried he was going to propose something like Snap Preview. shudder


Minimal GPS navigation.


Social(ist) networking.

HTML5 test results

Tabulating the results from a workshop.