You can add maths equations to your diagrams by enabling mathematical typesetting via the draw.io menu. When you enter an equation into a text shape or label, enabling mathematical typesetting will use MathJax to render your equation. MathJax renders equations neatly and works in all browsers.

LaTeX and AsciiMath​

Input equations using LaTeX or AsciiMath.

• LaTeX inline: \(\sqrt{3×-1}+(1+x)^2\)
• AsciiMath inline: `a^b + b^2 = c^2`
• LaTeX in a block: $$\sqrt{3×-1}+(1+x)^2$$

You can also mix LaTeX and AsciiMath inline in the one text field: LaTeX \(\sqrt{3×-1}+(1+x)^2\\) and AsciiMath `a^b + b^2 = c^2`

Enable mathematical typesetting​

Select Extras > Mathematical Typesetting in the draw.io menu to render your equations in MathJax.You can disable it at any time and see the equation's LaTeX or AsciiMath source through the same menu item.

Maths equations in tables​

Just like you can add shapes to table cells, you can also add maths equations to table cells and cross-functional tables.

Open these examples in our diagram viewer

Related​

See the maths typesetting documentation for changing the maths font, troubleshooting printing or display problems, and more examples.

You can now create a new diagram even faster by going to diagram.new or diagrams.new instead of having to remember the full app.diagrams.net address for the online version of draw.io.

.new is the first and only domain that is devoted to helping you get things done fast. Each and every address that ends with .new is an action that lets you create or share content online.

The .new domain helps you create content quickly​

Google has set up the .new domain exclusively to help you create and work with content quickly and easily. Several different types of content and actions are available already:

For example:

• repo.new: creates a new repository at GitHub.
• sheet.new: creates a new Google spreadsheet.
• story.new: creates a new story page on Medium.
• link.new: creates a new short link on Bitly.
• podcast.new: creates a new podcast using Anchor and Spotify.
• diagram.new and diagrams.new: creates a new diagram using draw.io.

Instead of remembering the full URL of the websites and services, just enter the type of content you want to create or action you want to do and add .new to the end.

Only trusted apps​

As there is a rigorous application process with a well-defined registration and security policy, Google only grants trusted and reliable applications or shortcuts a .new address.

Try it out​

Go to diagram.new and create a new diagram.

If you have any questions, please post them to https://groups.google.com/forum/#!forum/drawio. If it's technical, you can open an issue at GitHub.

The reference implementation of the draw.io project will be hosted at app.diagrams.net. Everything else remains the same - the online editor has all the functionality of the draw.io core editor.

.io domains​

There are two major problems with .io domains:

• The first is that the islands which should own the domain suffix, don't, thanks to a wonderful piece of modern day British Imperialism. If you ever feel the need to donate to us, please give it to a more worthy cause.

• Secondly, there was a security issue with the .io domain. In 2017, a researcher managed to take control of four of the seven authoritative name servers for the .io domain. We accept that mistakes can happen, strong processes limit the chances of them happening, but they still can.

However, the domain administrator made no attempt, at any time, to communicate with anyone about the issue. We've no evidence to suggest there is anything to be worried about, but the complete lack of communications means we have lost trust in whoever controls .io domains.

draw.io in Atlassian​

draw.io will remain as-is within Atlassian. Our partnership in that ecosystem with Seibert Group GmbH will continue in the same way for a long time to come.

Our draw.io documentation and official blog will move away from the .io domain to drawio.com.

What's next?​

Our web site at www.drawio.com is focused on the core open source project and the reference implementation at app.diagrams.net.

We are testing https://app.diagrams.net to check everything that works on the old draw.io domain works there. Don't switch away from www.draw.io just yet.

When we're happy with the new app sub-domain we'll mark it as the canonical domain and file open requests from Google Drive will be sent there.

What do I need to do?​

Hopefully, nothing. If you use draw.io within your group or company, maybe send a message to let your colleagues know the name is changing. There is time to feedback any concerns you may have.

If you have questions, please post them to https://groups.google.com/forum/#!forum/drawio. If it's technical you can open an issue at GitHub.

FOSDEM is a free two-day event held each year, organised by volunteers, to promote the use and development of free and open source software. Open source software developers and users can meet, share ideas, and collaborate.

FOSDEM’20 will be held at the Université Libre de Bruxelles Solbosch Campus in Brussels, Belgium on 1-2 February 2020.

There is no registration and the event is free to attend!

We are a sponsor of FOSDEM’20​

