Visual galleries

What Claude makes when nothing limits the format: charts, typography, page templates and ideas, each numbered so we can pick.
Charts and diagrams 81 kindsOpen

Every kind of chart, diagram, map and explainer, from sparklines to an agent simulation.

Typography 118 kindsOpen

Elements that support text: leads, callouts, margin notes, steps, labels, lines and boxes.

Page templates 45 pages, 15 page typesOpen

Whole docs pages built from the two galleries above, several radically different ones per page type.

Things to ask Claude 62 ideasOpen

Work Claude could do here that nobody has asked for yet, each with a first prompt.

How they were made

  • No format to follow. Each gallery is one HTML page Claude wrote freely, kept as it was made.
  • Real subjects. Baseline, the receipt and the silo rules; invented content is marked on each page.
  • Everything is numbered. Templates name the chart (V) and type (T) elements they use.
  • Why: the documentation samples could only draw boxes and arrows, so every visual looked the same.

Picked so far

  • V69 Annotated document for “What’s on a receipt”. Template type 11 shows it four ways.

Next

  • Pick by number the elements and templates worth keeping.
  • Build the picks as blocks the docs can use, styled by the design system.
  • Choose the visual first in the next round of documentation samples.