Review: Apps for Creating Online Graphs and Charts

Originally published at: http://www.sitepoint.com/online-graphs-charts/

Most of us — even techies, marketers and other ‘non-designers’ — at some time need to produce a diagram to help explain our views and ideas. For the purposes of this article, I’m going to characterize a ‘diagram’ simply as a geometrical symbolic representation of information.

You can separate most diagrams into two broad categories:

  • Graph based diagrams: This includes Tree Diagrams, Network Diagram, Flowchart, Venn diagram, Existential graph etc.
  • Chart like diagrams: This includes histograms, population density maps, exploded view, three dimensional diagrams etc.

Currently there is a growing selection of tools which focus on drawing charts. Gabrielle has already given us her views on the 5 best online tools for creating amazing charts.

In this article, I’ll be discussing some tools with the flexibility to cover both categories. But first let’s consider the parameters we should keep in mind while selecting a tool.

Flexibility

First, be sure to consider a tool which provides a wide range of diagram – all at one place. The range should include all of these diagrams:

  • UML
  • Flowchart
  • Venn Diagram
  • Org chart
  • Wireframe
  • Business Process Modelling
  • Network Diagram
  • SWOT Analysis
  • ERD
  • Structural
  • Class Diagram
  • Database Design

Real-Time Collaboration / Team building

As data is often owned by more than one master, collaboration with colleagues in real-time is a useful feature. Through this, you can invite your colleagues and clients for online chatting to discuss and contribute to diagrams in real-time. This kind of active participation by everyone to improve the diagram further.

Easy-to-use Interface

The tool should be easy-to-use. The canvas should be clearly visible with scroll up-down options. Drag-and-drop shapes and point-click features are covered under every online diagram tool.

Integration With Other Application

A common feature provided by online tools is integration with Google Drive, Google Apps, JIRA, Confluence, Jive, and Box.

The Social Network

The tool should be like a social network where team members and individual users can share their suggestions and thoughts regarding diagram development. This feature comes with a valuable restriction of creating diagrams privately or sharing it with others for promotion or suggestions.

Export and Import Facilities

The tool should provide with a feature to export and import diagrams. Some of them also provides with inserting images from computer, internet and cloud. The output can be in the form of image/file/document formats like jpg, bmp, pdf, csv, etc.

Revision History

Perhaps you’ve seen the CSS revision history feature in WordPress while updating child themes? A similar history feature is provided by some online tools which helps users in tracking and reverting changes in diagram development.

Novice to Expert

Sometimes it is important to look for a tool which helps novice users in becoming an expert. This is done by referring to help files and learning more about the features provided by the tool. Becoming an expert will help is easing with diagram development.

Multi-lingual Support

A high quality online application should provide support for various other native languages besides English.

Performance

The tool needs be fast to both load and use. Drag and drop functionality should not slow the whole process. Recovery options can also be provided in case of accidental corruptions or deletions.

Here, I have listed some professional online diagram tools:

Lucid Chart

Web-based diagramming software built on open web standards. Its features include:

  • Compatible as it’s built on open web standards.
  • Create the following using Lucid Chart:
    1. Flowcharts
    2. UML
    3. Network Diagrams
    4. Business Process Models
    5. Org Charts
    6. ERD
    7. Wireframing / Mockups
    8. Mind Maps
  • Integrated with Google Drive, Google Apps, Jira etc.
  • You can try the demo without signing.
  • Exporting the diagram to different formats like JPEG, PNG, PDF is simple.
  • Real-time collaboration with the team.
  • Provides revision history of the diagrams created.
  • Easy to share diagrams online.
  • They’ve provided with hundreds of templates and examples.

It’s an excellent tool to create diagrams online, go through LucidChart’s overview given on the home page of the website.

Draw.io

Free online software which the diagrams stored doesn’t go through draw.io servers. Instead, the user communicates directly with Google Drive or Dropbox. Other features include:

  • There is a plug-in provided for JIRA.
  • They claim to have an uptime of 100%.
  • Revision control is done in users Google Drive.
  • Translation is provided in more than 25 languages besides English.
  • Wire framing and mock-ups are part of free plans.
  • Create the following using Draw.io:
  • UML
  • Flowchart
  • Entity Relation

Some of its features differ from others like 100% uptime, JIRA plug-in, translations etc. They’ve also provided some differences on their official blog which makes them one-step ahead Lucid Chart.

ProcessOn

With ProcessOn you can create different kinds of charts, such as: flow charts, organizational charts, EPC, and many others. It has the following features:

  • Real-time collaboration is possible through which all team members actively participate in modifying and improving the diagrams.
  • Files can be easily created and edited with easy to share features.
  • The diagrams can be exported in different formats.
  • Users can create a network of team by joining groups and inviting colleagues. This makes the process simpler.
  • Translation of the application is provided for 3-4 languages and rest is in process.

ProcessOn

Image Source

Gliffy

It is the world’s first net-native business graphics application. Features include:

  • They’ve provided various themes and templates.
  • It’s easy to publish and share diagrams.
  • Revision control automatically stores each version which leads to ease in tracking changes.
  • Google Drive integration is provided.
  • Visio documents can be imported.
  • Create the following using Gliffy:
    1. UML
    2. Flowchart
    3. Venn Diagram
    4. Org chart
    5. Wireframe
    6. Business Process Modelling
    7. Network Diagram
    8. SWOT Analysis
Continue reading this article on SitePoint

Amit, Thank you for the share. ProcessOn always strives to provide a handy and intuitive diagram service. Another news is ProcessOn mindmap is launching tomorrow.

You’re welcome and congratulations for mindmap.

Also check out Describio (https://www.describio.com) for creating interactive org charts and runnable flowcharts. Describio has advanced features, such as loading an org chart from an external data source and using JavaScript to control flow, but it’s quick and painless to create simple org charts and flowcharts as well.

Thanks a lot for adding Creately to the list. As you have mentioned we pride ourselves been the faster diagramming software going around. Check out the YouTube video for an overview of the features.

Your welcome and thanks for the video @Nishadha

Thanks for the addition here @john_a

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.