ICT-Hotlist Topic

Back to the ICT-Hotlist...

Don't miss latest updates Follow

@WebHalla

diagram.ly / draw.io

By Johan van Soest.

Published : 2014-01-30.

Last updated : 2017-05-02.

Start the online vector draw suite here diagram.ly or draw.io

Search or find a shape / image in draw.io and diagram.ly

Find a shape with Draw.io/Diagram.ly
Search or find more shapes / images in draw.io and diagram.ly

Find more results

Need to quickly make a high quality network drawing and do not have your Visio with you? This free online ribbon based drawing software is a fast vector oriented drawing package. It has lots of panels with great and beautiful shapes for flowcharts, workflow, BPM, org charts, network diagrams, UML and electronic circuits. It even has Z-ordering (move shape in front or back), several line and fill styles. It can save your drawing as a XML file on your device for continued editing or finalize your image as PNG, JPG and SVG for use in documents or websites. Firefox 3, Internet Explorer 7, Safari 5 and Chrome 12 and later versions are amongst the browsers that can be used.

How to search for shapes / images?

The feature to search for shapes is a bit hidden. Just look through the shapes bar for the collection "Images". When you expand this, a search box appears. Fill in a search term and click the "Search" button. When shapes are found, you can click the "More Results" button.

Instruction video

This 8 minute video by David Benson shows you the functionality of this application:

New version.

A new version of this online drawing tool is now available. This version has a context aware format panel on the right side of the browser window. See the examples below.

Draw.io Diagram Properties context menu

Draw.io Shape Style properties context menu

Draw.io Shape Text properties context menu

Draw.io Shape Arrange properties context menu

This context aware format panel can be turned off by clicking the menu item "Format panel" Draw.io Format panel menu item

Searching for shapes.

The option to search for shapes or images is now available by:

Click the "More shapes..." link located below left
Select in the dialog the checkbox "Images" and click the "Apply" button. You can also select other shape templates this way.

Now you can search for shapes again.

Using external images.

All images stored on a webserver can be used with Draw.IO. Import an image by selecting in the menu "Arrange" | "Insert" | "Insert Image". Next you can enter a webadres (url) pointing to the image. Remember when using intranet servers containing your images that the proces of downloading images ("File" | "Download as" | "Download as JPG/PNG/GIF/PDF" ) operates in the Cloud. That is why the image source must be reachable over the internet.

You may vote your opinion about this article:

Scripts and programming examples disclaimer

Unless stated otherwise, the script sources and programming examples provided are copyrighted freeware. You may modify them, as long as a reference to the original code and hyperlink to the source page is included in the modified code and documentation. However, it is not allowed to publish (copies of) scripts and programming examples on your own site, blog, vlog, or distribute them on paper or any other medium, without prior written consent.
Many of the techniques used in these scripts, including but not limited to modifying the registry or system files and settings, impose a risk of rendering the Operating System inoperable and loss of data. Make sure you have verified full backups and the associated restore software available before running any script or programming example. Use these scripts and programming examples entirely at your own risk. All liability claims against the author in relation to material or non-material losses caused by the use, misuse or non-use of the information provided, or the use of incorrect or incomplete information, are excluded. All content is subject to change and provided without obligation.