vitalog · body map

Every body system, on the figure

The nine systems that were list-only now have a shape. Set each one to in range, high, low or not tested to see how the figure reads, switch between the male and female figure, then copy the SVG for the app. Colours follow the app's rule: never red and green. High is orange, low is blue, in range is teal, always with a text label.

In range High Low Not tested

Tap a shape or a row to see what it stands for.

For developers

One SVG in the same 180 × 300 coordinate space as the original body-map mockup. Each system is a group with the id sys-<system_code> (codes from system_info in catalog.db). Set its class to ok, high, low or nothing (not tested), or off when the user hides it in Customize body panel. Shapes marked data-sex show only for that sex.

Fill parts carry class s; line parts (veins, outline, links) carry class ln and take the colour as a stroke.
High and low get a soft halo (.halo) so a flagged organ is found at a glance, as the heart already does.
Tiny organs (pituitary, parathyroid, adrenal, lymph nodes) are too small to tap reliably. Make the tap target at least 44 px around them, or open the list row instead.
The shapes are simple symbols, not anatomy. They follow the existing style: flat fills, no outlines.

System	Element	Shape	Key tests

SVG with the states shown above