<p></p>
<blockquote>
<ol dir="auto">
<li>I'm using <a href="https://js.cytoscape.org" rel="nofollow">Cytoscape.js</a> for the <a href="https://github.com/azimuttapp/azimutt/blob/main/frontend/ts-src/index.ts#L500">auto-layouts</a>, I don't know why some nodes still overlap sometimes, still investigating. But I'm not sure I can do much better and used algorithm are way more advanced than anything I can do myself ^^ On the bottom right, you can choose several kind of arrangements (cube icon), have you tried the Breadth one?</li>
</ol>
</blockquote>
<p dir="auto">Yes, "breadth-based approach" looks better but it seems it doesn't implement another pass for eliminating overlapping. Perhaps adding new pass which will do "something like sphere packaging" could eliminate overlapping? I used 15y ago variation of something <a href="https://graphics.stanford.edu/papers/munzner_thesis/all.print.pdf" rel="nofollow">similar</a> (but much harder to understand / implement) which worked perfectly on much harder data. Perhaps this can give you some ideas.</p>
<blockquote>
<ol start="2" dir="auto">
<li>the scroll interaction (vertical/horizontal) is mapped to moving in the view, for zooming you can use the ctrl+scroll one. There is many different expectations between PC/Mac users and also given the app people are used to, it's hard to the the perfect intuitive experience for everyone. Any specific shortcut you would like to have?</li>
</ol>
</blockquote>
<p dir="auto">Yes, sorry, Ctrl+Scroll & pinching on touchscreen work great, but pinching on laptop's mousepad is very slow. Also, it would be great if you could merge <code class="notranslate">Drag tool</code> and <code class="notranslate">Select tool</code> by doing selecting when user clicks on one of tables and panning when user clicks on edge or background (multi-select can be done by e.g. Ctrl + select ROI).</p>

<p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">—<br />Reply to this email directly, <a href="https://github.com/openstreetmap/openstreetmap-website/pull/5308#issuecomment-2486249384">view it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AAK2OLISZP3UCXGE567YNP32BNUMDAVCNFSM6AAAAABRK6ZIJOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDIOBWGI2DSMZYGQ">unsubscribe</a>.<br />You are receiving this because you are subscribed to this thread.<img src="https://github.com/notifications/beacon/AAK2OLN4HXHMSP67FNY5UDL2BNUMDA5CNFSM6AAAAABRK6ZIJOWGG33NNVSW45C7OR4XAZNMJFZXG5LFINXW23LFNZ2KUY3PNVWWK3TUL5UWJTUUGET2Q.gif" height="1" width="1" alt="" /><span style="color: transparent; font-size: 0; display: none; visibility: hidden; overflow: hidden; opacity: 0; width: 0; height: 0; max-width: 0; max-height: 0; mso-hide: all">Message ID: <span><openstreetmap/openstreetmap-website/pull/5308/c2486249384</span><span>@</span><span>github</span><span>.</span><span>com></span></span></p>
<script type="application/ld+json">[
{
"@context": "http://schema.org",
"@type": "EmailMessage",
"potentialAction": {
"@type": "ViewAction",
"target": "https://github.com/openstreetmap/openstreetmap-website/pull/5308#issuecomment-2486249384",
"url": "https://github.com/openstreetmap/openstreetmap-website/pull/5308#issuecomment-2486249384",
"name": "View Pull Request"
},
"description": "View this Pull Request on GitHub",
"publisher": {
"@type": "Organization",
"name": "GitHub",
"url": "https://github.com"
}
}
]</script>