


SVG
<svg width=“600” height=“500” viewBox=“0 0 600 500” xmlns=“http://www.w3.org/2000/svg”><defs><marker id=“arrowhead” markerWidth=“10” markerHeight=“10” refX=“9” refY=“3” orient=“auto” markerUnits=“strokeWidth”><path d=“M0 0v6l9-3z” fill=“#7b2cbf”/></marker><style>.label{font-family:Arial,sans-serif;font-size:28px;font-weight:700;fill:#c41e3a;text-anchor:middle}.arrow{stroke:#7b2cbf;stroke-width:3;fill:none;marker-end:url(#arrowhead)}</style></defs><path class=“arrow” d=“M320 110q130 10 150 110”/><path class=“arrow” d=“M450 290q-30 90-130 100”/><path class=“arrow” d=“M200 390q-100-10-70-100”/><path class=“arrow” d=“M130 210q20-90 150-100”/><text x=“300” y=“90” class=“label”>Oversharing</text><text x=“480” y=“255” class=“label”>Yapper's regret</text><text x=“300” y=“420” class=“label”>Vow of silence</text><text x=“120” y=“250” class=“label”> <tspan x=“120” dy=“0”>Irrepressible urge</tspan> <tspan x=“120” dy=“32”>to talk</tspan> </text></svg>
Alt Photo Text
The Yapper’s Cycle
- Irrepressible urge to talk ↓
- Oversharing ↓
- Yapper’s regret ↓
- Vow of silence ↓ ↳ loops back to Irrepressible urge to talk
I improved it’s quality for you