mermaid issue: language/API for manual layout and design

coordinates.diagrams.net.svg

coordinates.svg

coordinates2.svg

flowchart-example-2.svg

flowchart-example.svg

git-workflow-example.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 160"><defs><marker id="open-arrow" viewBox="0 0 12 12" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="10" markerHeight="12" orient="auto"><path d="M 0 0 L 5 5 L 0 10" fill="none" stroke="#8b8b8b"></path></marker></defs><line x1="56" y1="15" x2="285" y2="15" stroke="#8b8b8b" stroke-width="0.5" stroke-dasharray="1"></line><line x1="56" y1="41" x2="285" y2="41" stroke="#8b8b8b" stroke-width="0.5" stroke-dasharray="1"></line><line x1="56" y1="67" x2="285" y2="67" stroke="#8b8b8b" stroke-width="0.5" stroke-dasharray="1"></line><line x1="56" y1="93" x2="285" y2="93" stroke="#8b8b8b" stroke-width="0.5" stroke-dasharray="1"></line><line x1="56" y1="119" x2="285" y2="119" stroke="#8b8b8b" stroke-width="0.5" stroke-dasharray="1"></line><line x1="56" y1="145" x2="285" y2="145" stroke="#8b8b8b" stroke-width="0.5" stroke-dasharray="1"></line><line x1="83.36396103067892" y1="21.36396103067893" x2="96.63603896932108" y2="34.63603896932107" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="86" y1="15" x2="120" y2="15" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="79.84604989415155" y1="23.538149682454623" x2="100.15395010584845" y2="84.46185031754537" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="138" y1="15" x2="250" y2="15" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="109.36396103067892" y1="34.63603896932107" x2="122.63603896932108" y2="21.36396103067893" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="109.36396103067892" y1="47.36396103067893" x2="148.63603896932108" y2="86.63603896932108" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="242" y1="67" x2="250" y2="67" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="265.3639610306789" y1="73.36396103067892" x2="278.6360389693211" y2="86.63603896932108" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="259" y1="58" x2="259" y2="24" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="112" y1="93" x2="120" y2="93" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="103" y1="102" x2="103" y2="136" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="138" y1="93" x2="146" y2="93" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="135.36396103067892" y1="99.36396103067892" x2="148.63603896932108" y2="112.63603896932108" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="164" y1="93" x2="198" y2="93" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="213.36396103067892" y1="86.63603896932108" x2="226.63603896932108" y2="73.36396103067892" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="216" y1="93" x2="276" y2="93" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="164" y1="119" x2="172" y2="119" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="187.36396103067892" y1="112.63603896932108" x2="200.63603896932108" y2="99.36396103067892" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="112" y1="145" x2="120" y2="145" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="138" y1="145" x2="146" y2="145" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><line x1="164" y1="145" x2="172" y2="145" marker-end="url(#open-arrow)" stroke="#8b8b8b"></line><rect x="10" y="10" width="46" height="10" rx="2" ry="2" fill="#bcd54b" stroke="#9ec61c"></rect><text x="33" y="15" text-anchor="middle" dominant-baseline="central" font-size="10px" fill="#414141">Master</text><rect x="10" y="36" width="46" height="10" rx="2" ry="2" fill="#c596c4" stroke="#ac74b0"></rect><text x="33" y="41" text-anchor="middle" dominant-baseline="central" font-size="10px" fill="#414141">Hotfix</text><rect x="10" y="62" width="46" height="10" rx="2" ry="2" fill="#fbed38" stroke="#edd456"></rect><text x="33" y="67" text-anchor="middle" dominant-baseline="central" font-size="10px" fill="#414141">Release</text><rect x="10" y="88" width="46" height="10" rx="2" ry="2" fill="#f8a35e" stroke="#f38e45"></rect><text x="33" y="93" text-anchor="middle" dominant-baseline="central" font-size="10px" fill="#414141">Develop</text><rect x="10" y="114" width="46" height="10" rx="2" ry="2" fill="#78cfeb" stroke="#56afe4"></rect><text x="33" y="119" text-anchor="middle" dominant-baseline="central" font-size="10px" fill="#414141">Feature</text><rect x="10" y="140" width="46" height="10" rx="2" ry="2" fill="#78cfeb" stroke="#56afe4"></rect><text x="33" y="145" text-anchor="middle" dominant-baseline="central" font-size="10px" fill="#414141">Feature</text><circle id="1" cx="77" cy="15" r="5" fill="#bcd54b" stroke="#9ec61c"></circle><circle id="4" cx="103" cy="41" r="5" fill="#c596c4" stroke="#ac74b0"></circle><circle id="7" cx="103" cy="93" r="5" fill="#f8a35e" stroke="#f38e45"></circle><circle id="14" cx="103" cy="145" r="5" fill="#78cfeb" stroke="#56afe4"></circle><circle id="2" cx="129" cy="15" r="5" fill="#bcd54b" stroke="#9ec61c"></circle><circle id="8" cx="129" cy="93" r="5" fill="#f8a35e" stroke="#f38e45"></circle><circle id="15" cx="129" cy="145" r="5" fill="#78cfeb" stroke="#56afe4"></circle><circle id="9" cx="155" cy="93" r="5" fill="#f8a35e" stroke="#f38e45"></circle><circle id="12" cx="155" cy="119" r="5" fill="#78cfeb" stroke="#56afe4"></circle><circle id="16" cx="155" cy="145" r="5" fill="#78cfeb" stroke="#56afe4"></circle><circle id="13" cx="181" cy="119" r="5" fill="#78cfeb" stroke="#56afe4"></circle><circle id="17" cx="181" cy="145" r="5" fill="#78cfeb" stroke="#56afe4"></circle><circle id="10" cx="207" cy="93" r="5" fill="#f8a35e" stroke="#f38e45"></circle><circle id="5" cx="233" cy="67" r="5" fill="#fbed38" stroke="#edd456"></circle><circle id="3" cx="259" cy="15" r="5" fill="#bcd54b" stroke="#9ec61c"></circle><circle id="6" cx="259" cy="67" r="5" fill="#fbed38" stroke="#edd456"></circle><circle id="11" cx="285" cy="93" r="5" fill="#f8a35e" stroke="#f38e45"></circle></svg>