assets/preset_chain_example.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 280" width="1000" font-family="system-ui, -apple-system, Segoe UI, Roboto, sans-serif" role="img" aria-label="Example effect chain">
<title>Example effect chain (preset_32)</title>
<desc>Input fans out into three parallel Dehumaniser branches — Pitch Shifting 1; Ring Modulator; and Granular then Pitch Shifting 2 — and each branch feeds Reverb, then EQ, then output.</desc>
<defs>
<marker id="ar" markerWidth="9" markerHeight="9" refX="7" refY="4.5" orient="auto"><path d="M0,0 L9,4.5 L0,9 z" fill="#667085"/></marker>
</defs>

<!-- Dehumaniser container -->
<rect x="96" y="22" width="404" height="256" rx="12" fill="none" stroke="#2563eb" stroke-width="1.5" stroke-dasharray="5 4"/>
<text x="112" y="44" font-size="14" font-weight="600" fill="#2563eb">Dehumaniser</text>

<!-- connectors -->
<g stroke="#667085" stroke-width="1.5" fill="none">
<path d="M72,150 L176,78" marker-end="url(#ar)"/>
<path d="M72,150 L176,150" marker-end="url(#ar)"/>
<path d="M72,150 L176,222" marker-end="url(#ar)"/>
<path d="M308,222 H330" marker-end="url(#ar)"/>
<path d="M326,78 L690,142" marker-end="url(#ar)"/>
<path d="M326,150 L690,150" marker-end="url(#ar)"/>
<path d="M462,222 L690,158" marker-end="url(#ar)"/>
<path d="M782,150 H812" marker-end="url(#ar)"/>
<path d="M876,150 H906" marker-end="url(#ar)"/>
</g>

<!-- endpoints -->
<g fill="#ffffff" stroke="#d0d5dd">
<rect x="8" y="130" width="64" height="40" rx="20"/>
<rect x="906" y="130" width="64" height="40" rx="20"/>
</g>
<g text-anchor="middle" font-size="14" fill="#111827">
<text x="40" y="155">input</text>
<text x="938" y="155">output</text>
</g>

<!-- effect boxes -->
<g fill="#ffffff" stroke="#d0d5dd">
<rect x="176" y="58" width="150" height="40" rx="8"/>
<rect x="176" y="130" width="150" height="40" rx="8"/>
<rect x="176" y="202" width="132" height="40" rx="8"/>
<rect x="330" y="202" width="132" height="40" rx="8"/>
<rect x="690" y="130" width="92" height="40" rx="8"/>
<rect x="812" y="130" width="64" height="40" rx="8"/>
</g>
<g text-anchor="middle" font-size="13.5" fill="#111827">
<text x="251" y="83">Pitch Shifting 1</text>
<text x="251" y="155">Ring Modulator</text>
<text x="242" y="227">Granular</text>
<text x="396" y="227">Pitch Shifting 2</text>
<text x="736" y="155">Reverb</text>
<text x="844" y="155">EQ</text>
</g>
</svg>