playground

SVG Builder

Interactive canvas for drawing SVGs in the site's visual style.

A small tool I built to create SVGs for embedding in articles. Draw boxes, text labels, and arrows — the output matches this site’s visual language: Cousine monospace, light borders, muted palette.

Select a tool, draw on the canvas, then copy the SVG source to paste into a markdown file. Use select to move things around, Delete to remove the selected element, Escape to cancel.

 · 

drag to draw a box

preview
svg source