Lab / Layered Image Annotation

HTML Design Lab

Choose the form from the structure of the information, not from what looks sophisticated.

Experiments are filed by information structure. Select a row to open its record — the same index → entity path as Projects and Research.

Visualization protocol

01
Structure
Structure in image
Name what the information is made of — relationship, sequence, process, comparison, space.
02
Form
In-situ annotation
Pick the visual system that matches that structure. Style is a later language, not the decision.
03
Specimen
Layered Image Annotation
Test whether interaction makes the mechanism visible. Display without understanding is failure.

fig.lab — structure → form → specimen · 10 experiments · j/k to step

Field

Information structures

How do you point at structure that lives inside a picture?

fig.field — neighborhood emphasis; distance is relatedness

Index

Filter by the kind of product work you are iterating, then open a specimen record.

Structure

Form

Specimen

Demo · Structure in image → In-situ annotation