Please wait,
Processing your request...

    0%
  Business logo VanSoest.it
  ... | Selecteer de Nederlandse taal |
Sharing is caring
| Print this page. | Linkedin page of Johan van Soest

React: Postcard image. Click this to mail to Johan

WebHalla
 Content
  Management
   System

ICT-Hotlist Topic

diagram.ly / draw.io

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.
Example draw.io

Context menus.

Draw.io has context aware format panels on the right side of the browser window. See the examples below.
Draw.io Diagram Properties context menu
Draw.io Diagram Properties context menu
Draw.io Shape Style properties context menu
Draw.io Shape Style properties context menu
Draw.io Shape Text properties context menu
Draw.io Shape Text properties context menu
Draw.io Shape Arrange 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 available by:
  • Click the "More shapes..." button located below left draw.io More shapes...
  • Select in the dialog with the checkbox the shape libraries and click the "Apply" button. You can also select other shape templates this way.
    draw.io Select Images

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 or drag it in.
HINT: 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.

No download necessary

Go to https://draw.io with your favorite browser and start your drawing.

Supported browsers

Chrome 70+, Firefox 70+, Safari 11+, Opera 50+, Native Android browser 7x+, and Edge 79+ include browsers you can use.

Price

Draw.io is free to use for consumer and business use.

Instruction videos

The tutorial videos for draw.io can be found at: https://www.youtube.com/drawioapp
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.
Generated by WebHalla™ Version 0.1.e.7 : Thursday 18-4-2024 © Copyright 1995-2024 ing. Johan P.G. van Soest CIPM Certified Privacy Information Manager
Response Form    Cookie- and Privacy statement    Responsible Disclosure procedure
Weather in Waalre by OpenWeatherMap logo broken clouds
Temperature 2.91 °C broken clouds
Wind chill 2.91 °C broken clouds
Humidity 95 % broken clouds
Air pressure 1015 hPa broken clouds
Wind speed 0.51 m/s broken clouds
Wind direction North North broken clouds
Sun Rise 6:35 Sun Rise
Sun Set 20:39 Sun Set
Updated:2024-04-18 02:35:35 broken clouds

Weather Cache is 2 minute(s) old.
| Current user: Guest | Login |