From f052416eef480433a43f6971071535739079ffa1 Mon Sep 17 00:00:00 2001 From: "prompt.ac/@jeffrey" Date: Wed, 17 Jun 2026 11:16:20 -0700 Subject: [PATCH 01/13] GRAPHICS.md: inline-graphics guide, companion to HAND + VOICE MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit A craft guide for drawing in GitHub PRs/docs from text alone (mermaid, math, geojson, braille), with the empirically-verified support matrix — what renders and what doesn't (\rule is text-mode/unsupported, \colorbox broken since 2023). Adds toolchain/art-to-braille.mjs (shape + PNG->braille generator) and cross-links HAND.md. --- GRAPHICS.md | 84 ++++++++++++++++++++++++ HAND.md | 2 +- toolchain/art-to-braille.mjs | 122 +++++++++++++++++++++++++++++++++++ 3 files changed, 207 insertions(+), 1 deletion(-) create mode 100644 GRAPHICS.md create mode 100644 toolchain/art-to-braille.mjs diff --git a/GRAPHICS.md b/GRAPHICS.md new file mode 100644 index 000000000..19b2134b8 --- /dev/null +++ b/GRAPHICS.md @@ -0,0 +1,84 @@ +# Graphics — an inline-rendering guide for GitHub + +companion to `HAND.md` and `papers/VOICE.md`. HAND governs how the code reads, VOICE how the papers sound; this governs how a **PR, issue, or repo `.md` draws** — pictures that render on github.com from text alone. + +it exists because the reflex is to drag in a screenshot. a screenshot drifts the moment the code moves and can't be reviewed as a diff. a diagram written *in text*, beside the change, can't drift — it versions with the thing it explains. so: prefer the mark you can type. + +## the one rule + +**if it isn't a fence or `$math$`, it doesn't render.** github runs every markdown surface through a sanitizer. know the line and you stop guessing. + +## what renders inline — verified on github.com + +- **`​```mermaid`** — diagrams *and* charts. flow, sequence, state, er, class — and `pie`, `xychart-beta`, `sankey-beta`, `quadrantChart` for data. `classDef` colors nodes (the ac chartreuse-on-black look stays in text). +- **`$…$` / `​```math`** — equations. `\color{…}{…}` and `\bbox[bg]{…}` tint *real content*. that's the whole of what math draws — see the dead end below. +- **`​```geojson` / `​```topojson`** — an interactive leaflet map. +- **braille / block art in a plain `​```` ` fence** — the only way to draw *arbitrary* art inline. low-res, but anything. +- **prose primitives** — tables, task lists, `
`, `> [!NOTE]` alerts, footnotes. + +## what does not render — and why + +| you reach for | what happens | because | +|---|---|---| +| inline `…` | stripped | sanitizer | +| `data:` uri in `` | stripped | sanitizer | +| `