**An open-source, [[Public Domain]] diagramming software.** Draw.io is open source, available as a [[Progressive Web App]] and pretty cool. Like [[Excalidraw]], it can make graphics for free using just a browser - but DrawIO is more like Visio. There are free integrations for DrawIO in both [[Notion]] and [[Obsidian]]. ![[assets/Diagram.svg]] ☝️ added with `Command Palette: New Diagram`, can be updated with right-click -> `edit diagram`. > [!bug] DrawIO on _Mobile_ Obsidian > Unfortunately none of the Community DrawIO plugins support my iPad. So I'm no longer using them. Notion actually isn't _natively_ supported. Just embeds work well. When exporting as URL. Also I guess DrawIO offers a Chrome Extension for working with Notion. # Exporting/Importing ## As URL Looks like you can't embed a export-to-URL into [[Obsidian]]:  ## As Image w/ Content Being able to reconstitute this file in DrawIO is super nice. ![[ExportedDiagram.drawio.png]] ## Embed ### Image Like the localization of this - it's _just_ right here. <img src="data:image/png;base64,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" style="max-width:100%;" /> ### IFrame Ugly. <iframe frameborder="0" style="width:100%;height:83px;" src="https://viewer.diagrams.net/?highlight=0000ff&layers=1&nav=1&title=Untitled%20Diagram.drawio#R1ZVRj5swDMc%2FDY%2BTArS33utx7TZp0z1U07THiLgkdyFGwRS4T79AQgtDV22TNmm8gH%2B2wfk7DlGald0Hyyv5BQXoKGGii9LHKElidp%2B420B6T97fbzworBIesSs4qleYMgNtlIA6MI8IUZOqljBHYyCnBePWYrsMO6EWC1DxAhZlDOCYcw2rsG9KkPR0t51FfwRVyOnLMQuekk%2FBAdSSC2xnKN1HaWYRyT%2BVXQZ6EG%2Bpy%2BEN76UwC4Z%2BJUH3udzUL3rz%2Bn0bP9HzMddf36X%2BLWeum7DgUCz1kwIgnCDBNGjc7SFv7BmG18bOsNgYMVrMWWhJYoGG68%2BIVQh5BqI%2B9JY3hA5JKnXwntBQcMZOlYeauJ3AztlgxMw6Ka0z1GjH6lLBYXfKxyyLLzDzHA7MXc7jVzQs403lAqqxsTnckGvagdwWQDfikkt%2F3WAAlkC2d3kWNCd1XtbBww4tLnHXJrqH0Mff6Gm86umj5e2np1Vnl51rpSI4VnwUoHXT%2FFOX%2FlD3M1iC7rbya6WmhGTrU8LpEd8Fu73OYnwXBkzO5nDH%2FpK4yUrcfVe5Te9kTFjmdvKwsv9P6A37d0I783rqjb7ZvyPd%2FwA%3D"></iframe> **** ## Source - [DrawIO](https://drawio.com) ## Related - [[Excalidraw]]