lessons/课程/插图/07-二分图/00-二分图-01-两侧.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 285" role="img" aria-labelledby="title desc">
  <title id="title">二分图的左右两侧</title><desc id="desc">蓝色与橙色节点分别在两侧，所有边都跨越两侧。</desc>
  <style>text{font-family:system-ui,sans-serif;fill:#172033}.edge{stroke:#94a3b8;stroke-width:4}.left{fill:#dbeafe;stroke:#2563eb;stroke-width:4}.right{fill:#ffedd5;stroke:#ea580c;stroke-width:4}.note{font-size:19px}.label{font-size:23px;font-weight:700}</style>
  <text x="28" y="31" class="note">所有边跨越左右两侧；同侧之间没有边。</text><text x="166" y="68" class="note">颜色 0</text><text x="568" y="68" class="note">颜色 1</text>
  <line class="edge" x1="190" y1="115" x2="610" y2="115"/><line class="edge" x1="190" y1="115" x2="610" y2="215"/><line class="edge" x1="190" y1="215" x2="610" y2="115"/><line class="edge" x1="190" y1="215" x2="610" y2="215"/>
  <circle class="left" cx="190" cy="115" r="28"/><circle class="left" cx="190" cy="215" r="28"/><circle class="right" cx="610" cy="115" r="28"/><circle class="right" cx="610" cy="215" r="28"/><text class="label" x="181" y="124">A</text><text class="label" x="181" y="224">C</text><text class="label" x="601" y="124">B</text><text class="label" x="601" y="224">D</text>
</svg>