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
37 lines
2.4 KiB
XML
37 lines
2.4 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 300" role="img" aria-label="The conducting zone carries gas; the respiratory zone exchanges it">
|
|
<style>
|
|
.twozon-tube { stroke: #475569; stroke-width: 2.5; fill: none; stroke-linecap: round; }
|
|
.twozon-flow { fill: #dbeafe; stroke: #93c5fd; }
|
|
.twozon-exch { fill: #d9f2ea; stroke: #6ec5a8; }
|
|
.twozon-lab { font: 600 13px system-ui, sans-serif; fill: #1e293b; }
|
|
.twozon-sub { font: 11.5px system-ui, sans-serif; fill: #64748b; }
|
|
.twozon-tag { font: 600 11px system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
|
|
</style>
|
|
<rect class="twozon-flow" x="20" y="40" width="330" height="170" rx="10" opacity=".55"/>
|
|
<rect class="twozon-exch" x="360" y="40" width="240" height="170" rx="10" opacity=".55"/>
|
|
|
|
<!-- Branching airway, narrowing to the exchange zone. -->
|
|
<path class="twozon-tube" d="M40 125 H 120"/>
|
|
<path class="twozon-tube" d="M120 125 L 180 85 M120 125 L 180 165"/>
|
|
<path class="twozon-tube" d="M180 85 L 240 65 M180 85 L 240 105 M180 165 L 240 145 M180 165 L 240 185"/>
|
|
<path class="twozon-tube" d="M240 65 H 300 M240 105 H 300 M240 145 H 300 M240 185 H 300"/>
|
|
|
|
<g fill="#a7ddc9" stroke="#4f9e85" stroke-width="1.5">
|
|
<circle cx="400" cy="70" r="15"/><circle cx="432" cy="92" r="15"/><circle cx="398" cy="112" r="15"/>
|
|
<circle cx="440" cy="140" r="15"/><circle cx="404" cy="164" r="15"/><circle cx="446" cy="188" r="15"/>
|
|
<circle cx="500" cy="82" r="15"/><circle cx="520" cy="126" r="15"/><circle cx="496" cy="170" r="15"/>
|
|
</g>
|
|
<path class="twozon-tube" d="M300 125 H 370" stroke-dasharray="4 4"/>
|
|
|
|
<text class="twozon-tag twozon-lab" x="34" y="66">Conducting zone</text>
|
|
<text class="twozon-sub" x="34" y="86">Trachea → terminal bronchioles, ~16 generations</text>
|
|
<text class="twozon-sub" x="34" y="232">Convection: bulk flow and streaming.</text>
|
|
<text class="twozon-sub" x="34" y="250">No exchange at all — this is plumbing.</text>
|
|
|
|
<text class="twozon-tag twozon-lab" x="374" y="66">Respiratory zone</text>
|
|
<text class="twozon-sub" x="374" y="232">Diffusion; flow velocity ≈ 0.</text>
|
|
<text class="twozon-sub" x="374" y="250">O₂ and CO₂ cross the membrane here.</text>
|
|
|
|
<text class="twozon-sub" x="34" y="282">Flow only has to reach the doorstep: across one alveolus, t ≈ x²/D ≈ 2.5 ms.</text>
|
|
</svg>
|