As an open source technology stack and one of the world’s most widely used browser-based diagramming applications, we are proud to be sponsoring FOSDEM’20 and supporting open source developers around the world.

Open source has a huge number of advantages for customers. With draw.io you get the following benefits.

• Increased trust – anyone can scrutinise the source code.
• Extendable – open source encourages third-parties to develop integrations with various platforms.
• No lock-in SaaS – you’ll always have access to the desktop app even if the website goes away.

Our goal is to provide free, high quality diagramming software for everyone and disrupt the world of diagramming tools.

FOSDEM: hundreds of open source speakers and events​

With thousands of attendees from all over the world taking place, it’s one of the largest events for open source projects. The 400+ speakers and 500+ events are organised by a hard-working team of volunteers.

In this 20th instalment of the conference, it’s free to participate in more than 50 developer rooms where talks, hacking sessions and open discussions are held on a huge variety of topics, all related to open source development and projects.

In addition to the developer rooms, there are keynotes, main track talks, as well as stands you visit to chat in person with open source project developers. Certification organisations also run several exams during the conference that visitors can take.

Keep an eye on the FOSDEM website or follow @fosdem on Twitter as the schedule of speakers and events are confirmed.

DESKTOP VERSIONS PRE 10.7.5 ARE STRONGLY RECOMMEND TO DOWNLOAD AND INSTALL A NEW DESKTOP BUILD {: .alert .alert-danger}

Desktop versions prior to 10.7.5 have a critical security flaw, so we’re disabling them all, sorry. To resolve, just go to the draw.io desktop project on GitHub, https://github.com/jgraph/drawio-desktop/releases, and download the latest version for your platform. Once that’s installed, you’re good to go again.

Versions of draw.io Desktop from 10.7.5 onwards run completely isolated from the internet, so the security hole can’t reappear.

We regularly publish new example diagrams you can use as templates in the jgraph/drawio-diagrams repository on GitHub so they are easy to access. In this repository you'll find diagram examples that are used in:

• blog posts and FAQ answers
• the example gallery on our website
• training courses
• feature and plugin demonstrations
• draw.io template library

Open a diagram as a template​

If you find an example diagram that you want to use as a template in your diagram, click Arrange > Insert > Template.

In the template library dialog, click on From Template URL, and enter the URL of the diagram you want to use.

For example: https://raw.githubusercontent.com/jgraph/drawio-diagrams/dev/examples/maths-examples.drawio

Note: This must be the file data, not the page on which the file is attached.

Click Create, and draw.io will open the template diagram in a new browser tab. Name your diagram, and now you can edit it as you need.

See the drawio-diagrams repository on GitHub for more ways to use these examples as templates for your diagrams.

Related​

• Learn more about using template diagrams in draw.io.
• See how to set a diagram as a background in a multi-page diagram.

When you print a Google Doc, you want images and diagrams to be as clear as possible. Diagrams that have been embedded with the Google Docs add-on can now be printed at a high resolution.

Install the Google Docs add-on​

1. Go to the G Suite Marketplace and click Install.
2. Click Continue and log into your Google Account.
3. The Google Docs add-on needs your permission to work with your Google Docs and connect to the draw.io server so you can create diagrams inside your documents. Click Allow to grant these permissions.

Alternatively, you can search for the add-on from within Google Docs.

1. Click Add-ons > Get Add-ons.
2. Search for draw.io diagrams, and click on draw.io Diagrams for Docs.
3. Click Install and follow the steps from (2) above to grant access to the add-on.

Automatic image quality of diagrams in Google Docs​

When you add a diagram to a Google Doc, it will choose an image resolution automatically based on the diagram's size.

• Smaller diagrams will automatically be scaled to retina-quality high resolution images.
• Larger diagrams won't, in order to save on bandwidth.

First, you need to add a diagram to a document.

Add a diagram to a Google Doc​

1. Click Add-ons > draw.io Diagrams for Docs and then select Insert Diagrams. If you don't have any existing diagrams, you can create a New diagram.
   
2. If you are inserting a diagram, navigate to your .drawio diagram file, select it, then click Select.
   
3. Select the page you want to display, if your diagram has multiple pages, and click Insert.
   

Change the diagram's image resolution in Google Docs​

If you are unhappy with the automatic resolution that your diagram is displayed or printed at, you can change the scale by editing the diagram link embedded in the document.

1. Edit the diagram link by clicking on the pencil icon.
   
2. Find the modifier scale=auto and change the value to whatever you want.scale=2 is equivalent to retina-quality high resolution images. Then click Apply.