Cloud Function to generate SVG Sparklines

💡 This reminded me of Spark SVG which I covered back in 2013.

It’s an SVG file with a snippet of JS contained inside it, a technique originally developed by Stuart Langridge. On load it will draw the sparkline, using the values as passed in the via the querystring.

<embed src="https://sparksvg.me/line.svg?0,4,7,10,8,12,9,7,3,0" type="image/svg+xml">

Upside with this approach is that you can host this SVG file on your own servers, without needing a cloud function. Downside however is that you need to include the SVGs via <embed> — to allow script execution — and require JS on the client to show them properly.