There is interest at work in using maptiler. The maptiler folks thoughtfully provided an example Svelte implementation:

Many of the things we play around involve geometric symmetry. There are several types. This post is about an unusual symmetry. But first, a quick recap of some more well-known symmetries…

My animations to date have been written entirely with p5. I’ve dabbled with d3 and SVG, but haven’t invested much time. With increased interest in visualizations at work, I’ve decided to dig into both technologies, starting with SVG.

Most things that we observe vary. We don’t pay attention to things that don’t change. When we measure those variables, we often use statistics like average or median to summarize. But those statistics don’t describe the variability of the distribution. Standard deviation works well if the distribution is a bell curve, aka normally distributed. But many things we observe are not normally distributed. Yet we want a concise summary. One way to summarize is using quantiles, which involves dividing our observations into more-or-less equal size buckets of non-overlapping ranges of values. Common examples of quantiles are quartiles, with four buckets, and deciles, with ten buckets.

a work in progress, but read on if you’re curious where this is going…