Skip to content

Instantly share code, notes, and snippets.

@maiermic
Last active November 20, 2021 15:35
Show Gist options
  • Save maiermic/5a7eff651fcf8a4bcf20a7f9291045dc to your computer and use it in GitHub Desktop.
Save maiermic/5a7eff651fcf8a4bcf20a7f9291045dc to your computer and use it in GitHub Desktop.
mermaid issue: language/API for manual layout and design
Display the source blob
Display the rendered blob
Raw
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="460px" height="141px" viewBox="-0.5 -0.5 460 141" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2021-11-13T16:45:24.966Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36&quot; version=&quot;15.5.4&quot; etag=&quot;vAoV6mkT68QJRkSLlu-H&quot; type=&quot;google&quot;&gt;&lt;diagram id=&quot;S80NHGn-uYWT1f2HOQZu&quot;&gt;7Zxdb5swFIZ/TS43AYYkvVzSbrvYpEqd1GsCTrDm4AicJt2vn4nNh2Py0SnBtuZdTOGAIZzXfmreHDwC8/X+WxFvsp8khXgUeOl+BB5HQRBOAPu/CrzzAPBCHlgVKOUhvw28oD9QBD0R3aIUltKBlBBM0UYOJiTPYUKlWFwUZCcftiRYvuomXkEl8JLEWI2+opRmPDoNJm38O0SrrL6yP37ge9ZxfbC4kzKLU7LrhMDTCMwLQij/tN7PIa5yV+eFt/t6Ym/zxQqY02saBLzBW4y34t7E96Lv9c3uMkThyyZOqu0d03MEZhldY7bls49xueEpXqI9ZGedLRHGc4JJwWI5yVmrmbgILCjcn/yifnP7rNtAsoa0eGeHiAZgIjImukwIxPauI4AIZZ3c17FYSL5qztxmhX0QielPElCSVJItu+hxplYF2VbZwfEC4mdSIopIznYl7B4hS8esygBi3ejH0QELQilZV8nEaNXb4ovYQUl1gZKpgfIV2w7arZk4yaPXxn5Vhz9+Cs5pIAZJvKhvw/uoNqEXSdpE9XZHG79HG/8G2oSXOzDM0y/VoG/7Y6f7MsnytOq3h7R1++4oAMtpApOkSictyG/Y2bOYRmHkNWmFqQKMNnmgP3md5EQ9yaljBcQxRW/y6fsyJq7wTBC7cKPFcY5Zzy0SKA7qgqFut+9vR+NiBanS7iBPc1NXKRY5xfoVO8r8vwp4e8XGimI5KWj2Ckt6NQMxXNIzBORcq/FX8KQq9FujNK0u9FEAevflHxjL/AuD4fg3MX80jR3/uopNnWKW8e9BUWx3Q/Q1ULsX/e49/VPwNx4Of/U5TB5ND45/kmS+k8wyAPqqTXB4Ar7lDFB5BrYdg0M+BfuqRWHcmOKdyHGw0cwC60KTZuaCUDUvDo/CV0PwohUoPwif9AEbWhoGwWMrcMhHYV/1KcwbUJGDoKSZBf6FJs3MhaDqYBwg+BR/YDZ4PLs7z8GjuaPpU8Ew1EhB1a0wb0RNHQWlX2EtcDE0aWYsBQPVxoC3BKBiC9rOwAFdwXr4mDyeTqXvv2WgBRaGJs3MZaBqYRx8wZvOBBVj0HIQDukL2lBswTuRA2GjmQU2hibNzAWhamMI6+5aCt6wRtBYEHrRZ41zQgvqLng3cihsNLPAy9CkmbEorOuy71xSrmg2P/w7R7DrSTU+Suugxeaqr+CqzSVxNM6ngQXGAnDGgqyZBcaCJs3M/SOiGguu5FyCoMbf2YEFpgJwpoKsmQWmgibNzIWgaiq4uvNzDBzQTQAWuAnAuQmyZha4CZo0M5aBoeomuMrzSyAc9P1rC97m4J3IgbDRzAIXQ5Nm5oJQdTFc5fk5W3DIJ+LQglc5QrcMhayZBS6GJs3MheCJlShc5XlDwalGClrwLkfoFqOQNbPAx9CkmbkUVH0MV3l+joED+oJ1pzN6PLkFKWTNbLAw3IoUsmaqheEqzy+BcEhfMLKg6oJ3IgfCRjMLbAxNmpkLQtXGcJXnPd6gxsrzyILai8itSyFrZoGXoUkzc1F4jZeBMdqUlVY3qEG/+vfik2gzsiSdbbYL0HMd2lX8wdNf&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="71" y="29" width="80" height="80" fill="none" stroke="#000000" pointer-events="all"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px"><text x="110.5" y="129.5">south</text></g><path d="M 106 114 L 116 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 116 114 L 106 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="end" font-size="12px"><text x="63.5" y="23.5">northWest</text></g><path d="M 66 34 L 76 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 76 34 L 66 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="end" font-size="12px"><text x="63.5" y="72.5">west</text></g><path d="M 66 74 L 76 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 76 74 L 66 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="end" font-size="12px"><text x="63.5" y="122.5">southWest</text></g><path d="M 66 114 L 76 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 76 114 L 66 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px"><text x="110.5" y="18.5">north</text></g><path d="M 106 34 L 116 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 116 34 L 106 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" font-size="12px"><text x="157.5" y="22.5">northEast</text></g><path d="M 146 34 L 156 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 156 34 L 146 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" font-size="12px"><text x="157.5" y="72.5">east</text></g><path d="M 146 74 L 156 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 156 74 L 146 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" font-size="12px"><text x="157.5" y="122.5">southEast</text></g><path d="M 146 114 L 156 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 156 114 L 146 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px"><text x="111" y="82.5">center</text></g><path d="M 106.5 74 L 116.5 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 116.5 74 L 106.5 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><rect x="311" y="29" width="80" height="80" fill="none" stroke="#cccccc" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px"><text x="350.5" y="129.5">south</text></g><path d="M 346 114 L 356 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 356 114 L 346 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="end" font-size="12px"><text x="303.5" y="23.5">northWest</text></g><path d="M 306 34 L 316 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 316 34 L 306 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="end" font-size="12px"><text x="303.5" y="72.5">west</text></g><path d="M 306 74 L 316 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 316 74 L 306 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="end" font-size="12px"><text x="303.5" y="122.5">southWest</text></g><path d="M 306 114 L 316 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 316 114 L 306 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px"><text x="350.5" y="18.5">north</text></g><path d="M 346 34 L 356 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 356 34 L 346 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" font-size="12px"><text x="397.5" y="22.5">northEast</text></g><path d="M 386 34 L 396 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 396 34 L 386 24" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" font-size="12px"><text x="397.5" y="72.5">east</text></g><path d="M 386 74 L 396 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 396 74 L 386 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" font-size="12px"><text x="397.5" y="122.5">southEast</text></g><path d="M 386 114 L 396 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 396 114 L 386 104" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g fill="#000000" font-family="Helvetica" pointer-events="none" text-anchor="middle" font-size="12px"><text x="351" y="82.5">center</text></g><path d="M 346.5 74 L 356.5 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 356.5 74 L 346.5 64" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><ellipse cx="351" cy="69" rx="40" ry="40" fill="none" stroke="#000000" pointer-events="none"/></g></svg>
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Display the source blob
Display the rendered blob
Raw
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment