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
34 lines
2 KiB
XML
34 lines
2 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 260" role="img" aria-label="The mole as the bridge between one atom and a mass you can weigh">
|
||
<style>
|
||
.molebr-card { fill: #f8fafc; stroke: #cbd5e1; stroke-width: 2; rx: 10; }
|
||
.molebr-mid { fill: #e0edff; stroke: #60a5fa; stroke-width: 2.5; rx: 12; }
|
||
.molebr-h { font: 700 15px system-ui, sans-serif; fill: #1e293b; text-anchor: middle; }
|
||
.molebr-b { font: 12.5px system-ui, sans-serif; fill: #475569; text-anchor: middle; }
|
||
.molebr-n { font: 700 17px ui-monospace, monospace; fill: #1d4ed8; text-anchor: middle; }
|
||
.molebr-ar { stroke: #64748b; stroke-width: 2.5; marker-end: url(#a); fill: none; }
|
||
</style>
|
||
<defs><marker id="a" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto"><path d="M0 0 L10 5 L0 10 z" fill="#64748b"/></marker></defs>
|
||
|
||
<rect class="molebr-card" x="20" y="60" width="160" height="110"/>
|
||
<text class="molebr-h" x="100" y="92">One atom</text>
|
||
<text class="molebr-b" x="100" y="118">carbon-12</text>
|
||
<text class="molebr-n" x="100" y="146">12 amu</text>
|
||
|
||
<rect class="molebr-mid" x="230" y="46" width="170" height="138"/>
|
||
<text class="molebr-h" x="315" y="82">One mole</text>
|
||
<text class="molebr-n" x="315" y="112">6.022 × 10²³</text>
|
||
<text class="molebr-b" x="315" y="138">particles</text>
|
||
<text class="molebr-b" x="315" y="160">Avogadro's number</text>
|
||
|
||
<rect class="molebr-card" x="450" y="60" width="150" height="110"/>
|
||
<text class="molebr-h" x="525" y="92">On the balance</text>
|
||
<text class="molebr-b" x="525" y="118">carbon</text>
|
||
<text class="molebr-n" x="525" y="146">12 g</text>
|
||
|
||
<path class="molebr-ar" d="M186 115 H 224"/>
|
||
<path class="molebr-ar" d="M406 115 H 444"/>
|
||
|
||
<text class="molebr-b" x="310" y="214">1 amu is 1/12th of a carbon-12 atom — which is what makes the two ends of this line agree.</text>
|
||
<text class="molebr-b" x="310" y="236">Equal volumes of gases, at the same temperature and pressure, hold equal numbers of particles.</text>
|
||
</svg>
|
