SVG block demo

A few made-up drawings to show off the new svg block type from notes-browser/svg-diagrams. Every image below is hand-written SVG markup stored as plain text in the note — no screenshots, no external files.

A made-up graph

Entirely fictional quarterly data, drawn as plain rects and text — the exact thing the wx.svg text-rendering bug would have broken.

Bar chart titled Fictional Espresso Consumption, four bars Q1 42, Q2 71, Q3 58, Q4 89 — Fig. 1 — a bar chart that has never touched a plotting library

Paint-by-numbers sunset

Flat colour bands with outlines, like the numbered regions on an actual paint-by-numbers canvas.

A layered sunset: purple, magenta, orange and gold sky bands, a yellow sun on the horizon, birds, and a shimmering reflection on the water — Fig. 2 — sunset over the Severn Estuary (probably)

A mandala, because vectors deserve a real workout

16 copies of one path, each just transform="rotate(...)" — the kind of thing that stays crisp at any size and would cost real bytes as a screenshot instead.

A symmetrical flower-like mandala pattern in coral, gold and teal on a dark background, sixteen petals arranged radially — Fig. 3 — one path, rotated sixteen times

That's the demo. Rendered live on both the public web page and the desktop notes browser from this same note.

Sequel: demo/svg-showcase-2 — two of the panels there are live plots from the location database rather than made-up data.