Source to app.diagrams.net

About diagrams.net, previously draw.io, is an online diagramming web site that delivers the source in this project. diagrams.net uses the mxGraph library as the base of the stack, with the GraphEditor example from mxGraph as t

Information

Category: JavaScript / Data Visualization
Watchers: 584
Star: 36.9k
Fork: 7.1k
Last update: Dec 3, 2023

Resource links

https://github.com/jgraph/drawio

README
Issues 393

Popular

About

diagrams.net, previously draw.io, is an online diagramming web site that delivers the source in this project.

diagrams.net uses the mxGraph library as the base of the stack, with the GraphEditor example from mxGraph as the base of the application part. The mxGraph library build used is stored under /etc/mxgraph/mxClient.js.

License

diagrams.net is licensed under the Apache v2.

Development

A development guide is being started on the GitHub project wiki. There is a draw.io tag on Stack Overflow currently, please make sure any questions adhere to their guidelines for questions.

The mxGraph documentation provides a lot of the docs for the bottom part of the stack. There is an mxgraph tag on SO.

Running

One way to run diagrams.net is to fork this project, publish the master branch to GitHub pages and the pages sites will have the full editor functionality (sans the integrations).

Another way is to use the recommended Docker project or to download draw.io Desktop.

The full packaged .war of the client and servlets is built when the project is tagged and available on the releases page.

Supported Browsers

diagrams.net supports IE 11, Chrome 32+, Firefox 38+, Safari 9.1.x, 10.1.x and 11.0.x, Opera 20+, Native Android browser 5.1.x+, the default browser in the current and previous major iOS versions (e.g. 11.2.x and 10.3.x) and Edge 23+.

393 Open More issues

Closed

Add private gitlab storage

Hi, Thanks for the gitlab storage feature, Is there a way to use a private gitlab ? When I click on "Authorize" it goes to "gitlab.com" but I would like it to store on my gitlab company (https://gitlab.example.fr/) ? If not, can it be integrated ?

Thanks

feature request notstale

opened Jul 30, 2019 by agaget 61

Closed

GitHub Enterprise support

I would like to request Git Hub Enterprise integration I have implemented it for our environment (based off the Git Hub integration) but would be good to get this pushed upstream. Given that this needs an app integration on the private GHE server, and tomcat to run the authorization flow, I expect that this would be an option to build a site local draw.io with local GHE support - rather than something that would show on https://draw.io/

feature request

opened Dec 8, 2020 by mararad 53

Closed

Gitlab repo authorization fails on self-hosted instances

Recent releases of diagrams.net (not sure but at least in 14.9.7) self-hosted docker instance cannot authorize in GitLab 14.1.2 self-hosted instance as well). I thought this fails was due to some misconfiguration from my side... but..

https://github.com/jgraph/drawio/blob/609d031c9430ae737dc30fb11ac11709fb63a19d/src/main/webapp/js/diagramly/GitLabClient.js#L44

