<svg xmlns="http://www.w3.org/2000/svg" width="960" height="665" viewBox="0 0 960 665" role="img" aria-labelledby="title desc">
<style data-site-theme="n3wth">
  [fill="#6e6e73"] { fill: #6e6e73; }
  [fill="#f5f5f7"] { fill: #f5f5f7; }
  [fill="#1d1d1f"] { fill: #1d1d1f; }
  [stroke="#6e6e73"] { stroke: #6e6e73; }
  [fill="#ffffff"] { fill: #ffffff; }
  [stroke="#0071a4"] { stroke: #054a6b; }
  [stroke="#ffffff"] { stroke: #ffffff; }
  [stroke="#e8e8ed"] { stroke: #e8e8ed; }
@media (prefers-color-scheme: dark) {
  [fill="#6e6e73"] { fill: #9aa0a8; }
  [fill="#f5f5f7"] { fill: #08090b; }
  [fill="#1d1d1f"] { fill: #f2f3f5; }
  [stroke="#6e6e73"] { stroke: #9aa0a8; }
  [fill="#ffffff"] { fill: #0d0e10; }
  [stroke="#0071a4"] { stroke: #a9e5ff; }
  [stroke="#ffffff"] { stroke: #0d0e10; }
  [stroke="#e8e8ed"] { stroke: #131316; }
}
</style>
<title id="title">Use an overview to choose a local question</title>
<desc id="desc">An illustrative overview links the Learning, Knowledge and Work domains. A magnified local map focuses on learning: a target guides practice, practice produces feedback, and feedback revises the target. It is not an audit of the actual garden graph.</desc>
<defs><marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 Z" fill="#6e6e73"/></marker></defs>
<g font-family="system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif">
<rect width="960" height="665" fill="#f5f5f7"/>
<text x="40" y="54" font-size="34" font-weight="600" fill="#1d1d1f" text-anchor="start">Use an overview to choose a local question</text><text x="40" y="112" font-size="27" font-weight="600" fill="#1d1d1f" text-anchor="start">Overview: choose a domain</text><text x="510" y="112" font-size="27" font-weight="600" fill="#1d1d1f" text-anchor="start">Detail: inspect a relationship</text><line x1="140" y1="250" x2="346" y2="325" stroke="#6e6e73" stroke-width="2.5"/><line x1="346" y1="325" x2="145" y2="460" stroke="#6e6e73" stroke-width="2.5"/><line x1="145" y1="460" x2="140" y2="250" stroke="#6e6e73" stroke-width="2.5"/><circle cx="140" cy="250" r="42" fill="#ffffff" stroke="#6e6e73" stroke-width="2"/><circle cx="346" cy="325" r="42" fill="#ffffff" stroke="#6e6e73" stroke-width="2"/><circle cx="145" cy="460" r="42" fill="#ffffff" stroke="#6e6e73" stroke-width="2"/><text x="140" y="184" font-size="25" font-weight="600" fill="#1d1d1f" text-anchor="middle">Learning</text><text x="341" y="265" font-size="25" font-weight="600" fill="#1d1d1f" text-anchor="middle">Knowledge</text><text x="145" y="543" font-size="25" font-weight="600" fill="#1d1d1f" text-anchor="middle">Work</text><path d="M 180 233 L 470 158" fill="none" stroke="#6e6e73" stroke-width="2.5" stroke-dasharray="8 7"/><path d="M 180 268 L 470 558" fill="none" stroke="#6e6e73" stroke-width="2.5" stroke-dasharray="8 7"/><rect x="487" y="150" width="433" height="418" rx="0" fill="#ffffff" stroke="#0071a4" stroke-width="2"/><rect x="544" y="177" width="314" height="66" rx="0" fill="#f5f5f7" stroke="#6e6e73" stroke-width="1.5"/><text x="701" y="220" font-size="26" font-weight="600" fill="#1d1d1f" text-anchor="middle">Specific target</text><line x1="701" y1="245" x2="701" y2="307" stroke="#6e6e73" stroke-width="2.5" marker-end="url(#arrow)"/><rect x="706" y="256" width="94" height="36" rx="0" fill="#ffffff" stroke="#ffffff" stroke-width="0"/><text x="714" y="283" font-size="22" font-weight="400" fill="#1d1d1f" text-anchor="start">guides</text><rect x="544" y="309" width="314" height="66" rx="0" fill="#f5f5f7" stroke="#6e6e73" stroke-width="1.5"/><text x="701" y="352" font-size="26" font-weight="600" fill="#1d1d1f" text-anchor="middle">Practice attempt</text><line x1="701" y1="378" x2="701" y2="444" stroke="#6e6e73" stroke-width="2.5" marker-end="url(#arrow)"/><rect x="706" y="389" width="120" height="36" rx="0" fill="#ffffff" stroke="#ffffff" stroke-width="0"/><text x="714" y="416" font-size="22" font-weight="400" fill="#1d1d1f" text-anchor="start">produces</text><rect x="544" y="447" width="314" height="66" rx="0" fill="#f5f5f7" stroke="#6e6e73" stroke-width="1.5"/><text x="701" y="490" font-size="26" font-weight="600" fill="#1d1d1f" text-anchor="middle">Feedback</text><path d="M 542 480 H 516 V 209 H 540" fill="none" stroke="#6e6e73" stroke-width="2.5" marker-end="url(#arrow)"/>
<line x1="40" y1="602" x2="920" y2="602" stroke="#e8e8ed" stroke-width="2.5"/><text x="40" y="638" font-size="22" font-weight="400" fill="#6e6e73" text-anchor="start">Conceptual schematic · examples are illustrative</text>
</g>
</svg>
