Draw Io

A comparison of network diagram software finds a number of tools exist to generate computer network diagrams. Broadly, there are three types of tools that help create network maps and diagrams:

  1. Draw.io Free
  2. Draw.io Templates
  3. Draw Io Installer
  • Hybrid tools
  • Network Monitoring tools
  • Drawing tools

Network mapping and drawing software support IT systems managers to understand the hardware and software services on a network and how they are interconnected. Network maps and diagrams are a component of network documentation. They are required artifacts to better manage IT systems' uptime, performance, security risks, plan network changes and upgrades.

Hybrid tools[edit]

These tools have capabilities in common with drawing tools and network monitoring tools. They are more specialized than general drawing tools and provide network engineers and IT systems administrators a higher level of automation and the ability to develop more detailed network topologies and diagrams. Typical capabilities include but not limited to:

  • Displaying port / interface information on connections between devices on the maps
  • Visualizing VLANs / subnets
  • Visualizing virtual servers and storage
  • Visualizing flow of network traffic across devices and networks
  • Displaying WAN and LAN maps by location
  • Importing network configuration files to generate topologies automatically
  • Guess the word by looking at the sketch in Drawar.io! Draw a sketch of your own while other players try to figure out what it is in real time.
  • Diagrams.net (formerly draw.io) is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit diagram maker, and more. Draw.io can import.vsdx, Gliffy™ and Lucidchart™ files.

Examples of commercially-available hybrid tools include:

Draw.io is a useful, free diagramming service with strong collaboration features via Google. It's handy if you only occasionally need to make diagrams, but for better functionality and more. Learn how to export your draw.io diagram as a PDF file.This is especially useful when you need to print your diagram: evacuation routes as a floor plan in ha.

Network monitoring tools[edit]

Some network monitoring tools generate visual maps by automatically scanning the network using network discovery protocols. The maps are ideally suited for viewing network monitoring status and issues visually. Typical capabilities include but not limited to:

  • Automatically scanning the network using SNMP, WMI, etc.
  • Scanning Windows and Unix servers
  • Scanning virtual hosts
  • Scanning routing protocols
  • Scanning connection speeds
  • Performing scheduled scans
  • Tracking changes to the network

Drawing tools[edit]

These tools help users to create network topology diagrams by adding icons to a canvas and using lines and connectors to draw linkages between nodes. This category of tools is similar to general drawing and paint tools. Typical capabilities include but not limited to:

  • Libraries of icons for devices
  • Ability to add shapes and annotations to maps
  • Ability to create free-form diagrams

List of network monitoring tools that generate network maps[edit]

Some notable tools (may not be an exhaustive list):

NameLicenseDeploymentPlatforms
netTransformerGPLDesktopWindows/Linux/macOS
OpenNMSAGPLv3DesktopLinux, macOS, others
SolarWindsProprietaryDesktopWindows
SpiceworksProprietaryDesktopWindows

List of drawing tools[edit]

Some notable tools (may not be an exhaustive list):

NameLicenseDeploymentPlatforms
NetworkMapsOpenSourceSaaSWindows, macOS, Linux
Cacoo (Software)ProprietarySaaSWindows, macOS
ConceptDraw PROProprietaryDesktopWindows, macOS
Microsoft VisioProprietaryDesktopWindows
SmartDrawProprietaryDesktopWindows
LucidchartProprietarySaaSLinux, macOS, Windows
GliffyProprietarySaaSLinux, macOS, Windows

See also[edit]

Draw.io Free

External links[edit]

Draw.io Templates

  • 'Cisco Brand Center / Network Topology Icons'. www.cisco.com. Retrieved 2018-04-09.
  • 'Cisco Unified Communications System for IP Telephony: Microsoft Visio network topology diagrams (resp. diagram templates)'. www.cisco.com. Retrieved 2018-04-09.
Retrieved from 'https://en.wikipedia.org/w/index.php?title=Comparison_of_network_diagram_software&oldid=985896588'
MediaWiki extensions manual
DrawioEditor
Release status: stable
ImplementationParser function
Descriptiondraw.io editor integration
Author(s)(Markus Geberttalk)
Latest version1.1
LicenseMIT License
Download
Download extension
Git [?]:
  • browse repository (GitHub)
  • $wgDrawioEditorImageInteractive
  • $wgDrawioEditorImageType
  • $wgDrawioEditorBackendUrl
Translate the DrawioEditor extension if it is available at translatewiki.net
IssuesOpen tasks · Report a bug

DrawioEditor is a MediaWiki extension that integrates the draw.io flow chart editor and allows inline editing of charts.

Please read these warnings carefully before use:

Draw io
  • The actual editor functionality is loaded from draw.io. This code only provides integration.
  • Be aware that draw.io is an online service and while this plugin integrates the editor using an iframe and communicates with it only locally in your browser (javascript postMessage), it cannot guarantee that the code loaded from draw.io will not upload any data to foreign servers. This may be a privacy concern. Read the Privacy section in the documentation on GitHub for more information. When in doubt, don't use draw.io or this module. You have been warned!
  • This plugin is quite new and probably still has bugs, so it may or may not work with your installation.
  • draw.io chart creation and editing.
  • SVG and PNG support. The file type can be configured globally and changed on a per-image basis.
  • Inline Editing and javascript uploads on save, you never leave or reload the wiki page.
  • Image files are transparently stored in the standard wiki file store, you don't need to worry about them.
  • Versioning is provided by the file store, revert to an older version of the chart at any time.
  • Draw.io original XML data is stored within the image files, so only one file must be stored per chart.
  • Supports multiple charts per page.
  • Supports relative and fixed chart dimensions.
  • When you intend to use SVG which is recommended, you might want to install Extension:NativeSvgHandler too. Also you need a browser that supports SVG.
  • While displaying charts may work in older browsers, especially when using PNG (SVG is default and recommended), saving charts requires a fairly recent browser.
  • Download and place the file(s) in a directory called DrawioEditor in your extensions/ folder.
  • Add the following code at the bottom of your LocalSettings.php:
  • Done – Navigate to Special:Version on your wiki to verify that the extension is successfully installed.

Add the following to any wiki page to insert a draw.io chart:

Save the page and you'll see a placeholder with an Edit link on its top right. Click it to start the draw.io editor.

Please head over to GitHub for further usage instructions and examples:https://github.com/wikimedia/mediawiki-extensions-DrawioEditor/blob/master/README.md#usage

See also[edit source]

  • Anja Ebersbach: draw.io für MediaWiki und BlueSpice – Kollaborativ erstellte Zeichnungen, Hallo Welt! Blog on July 11, 2017. (german)

Draw Io Installer

Retrieved from 'https://www.mediawiki.org/w/index.php?title=Extension:DrawioEditor&oldid=4285922'