4 Free Fantastic Diagramming Tools To Make Yours Stand Out

Photo by Kelly Sikkema on Unsplash
Photo by Kelly Sikkema on Unsplash

A diagram can save hundreds of words. Making a diagram efficient and engaging isn’t easy. There are many tools available to facilitate the diagram development process. However, many diagrams bring less excitement to work with and view as the final result. In this article, I will share 4 free fantastic diagramming tools to make yours stand out.

Excalidraw: Hand-drawn Diagraming

Excalidraw is a unique online tool to transform the feeling of your drawing. To get started, go to their website without providing sign-in or additional information about yourself. 

It feels pre-installed with Microsoft Paint, and it is even much simpler than that. By default, you only have three shapes: rectangle, diamond, and circle. 

In the diagramming part, you need to draw many things out. Unlike other tools that provide your template, it’s more involved with the user. You’d need to draw more in Excalidraw.

Another great thing about Excalidraw is that you can use the icon shared by the community. The frequently used ones are AWS, GCP, and Azure, all available in the community library. For data professionals, I found this one has been used by many people, the one named Data Platform, created by Bach Chu

I used Obsidian for my personal knowledge management. Excalidraw is a plugin to add to Obsidian, which can further boost your productivity or draw your ideas on a white canvas.

Below is the diagram I use this library to show how it looks like:  

Excalidraw: Hand-drawn Diagraming | Image By Author

Recommendation for Excalidraw if you are looking for

  • hand-drawn feeling diagram
  • comfortable with some basic drawing or eager to draw a more complex diagram
  • simple access and no sign-on needed.

Mermaid: Diagramming as Code

Many tools to make diagramming are UI based. It can be tedious to lay out everything and time-consuming to shuffle things around when some content requires updates. It also won’t scale very well when you need to draw a lot of similar diagraming. 

Code is one of the resolutions for this diagramming problem. 

Mermaid is a JavaScript-based library that creates diagrams and visualizations using text and code. The core idea of Mermaid is to define the diagraming you’d like to render by its Markdown-like code. Then Mermaid will draw rest for you. 

The Mermaid syntax has some learning curves, and its expression is unique. However, if you use diagramming frequently, it’s worth investing the time to get familiar with its syntax since using code will save so much time in the long term. 

Another great thing is that Mermaid is JavaScript-based. You can bring and share the diagram with others effortlessly. Some syntax highlighter is also able to render the Mermaid diagrams directly. For example, Obsidian can render Mermaid syntax and show the diagram correctly.

For the data project, Entity Relationship Diagrams (ERD) are used quite often. For instance, the following example drawed

				
					---
title: Order example
---
erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
				
			
Mermaid: Diagramming as Code Rendered in Obsidian | Image By Author

Recommendation for Mermaid if you are looking for

  • Code-oriented mindset and would like to express code to draw diagrams
  • Scale drawing diagramming and save time in making changes to the diagram

To learn more about how to use Mermaid, I have written a story on it before.

Photo by Volodymyr Hryshchenko on Unsplash

Mastering Gantt Charts: Learn How to Build Them Using Code Alone

Learn how to master Gantt charts using code alone in project management tracking. Many UI-based tools for Gantt chart creation can take a lot of ...
Read More →

Draw.io: The Comprehensive Option

Draw.io is such an excellent comprehensive option that works well for complex diagraming. It has an exhaustive list of selections to draw flow charts, UML, ERD, etc. 

Draw.io integrates with Google drive smoothly. You can put all the diagramming into a shared folder and work seamlessly across devices. 

One nice thing about this diagramming tool is that it automatically connects lines between shapes. Moving the shapes around will also carry all the connected lines to move together. 

Suppose you want to have a hand-drawn diagramming style. Go to the “Style” type and choose “sketch.” It will apply the hand-draw theme for all the available common shapes. 

Draw.io: The Comprehensive Option | Image By Author
Draw.io: The Comprehensive Option | Image By Author

Recommendation for Draw.io if you are looking for

  • A comprehensive option with many available shapes and an imported library.
  • Less worrying about work on different devices and opening to Cloud Drive as storage.
  • Have experience with the diagramming tool before and want to have less learning curve 

Google Slides or Mac Keynote: An Overlooked Option

Regarding diagraming, a free and handy tool almost everyone knows but overlooks when it comes to drawing diagrams — Google Slides or Mac Keynote is for more than just presentations or product demos.

This option is only considered in limited use cases. The misconception is that you don’t need a presentation to think about using those tools to draw diagrams. You can use Google Slides or Mac Keynote to create diagrams, and that could save you the effort of switching to another tool. 

All we need to do is: remove all the text boxes and keep a blank canvas to start your diagram. 

They are also backed by cloud storage — Google Drive or iCloud. So we don’t need to worry about losing them. 

Both Google Slides and Mac Keynote have many shapes to choose from. One of the big advantages of using Google Slides and Mac Keynote is the ability to create animation with your diagram. You can further make a GIF with your diagram.

They are sufficient to make simple and good-looking diagrams with animation.

Google Slides or Mac Keynote: An Overlooked Option | Image By Author draw on Keynote
Google Slides or Mac Keynote: An Overlooked Option | Image By Author draw on Keynote

Recommendation for Google Slides or Mac Keynote if you are looking for

  • You are familiar with Google Slides or Mac Keynote and may underestimate its diagramming ability
  • Less worrying about working on different devices and opening to Cloud Drive as storage (You can work offline on Mac Keynote).
  • You’ll need to create an animation

Final Thoughts

Diagramming is a fantastic way to illustrate an idea or complex concept. The most important thing is to make it more straightforward for the reader. I hope those 4 free excellent diagramming tools can make yours stand out. 

Please let me know your feedback on this story. 

About Me

I hope my stories are helpful to you. 

For data engineering post, you can also subscribe to my new articles or becomes a referred Medium member that also gets full access to stories on Medium.

In case of questions/comments, do not hesitate to write in the comments of this story or reach me directly through Linkedin or Twitter.

More Articles

Photo by Donald Tran on Unsplash

Unlocking the Secrets of Slowly Changing Dimension (SCD): A Comprehensive View of 8 Types

Slowly Changing Dimension (SCD) is critical to dimensional modeling. We will discuss the eight types of SCDs. By the end, you will clearly understand each ...
Read More →
Photo by Huyen Bui on Unsplash

Get Fluent in Python Decorators by Visualizing It

Python decorator is syntactic sugar. You can achieve everything without explicitly using the decorator. However, Using the decorator can help your code be more concise ...
Read More →
Photo by Erin Doering on Unsplash

Building Better Data Warehouses with Dimensional Modeling: A Guide for Data Engineers

Let's bring the data community's attention to the essential- Building Better Data Warehouses with Dimensional Modeling: A Guide for Data Engineers.
Read More →

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
Share via
Copy link