demo · v142

Diagram Pack Exporter

A real flowchart, drawn as plain SVG. Each shape is wrapped in <a download> pointing at a different export format — SVG of just that node, PNG raster, CSV of the node's underlying data. Click any node: Chrome 142 saves the file with the correct filename; older Chrome navigates to a data URL and loses context. No JS-driven downloads, no URL.createObjectURL dance, just declarative anchors.

Ingest Enrich Store (PNG) Query (CSV) Visualise Archive
.svg export .png export .csv export

relevant markup

<svg viewBox="0 0 600 320">
  <a download="ingest.svg" href="data:image/svg+xml,...">
    <rect ... />
    <text>Ingest</text>
  </a>
</svg>

see also