It is strange that .html has been missed ^^^ while it is explicitly emphasized in Guides (link1, jgraph/drawio#493 ), that gitlab.html is important!

Suggested fix:

---GitLabClient.prototype.redirectUri = window.location.protocol + '//' + window.location.host + '/gitlab'; 
+++GitLabClient.prototype.redirectUri = window.location.protocol + '//' + window.location.host + '/gitlab.html';

this workaround worked before GitLab authetication process upgraded since release 14.6.7 and [docker-drawio] corresponding upgrade](https://github.com/jgraph/docker-drawio/commit/d52488974a0f7740a17c66929ba4943ecc4ccb1a). Nowdays similar way doesn't work...

opened Aug 19, 2021 by tafkos 40

Closed

SVG exported images contain 'Viewer does not support full SVG 1.1'

Preflight Checklist

[x] I agree to follow the Code of Conduct that this project adheres to.
[x] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Describe the bug 'Viewer does not support full SVG 1.1' embedded in raw SVG source. For me this is rendered in projects such as overleaf:

or causes other issues which are known. The rest of the image has text which is rendered fine for me (well, there are the unwanted ellipses) - is there any way to automate removal of this error message?

draw.io version (In the Help->About menu of the draw.io editor):

12.7.2 on Windows, Chrome Version 78.0.3904.97 (Official Build) (32-bit)

Additional context

Raw SVG:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="653px" height="280px" viewBox="-0.5 -0.5 653 280" content="&lt;mxfile host=&quot;www.draw.io&quot; modified=&quot;2020-02-21T13:00:57.529Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.97 Safari/537.36&quot; etag=&quot;U0GCkWB8_BOROAy63qRQ&quot; version=&quot;12.7.2&quot; type=&quot;google&quot;&gt;&lt;diagram id=&quot;gHLz0bTmB7ngMACIc7-4&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="331" y="98" width="60" height="60" fill="#c2185b" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 346 98 L 346 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 361 98 L 361 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 376 98 L 376 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 331 113 L 391 113" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 331 128 L 391 128" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 331 143 L 391 143" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="341" y="108" width="60" height="60" fill="#03a9f4" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 356 108 L 356 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 371 108 L 371 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 386 108 L 386 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 341 123 L 401 123" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 341 138 L 401 138" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 341 153 L 401 153" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="351" y="118" width="60" height="60" fill="#fbc02d" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 366 118 L 366 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 381 118 L 381 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 396 118 L 396 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 351 133 L 411 133" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 351 148 L 411 148" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 351 163 L 411 163" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="361" y="128" width="60" height="60" fill="#8bc34a" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 376 128 L 376 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 391 128 L 391 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 406 128 L 406 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 361 143 L 421 143" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 361 158 L 421 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 361 173 L 421 173" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="391" y="228" width="220" height="50" rx="7.5" ry="7.5" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 218px; height: 1px; padding-top: 253px; margin-left: 392px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font color="#212121" face="Tahoma">data processed in blocks of threads</font></div></div></div></foreignObject><text x="501" y="257" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">data processed in blocks of threads</text></switch></g><rect x="173" y="180.5" width="128" height="50" rx="7.5" ry="7.5" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 126px; height: 1px; padding-top: 206px; margin-left: 174px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font face="Tahoma" color="#212121" style="font-size: 12px">continual non-blocking sum-reduction to CPU</font></div></div></div></foreignObject><text x="237" y="209" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">continual non-blockin...</text></switch></g><rect x="103" y="1" width="268" height="24" rx="3.6" ry="3.6" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 266px; height: 1px; padding-top: 13px; margin-left: 104px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font face="Tahoma" color="#212121" style="font-size: 10px">start / stop / data transfer to GPUs</font></div></div></div></foreignObject><text x="237" y="16" fill="#333333" font-family="Helvetica" font-size="10px" text-anchor="middle">start / stop / data transfer to GPUs</text></switch></g><rect x="441" y="217.5" width="10" height="10" fill="#8bc34a" stroke="none" pointer-events="all"/><rect x="463" y="218" width="10" height="10" fill="#8bc34a" stroke="none" pointer-events="all"/><rect x="431" y="207.5" width="10" height="10" fill="#8bc34a" stroke="none" pointer-events="all"/><rect x="451" y="208" width="10" height="10" fill="#8bc34a" stroke="none" pointer-events="all"/><rect x="401" y="217.5" width="10" height="10" fill="#8bc34a" stroke="none" pointer-events="all"/><rect x="421" y="217.5" width="10" height="10" fill="#8bc34a" stroke="none" pointer-events="all"/><rect x="441" y="217.5" width="10" height="10" fill="#8bc34a" stroke="none" pointer-events="all"/><path d="M 451 168 L 481.03 168 L 481.03 218 L 411.03 218 L 411 198" fill="none" stroke="#616161" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 471 193 L 471.03 178 L 471.03 207.03 L 421.03 207.03 L 421 198" fill="none" stroke="#616161" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 461 168 L 491.03 168 L 491.03 228 L 401.03 228 L 401 198" fill="none" stroke="#616161" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><rect x="550.5" y="218" width="10" height="10" fill="#bdbdbd" stroke="none" pointer-events="all"/><rect x="581" y="98" width="60" height="60" fill="#bdbdbd" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 596 98 L 596 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 611 98 L 611 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 626 98 L 626 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 581 113 L 641 113" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 581 128 L 641 128" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 581 143 L 641 143" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1 163 L 21 162.9" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1 173 L 21 172.9" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1 143.1 L 21 143" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1 153.1 L 21 153" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1 123 L 21 122.9" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1 133 L 21 132.9" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 1 113.1 L 21 113" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="428" y="88" width="80" height="80" rx="12" ry="12" fill="#c2185b" stroke="#616161" stroke-width="5" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 128px; margin-left: 429px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font face="Tahoma" color="#212121" style="font-size: 22px">GPU</font></div></div></div></foreignObject><text x="468" y="132" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">GPU</text></switch></g><rect x="438" y="98" width="80" height="80" rx="12" ry="12" fill="#03a9f4" stroke="#616161" stroke-width="5" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 138px; margin-left: 439px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font face="Tahoma" color="#212121" style="font-size: 22px">GPU</font></div></div></div></foreignObject><text x="478" y="142" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">GPU</text></switch></g><rect x="448" y="108" width="80" height="80" rx="12" ry="12" fill="#fbc02d" stroke="#616161" stroke-width="5" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 148px; margin-left: 449px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font face="Tahoma" color="#212121" style="font-size: 22px">GPU</font></div></div></div></foreignObject><text x="488" y="152" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">GPU</text></switch></g><rect x="571" y="108" width="60" height="60" fill="#bdbdbd" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 586 108 L 586 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 601 108 L 601 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 616 108 L 616 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 571 123 L 631 123" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 571 138 L 631 138" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 571 153 L 631 153" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="561" y="118" width="60" height="60" fill="#bdbdbd" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 576 118 L 576 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 591 118 L 591 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 606 118 L 606 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 561 133 L 621 133" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 561 148 L 621 148" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 561 163 L 621 163" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="551" y="128" width="60" height="60" fill="#bdbdbd" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 566 128 L 566 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 581 128 L 581 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 596 128 L 596 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 551 143 L 611 143" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 551 158 L 611 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 551 173 L 611 173" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="521" y="208" width="10" height="10" fill="#bdbdbd" stroke="none" pointer-events="all"/><rect x="541" y="208" width="10" height="10" fill="#bdbdbd" stroke="none" pointer-events="all"/><rect x="560.5" y="208" width="10" height="10" fill="#bdbdbd" stroke="none" pointer-events="all"/><path d="M 551 198 L 551.03 208 L 531.03 208 L 531.03 178 L 500.5 178" fill="none" stroke="#616161" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><rect x="571" y="178" width="10" height="10" fill="#ffffff" stroke="#ffffff" stroke-width="3" pointer-events="all"/><rect x="549.5" y="176.5" width="13" height="13" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="549.5" y="168" width="13" height="13" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="558" y="176.5" width="13" height="13" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="551" y="169.5" width="10" height="10" fill="#bdbdbd" stroke="none" pointer-events="all"/><rect x="571" y="178" width="10" height="10" fill="#bdbdbd" stroke="none" pointer-events="all"/><rect x="559.5" y="181" width="10" height="10" fill="#bdbdbd" stroke="none" pointer-events="all"/><rect x="511" y="218" width="10" height="10" fill="#bdbdbd" stroke="none" pointer-events="all"/><rect x="531" y="218" width="10" height="10" fill="#bdbdbd" stroke="none" pointer-events="all"/><rect x="551" y="218" width="10" height="10" fill="#bdbdbd" stroke="none" pointer-events="all"/><path d="M 561 198 L 561.03 218 L 521.03 218 L 521.03 178 L 491 178" fill="none" stroke="#616161" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 571 198 L 571.03 228 L 511.03 228 L 511.03 188 L 481.25 188" fill="none" stroke="#616161" stroke-width="2" stroke-miterlimit="10" pointer-events="stroke"/><rect x="458" y="118" width="80" height="80" rx="12" ry="12" fill="#8bc34a" stroke="#616161" stroke-width="5" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 158px; margin-left: 459px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font face="Tahoma" color="#212121" style="font-size: 22px">GPU</font></div></div></div></foreignObject><text x="498" y="162" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">GPU</text></switch></g><rect x="411" y="169.5" width="10" height="10" fill="#ffffff" stroke="#ffffff" stroke-width="3" pointer-events="all"/><rect x="401" y="176.5" width="13" height="13" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="409.5" y="176.5" width="13" height="13" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="411" y="169.5" width="10" height="10" fill="#8bc34a" stroke="none" pointer-events="all"/><rect x="404" y="181" width="10" height="10" fill="#8bc34a" stroke="none" pointer-events="all"/><path d="M 31 203 L 31 183" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 41 203 L 41 183" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 51 203 L 51 183" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 61 203 L 61 183" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 70.91 203 L 70.91 183" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 80.91 203 L 80.91 183" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 90.91 203 L 90.91 183" fill="none" stroke="#bdbdbd" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="21" y="103" width="80" height="80" rx="12" ry="12" fill="#f5f5f5" stroke="#bdbdbd" stroke-width="3" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 143px; margin-left: 22px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font face="Tahoma" color="#212121" style="font-size: 22px">CPU</font></div></div></div></foreignObject><text x="61" y="147" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">CPU</text></switch></g><path d="M 461 238 L 444.35 238" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 439.35 238 L 444.35 235.5 L 444.35 240.5 Z" fill="#616161" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 556 238 L 539.35 238" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 534.35 238 L 539.35 235.5 L 539.35 240.5 Z" fill="#616161" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><path d="M 141 24 L 324.65 24" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 329.65 24 L 324.65 26.5 L 324.65 21.5 Z" fill="#616161" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><rect x="511" y="58" width="140" height="30" rx="4.5" ry="4.5" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 73px; margin-left: 512px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font color="#212121" face="Tahoma">previous particle positions as grids of blocks </font></div></div></div></foreignObject><text x="581" y="77" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">previous particle posit...</text></switch></g><rect x="291" y="64" width="140" height="30" rx="4.5" ry="4.5" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 79px; margin-left: 292px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #333333; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font color="#212121" face="Tahoma">next particle positions</font></div></div></div></foreignObject><text x="361" y="83" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">next particle positions</text></switch></g><rect x="131" y="98" width="155.72" height="60" fill="none" stroke="#616161" stroke-width="3" pointer-events="all"/><rect x="131" y="98" width="163.14" height="60" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="146" y="98" width="60" height="60" fill="#c2185b" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 161 98 L 161 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 176 98 L 176 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 191 98 L 191 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 146 113 L 206 113" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 146 128 L 206 128" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 146 143 L 206 143" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="211" y="98" width="60" height="60" fill="#c2185b" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 226 98 L 226 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 241 98 L 241 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 256 98 L 256 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 211 113 L 271 113" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 211 128 L 271 128" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 211 143 L 271 143" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 145 127.86 L 119.35 127.97" fill="none" stroke="#c2185b" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 114.35 127.99 L 119.34 125.47 L 119.36 130.47 Z" fill="#c2185b" stroke="#c2185b" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><rect x="140.54" y="108" width="155.37" height="60" fill="none" stroke="#616161" stroke-width="3" pointer-events="all"/><rect x="140.54" y="108" width="162.76" height="60" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="156" y="108" width="60" height="60" fill="#03a9f4" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 171 108 L 171 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 186 108 L 186 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 201 108 L 201 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 156 123 L 216 123" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 156 138 L 216 138" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 156 153 L 216 153" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="221" y="108" width="60" height="60" fill="#03a9f4" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 236 108 L 236 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 251 108 L 251 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 266 108 L 266 168" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 221 123 L 281 123" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 221 138 L 281 138" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 221 153 L 281 153" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 155 138 L 119.35 138" fill="none" stroke="#03a9f4" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 114.35 138 L 119.35 135.5 L 119.35 140.5 Z" fill="#03a9f4" stroke="#03a9f4" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><rect x="151" y="118" width="155.72" height="60" fill="none" stroke="#616161" stroke-width="3" pointer-events="all"/><rect x="151" y="118" width="163.14" height="60" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="166" y="118" width="60" height="60" fill="#fbc02d" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 181 118 L 181 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 196 118 L 196 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 211 118 L 211 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 166 133 L 226 133" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 166 148 L 226 148" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 166 163 L 226 163" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><rect x="231" y="118" width="60" height="60" fill="#fbc02d" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 246 118 L 246 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 261 118 L 261 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 276 118 L 276 178" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 231 133 L 291 133" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 231 148 L 291 148" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 231 163 L 291 163" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 165 148 L 119.35 148" fill="none" stroke="#fbc02d" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 114.35 148 L 119.35 145.5 L 119.35 150.5 Z" fill="#fbc02d" stroke="#fbc02d" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><rect x="161" y="128" width="156.56" height="60" fill="none" stroke="#616161" stroke-width="3" pointer-events="all"/><rect x="161" y="128" width="165" height="60" fill="#ffffff" stroke="none" pointer-events="all"/><rect x="241" y="128" width="60" height="60" fill="#8bc34a" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 256 128 L 256 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 271 128 L 271 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 286 128 L 286 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 241 143 L 301 143" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 241 158 L 301 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 241 173 L 301 173" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 176 158 L 119.35 158" fill="none" stroke="#8bc34a" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 114.35 158 L 119.35 155.5 L 119.35 160.5 Z" fill="#8bc34a" stroke="#8bc34a" stroke-width="3" stroke-miterlimit="10" pointer-events="all"/><rect x="176" y="128" width="60" height="60" fill="#8bc34a" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 191 128 L 191 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 206 128 L 206 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 221 128 L 221 188" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 176 143 L 236 143" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 176 158 L 236 158" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 176 173 L 236 173" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 498 115 L 498 33.03 L 61.03 33.03 L 61 100" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="498" cy="118" rx="3" ry="3" fill="#616161" stroke="#616161" stroke-width="3" pointer-events="all"/><ellipse cx="61" cy="103" rx="3" ry="3" fill="#616161" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 498 115 L 498 33.03 L 61.03 33.03 L 61 100" fill="none" stroke="#bdbdbd" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="498" cy="118" rx="3" ry="3" fill="#616161" stroke="#bdbdbd" pointer-events="all"/><ellipse cx="61" cy="103" rx="3" ry="3" fill="#616161" stroke="#bdbdbd" pointer-events="all"/><path d="M 488 105 L 488 43.03 L 61.03 43.03 L 61 100" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="488" cy="108" rx="3" ry="3" fill="#616161" stroke="#616161" stroke-width="3" pointer-events="all"/><ellipse cx="61" cy="103" rx="3" ry="3" fill="#616161" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 488 105 L 488 43.03 L 61.03 43.03 L 61 100" fill="none" stroke="#bdbdbd" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="488" cy="108" rx="3" ry="3" fill="#616161" stroke="#bdbdbd" pointer-events="all"/><ellipse cx="61" cy="103" rx="3" ry="3" fill="#616161" stroke="#bdbdbd" pointer-events="all"/><path d="M 478 95 L 478 53.03 L 61.03 53.03 L 61 100" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="478" cy="98" rx="3" ry="3" fill="#616161" stroke="#616161" stroke-width="3" pointer-events="all"/><ellipse cx="61" cy="103" rx="3" ry="3" fill="#616161" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 478 95 L 478 53.03 L 61.03 53.03 L 61 100" fill="none" stroke="#bdbdbd" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="478" cy="98" rx="3" ry="3" fill="#616161" stroke="#bdbdbd" pointer-events="all"/><ellipse cx="61" cy="103" rx="3" ry="3" fill="#616161" stroke="#bdbdbd" pointer-events="all"/><path d="M 468 85 L 468 63.03 L 61.03 63.03 L 61 100" fill="none" stroke="#616161" stroke-width="3" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="468" cy="88" rx="3" ry="3" fill="#616161" stroke="#616161" stroke-width="3" pointer-events="all"/><ellipse cx="61" cy="103" rx="3" ry="3" fill="#616161" stroke="#616161" stroke-width="3" pointer-events="all"/><path d="M 468 85 L 468 63.03 L 61.03 63.03 L 61 100" fill="none" stroke="#bdbdbd" stroke-miterlimit="10" pointer-events="stroke"/><ellipse cx="468" cy="88" rx="3" ry="3" fill="#616161" stroke="#bdbdbd" pointer-events="all"/><ellipse cx="61" cy="103" rx="3" ry="3" fill="#616161" stroke="#bdbdbd" pointer-events="all"/></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>

opened Feb 21, 2020 by samuelhward 35

Closed

Teams chat integration

feature request

opened Feb 13, 2020 by davidjgraph 35

Closed

Support Export to Mermaid Markdown Diagrams

Would love to be able to graphically draw and then export to mermaid. https://mermaidjs.github.io/

Version 3 of the functionality would restrict my drawing abilities so that during drawing I can always be assured the result would export to mermaid.

feature request help wanted

opened Jun 29, 2018 by DarwinJS 35

Open

Error messages are not localized when trying to save a read-only local file

Preflight Checklist

[x] I agree to follow the Code of Conduct that this project adheres to.
[x] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

You must agree to search and the code of conduct. You must fill in this entire template. If you delete part/all or miss parts out your issue will be closed.

If you are technical, you should reporting bugs along the lines of https://marker.io/blog/how-to-write-bug-report. If you are not technical, we will make allowances, please try to make an effort to understand the process.

Describe the bug Error messages are not localized when trying to save a read-only local file

To Reproduce Steps to reproduce the behavior:

Go to draw.io
Open a read-only local file
Try to save it (either manually or automatically)
See error

Expected behavior Error messages cleary explain that there was an error saving file

Screenshots

draw.io version (In the Help->About menu of the draw.io editor):

draw.io version 22.1.4

Desktop (please complete the following information):

OS: Windows 10
Browser Chrome
Browser Version 119

Smartphone (please complete the following information):

Device: [e.g. iPhone6]
OS: [e.g. iOS8.1]
Browser [e.g. stock browser, safari]
Version [e.g. 22]

I tested the problem in incognito/private mode with all browser extensions switched off, write "yes" below:

Additional context Add any other context about the problem here.

opened Nov 29, 2023 by FarSeeing 0

Open

Ctrl + S behaves like "Save and Exit" in embed mode

Preflight Checklist

[x] I agree to follow the Code of Conduct that this project adheres to.
[x] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

You must agree to search and the code of conduct. You must fill in this entire template. If you delete part/all or miss parts out your issue will be closed.

Describe the bug As per the description of JSON protocol in embed mode (https://www.drawio.com/doc/faq/embed-mode), exit value would be present for "Save and Exit" in post message. Save behaves correctly and doesn't have exit in the post message. But Ctrl + S behaves like "Save and Exit" includes exit: true in the post message.

To Reproduce Steps to reproduce the behavior:

Open draw.io in embed mode.
Press Ctrl + S.
The post message has exit: true

Expected behavior Ctrl + S shouldn't send exit as true in post message or provide a way to differentiate between save operations and exit operation.

Screenshots

draw.io version (In the Help->About menu of the draw.io editor):

draw.io version 22.0.3

Desktop (please complete the following information):

OS: Mac OS
Browser: chrome
Browser Version: 119

Smartphone (please complete the following information):

Device: NA
OS: NA
Browser NA
Version NA

I tested the problem in incognito/private mode with all browser extensions switched off, write "yes" below:

Additional context I am embedding the draw.io app in our application to let users draw, but when users use the keyboard shortcut, due to exit:true being present in the post message, I am closing the iframe. But in confluence, Ctrl+S doesn't close draw.io, would like to have same behaviour. It might inconvenience the user if I close it on Ctrl + S.

opened Nov 28, 2023 by gowthamrajj 0

Open

As gradually decreasing the font size of a latex formula, the subscript and superscript size does not change.

Preflight Checklist

[x] I agree to follow the Code of Conduct that this project adheres to.
[x] I have searched the issue tracker for a feature request that matches the one I want to file, without success. Screenshots

draw.io version 22.1.2

Desktop (please complete the following information):

OS: [macOS]
Browser [Desktop]
Version [22.1.2]

opened Nov 28, 2023 by douseful 1

Open

ER diagrams overlap arrow

[ ] I agree to follow the Code of Conduct that this project adheres to.
[ ] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like A clear and concise description of what you want to happen.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Add any other context or screenshots about the feature request here.

cant send relationship arrow or enitiry to back, it overlaps, how do we overcome such issues.

opened Nov 27, 2023 by sneevand 1

Open

Missing strings for translation

Preflight Checklist

[x] I agree to follow the Code of Conduct that this project adheres to.
[x] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

You must agree to search and the code of conduct. You must fill in this entire template. If you delete part/all or miss parts out your issue will be closed.

Describe the bug Certain strings are missing in the translation table, leading to some interface elements not being translated. The issue includes screenshots for reference.

To Reproduce Steps to reproduce the behavior:

Go to draw.io
Switch between Russian and English
See missing strings

Expected behavior All interface elements should be appropriately translated.

Screenshots To easily find these UI parts I duplicated sceenshots in English

draw.io version (In the Help->About menu of the draw.io editor):

draw.io version 22.1.4

Additional context Probably you know another parts of UI with missing strings -- so, don't be shy and add more screenshots below.

opened Nov 25, 2023 by hide-me 4

Open

how select multi components in a web project on iPad at once ?

[ ] I agree to follow the Code of Conduct that this project adheres to.
[ ] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like A clear and concise description of what you want to happen.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Add any other context or screenshots about the feature request here.

Issue template not filled low quality

opened Nov 24, 2023 by gxflying 1

Generate Flowcharts, Network Sequence Diagrams, GraphViz Dot Diagrams, and Railroad Diagrams

vue-diagrams - Diagram component for vue.js, inspired by react-diagrams

Source to app.diagrams.net

Free UML Tool for Fast UML Diagrams

Create diagrams from the Kubernetes API with go-diagrams.

CLI app to convert ASCII arts into hand drawn diagrams.

.NET 6 reference application shown at .NET Conf 2021 featuring ASP.NET Core, Blazor, .NET MAUI, Microservices, and more!

Ribbon diagrams of proteins in #golang.

🐙 Octopus - Internal wiki with diagrams for software and product teams

Interactive diagrams of Rx Observables

🧜‍♀️ RESTful rendering pipeline for generating sequence and UML diagrams using Mermaid for Markdown docs (Diagrams as a Service)

A standalone JavaScript library for rendering code dependency diagrams on your web page.

Diagrams showing relationships between Vulkan objects and how they're used.

A simple but effective mini-profiler for ASP.NET (and Core) websites

Pytorch implementation of U-Net, R2U-Net, Attention U-Net, and Attention R2U-Net.

BOF.NET - A .NET Runtime for Cobalt Strike's Beacon Object Files

xUnit.net is a free, open source, community-focused unit testing tool for the .NET Framework.

This repo is the official home of .NET on GitHub. It's a great starting point to find many .NET OSS projects from Microsoft and the community, including many that are part of the .NET Foundation.

App Metrics is an open-source and cross-platform .NET library used to record and report metrics within an application.

Expansible Unit Conversion Library for .Net Core and .Net Framework

Docker images for .NET Core and the .NET Core Tools.

Share this repo

Related Repos

Data Visualization

Interactive 3D plotting with a simple function call using Three.js

About Generate interactive 3d plots with a simple function call. Function returns a Three.js scene which can be customized as needed. Basic function c

Data Visualization

A simple mardown notes network visualizer

Notes graph A simple visualization tool for your linked markdown notes example.mp4 Dependencies NodeJS Usage Clone this repo and open a terminal npm i

Data Visualization

A Django | React application that forecast time series data using ARIMA and RNN models.

Time-series-forecasting-ARIMA-RNN Our paper | Time Series Forecasting Table of Contents A Django | React application that forecast time series data us

Data Visualization

A solar system demo made with React three fiber

Solar System with React three fiber 🌍 🪐 I made this project to learn React three fiber 😃 To run the project, Install dependencies: npm install Run

Data Visualization

Tired of 200kb charting browser libs? ...I feel ya. Come to the server-side!

Data Visualization

Template for the brush style rendering with three.js

Oil on Three.js Template This is a working examble of a realtime 3d scene that is supposed to look like a rough oil painting that is constantly changi

Data Visualization

3.5k

dagre - Graph layout for JavaScript

Important! This project does not have a maintainer or active project members. There won’t be any support or attention to pull requests. Please do not

Data Visualization

2.5k

Graphs and Charts for Canvas in JavaScript.

Flotr2 The Canvas graphing library. http://groups.google.com/group/flotr2/ Please fork http://jsfiddle.net/cesutherland/ZFBj5/ with your question or b

Data Visualization

2.3k

A tiny javascript library for generating progress pie charts in your favicon.

Piecon Pie charts in your favicon! A tiny javascript library for dynamically generating progress pie charts in your favicons. Now with retina support!

Data Visualization

3.4k

⛳️ Apache ECharts components for React wrapper

echarts-for-react The simplest, and the best React wrapper for Apache ECharts. Install $ npm install --save echarts-for-react

Data Visualization

2.5k

WWW SQL Designer, your online SQL diagramming tool

WWW SQL Designer allows users to create database designs, which can be saved/loaded and exported to SQL scripts. Various databases and languages are s

Data Visualization

A JavaScript + CSS library for web development to create simple diagrams.

A JS+CSS diagram library for web development This library was written in plain JavaScript and CSS as a hobby project. Feel free to modify the code and

Data Visualization

1.5k

LayaAir is an open-source 2D/3D engine.

LayaAir is an open-source 2D/3D engine. LayaAir Engine is designed for high performance games.LayaAir support TypeScript and JavaScript、ActionScript 3.0 programming language.Can develop once, publish for multi platform.

Data Visualization

PoC to create a signed oci helm chart

PoC To Create A Keyless Signed OCI Helm Chart Requirements CR_PAT for the GitHub container registry See this guide for more information on how to crea

Data Visualization

Helm chart for VictoriaMetrics benchmarking

VictoriaMetrics benchmark VictoriaMetrics benchmark helm chart is used for deploying a simple benchmark setup to k8s cluster. In VictoriaMetrics we us