A responsive nav that folds without any JavaScript
A checkbox, a label and a sibling selector. Works with scripts disabled, ships nothing to parse, and cannot break on a slow connection.
Tagged “no-javascript”
4 entries
Donut chart in SVG using arcs
Proportions of a whole, drawn with stroked arc paths. Includes the one case that breaks every naive implementation: a single slice at 100%.
Horizontal bar chart in SVG
For ranked lists — top pages, top referrers, top earners. Horizontal because labels are words, and words do not fit under a vertical bar.
Draw a line chart in SVG with no JavaScript
Server-rendered SVG with native tooltips. No chart library, no CDN, no build step — which is what makes it portable to a site you hand to someone else.