cbff4ab073
Salter-Harris I–V, the parabolic profile and its two lanes, the conducting and respiratory zones, the four types of respiratory failure, and the mole as the bridge between one atom and a weighable mass. Each is in the image bank with a title, a description and a source, and embedded in the article it explains — so it behaves like every other figure: a thumbnail in the prose, the full view on a click, findable by what it shows. Drawn as SVG and not generated as pictures, for two reasons. A schematic has to have every label exactly right and stay right at any size, and one assembled from shapes is corrected by editing a line rather than by rolling the dice again. And a generated raster of anything clinical would be a fabrication dressed as evidence, which is the one thing a teaching figure must never be. The sources are kept here beside the docs because they are text, and text belongs in the repository where it can be diffed. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01TqXevQJhxFrM7jJg82cgZN
65 lines
3.6 KiB
XML
65 lines
3.6 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 660 240" role="img" aria-label="The five Salter-Harris types">
|
|
<defs>
|
|
<marker id="crush" viewBox="0 0 10 10" refX="6" refY="5" markerWidth="5" markerHeight="5" orient="auto">
|
|
<path d="M0 0 L10 5 L0 10 z" fill="#b03047"/>
|
|
</marker>
|
|
</defs>
|
|
<style>
|
|
.salter-bone { fill: #e8eaf0; stroke: #94a3b8; stroke-width: 2; }
|
|
.salter-epi { fill: #dbe6f6; stroke: #94a3b8; stroke-width: 2; }
|
|
.salter-phys { fill: #f0a53d; }
|
|
.salter-brk { stroke: #b03047; stroke-width: 3.5; fill: none; stroke-linecap: round; }
|
|
.salter-cap { font: 600 13px system-ui, sans-serif; fill: #1e293b; text-anchor: middle; }
|
|
.salter-sub { font: 11px system-ui, sans-serif; fill: #64748b; text-anchor: middle; }
|
|
</style>
|
|
<g>
|
|
<!-- One column per type: epiphysis on top, physis the amber band, metaphysis below. -->
|
|
<g transform="translate(20,20)">
|
|
<rect class="salter-epi" x="10" y="0" width="80" height="42" rx="6"/>
|
|
<rect class="salter-phys" x="10" y="44" width="80" height="9"/>
|
|
<rect class="salter-bone" x="10" y="55" width="80" height="95" rx="6"/>
|
|
<path class="salter-brk" d="M8 48 H 92"/>
|
|
<text class="salter-cap" x="50" y="176">Type I</text>
|
|
<text class="salter-sub" x="50" y="192">through the physis</text>
|
|
</g>
|
|
<g transform="translate(148,20)">
|
|
<rect class="salter-epi" x="10" y="0" width="80" height="42" rx="6"/>
|
|
<rect class="salter-phys" x="10" y="44" width="80" height="9"/>
|
|
<rect class="salter-bone" x="10" y="55" width="80" height="95" rx="6"/>
|
|
<path class="salter-brk" d="M8 48 H 62 L 88 76"/>
|
|
<text class="salter-cap" x="50" y="176">Type II</text>
|
|
<text class="salter-sub" x="50" y="192">+ metaphyseal corner</text>
|
|
</g>
|
|
<g transform="translate(276,20)">
|
|
<rect class="salter-epi" x="10" y="0" width="80" height="42" rx="6"/>
|
|
<rect class="salter-phys" x="10" y="44" width="80" height="9"/>
|
|
<rect class="salter-bone" x="10" y="55" width="80" height="95" rx="6"/>
|
|
<path class="salter-brk" d="M60 0 V 48 H 92"/>
|
|
<text class="salter-cap" x="50" y="176">Type III</text>
|
|
<text class="salter-sub" x="50" y="192">into the joint</text>
|
|
</g>
|
|
<g transform="translate(404,20)">
|
|
<rect class="salter-epi" x="10" y="0" width="80" height="42" rx="6"/>
|
|
<rect class="salter-phys" x="10" y="44" width="80" height="9"/>
|
|
<rect class="salter-bone" x="10" y="55" width="80" height="95" rx="6"/>
|
|
<path class="salter-brk" d="M58 0 V 100"/>
|
|
<text class="salter-cap" x="50" y="176">Type IV</text>
|
|
<text class="salter-sub" x="50" y="192">across all three</text>
|
|
</g>
|
|
<g transform="translate(532,20)">
|
|
<rect class="salter-epi" x="10" y="0" width="80" height="42" rx="6"/>
|
|
<rect class="salter-phys" x="10" y="46" width="80" height="5"/>
|
|
<rect class="salter-bone" x="10" y="55" width="80" height="95" rx="6"/>
|
|
<!-- Type V is a crush, so it is drawn as force rather than as a line. -->
|
|
<!-- Three separate paths: a marker-end lands on the end of the path, so
|
|
three arrows need three of them. -->
|
|
<path class="salter-brk" d="M24 8 V 30" marker-end="url(#crush)"/>
|
|
<path class="salter-brk" d="M50 8 V 30" marker-end="url(#crush)"/>
|
|
<path class="salter-brk" d="M76 8 V 30" marker-end="url(#crush)"/>
|
|
<text class="salter-cap" x="50" y="176">Type V</text>
|
|
<text class="salter-sub" x="50" y="192">crush</text>
|
|
</g>
|
|
</g>
|
|
<text class="salter-sub" x="330" y="228">Amber: the physis. Red: the fracture line.</text>
|
|
</svg>
|
