A True Single Page Application
Tags: javascript, webdev
Published: 2020-10-07 22:36:35

Today I wrote a Single Page application in Vanilla Javascript that can literally be printed onto a single page of paper:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/87t0vtbcpcebjzmtpzik.png)

Thanks to the magic of IttyBitty and JS/CSS minifiers I proudly present the most single-page single-page app that I'm aware of: [Aster Plotter](https://itty.bitty.site/#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)!

Based on [source](http://bl.ocks.org/bbest/2de0e25d4840c68f2db1) this tool lets you easily represent exactly how far you are in total, with differently weighted components added together to give a true idea of progress!

Personally I find this very useful for presenting Sprint progress ;)