Essential Drawing Tools for Embedded Development

Essential Drawing Tools for Embedded Development

Some excellent and clear technical documents, technical blogs, and work reports often require auxiliary images such as flowcharts, block diagrams, and mind maps.What tools do you usually use for drawing when writing papers, documents, blogs, or work reports?

I usually create block diagrams for my blogs and public account articles using PPT software, which is simple and quick. If you are not accustomed to using other drawing tools, PPT software is actually a good drawing option.

However, two weeks ago, while preparing a project work report document in an Ubuntu environment, drawing was not as convenient, so I had to look for some online drawing websites.

Below, I will introduce several commonly used and excellent drawing tools, including the one I am currently using and strongly recommend.

Introduction to Several Excellent Drawing Tools

1. Draw.io

Essential Drawing Tools for Embedded Development

Draw.io is an open-source flowchart drawing tool on GitHub with rich features. It supports flowcharts, UML diagrams, architecture diagrams, prototypes, and more. It supports synchronization with cloud storage services like GitHub, Google Drive, and OneDrive, and is completely free.

Online web version address:

https://www.draw.io

However, the online web version can be slow to access. If you find the web version inconvenient, you can also choose the offline version, as Draw.io provides a multi-platform offline desktop version for download.

To use the offline version, some configuration is required. Draw.io is the tool I am currently using and recommending in this article, so I will also explain how to configure and deploy the offline version of Draw.io.

2. ProcessOn

Essential Drawing Tools for Embedded Development

ProcessOn is an aggregation platform for online drawing tools, allowing users to create flowcharts, mind maps, UI prototypes, UML diagrams, network topology diagrams, organizational charts, and more, all from a browser, enabling creativity and work planning anytime, anywhere.

ProcessOn has certain limitations; the free version can only save 10 files online:

Essential Drawing Tools for Embedded Development

However, it can generally meet our daily usage needs. I used this tool to create several block diagrams for my last work report, and it was very convenient to export images after completion.

3. ProcessFlow

Essential Drawing Tools for Embedded Development

ProcessFlow is a secondary development based on Draw.io, similar to ProcessOn, which allows saving flowcharts to cloud servers, Baidu Cloud, Gitee, etc. It offers online preview and management, making it very convenient.

I discovered this tool by chance and haven’t used it specifically for drawing, but if you’re interested, you can try it out yourself.

4. Visio

Everyone should be familiar with Visio. It is a very useful diagramming software that helps us easily create various flowcharts, including common network diagrams, organizational charts, engineering designs, and other content using modern shapes and templates, greatly improving user work efficiency.

Using Visio to create diagrams for Word documents is a great choice, as you can directly insert Visio objects, making it look much clearer.

Deploying the Offline Version of Draw.io

First, download the offline version Draw.io draw.war package from the following address:

https://github.com/jgraph/drawio/releases

Note: If the download speed is too slow, you can also obtain it from this public account (reply with the keyword: Draw.io).

The WAR package needs to be deployed using Tomcat. Here, I am using Tomcat 8, which can be downloaded from:

http://www.apache.org/dist/tomcat/tomcat-8/

Note: If the download speed is too slow, you can also obtain it from this public account (reply with the keyword: Draw.io).

Place the downloaded draw.war package in the Tomcat webapps directory:

Essential Drawing Tools for Embedded Development

Then double-click the startup.bat file in the apache-tomcat-8.5.64-windows-x64in directory to start Tomcat. At this point, there may be two scenarios:

  • A black window flashes by.
  • Successful startup.

The successful startup interface is as follows:

Essential Drawing Tools for Embedded Development

If it flashes by, it may be because your computer has not installed JDK or configured the relevant environment variables.

Install JDK, and you will see:

Essential Drawing Tools for Embedded Development

Then, add the JDK and Tomcat environment variables:

Essential Drawing Tools for Embedded Development

Essential Drawing Tools for Embedded Development

Essential Drawing Tools for Embedded Development

Essential Drawing Tools for Embedded Development

After configuring these, you can successfully start Tomcat.

Open a browser and visit the following address:

http://127.0.0.1:8080/draw

If the following interface appears:

Essential Drawing Tools for Embedded Development

It indicates that our offline version of Draw.io has been basically deployed. However, this is not the true offline version, as it will still access some external addresses.

To make it a true offline version, you need to add the following code to the urlParams function in the tomcat\webapps\draw directory’s index.html file:

result['offline'] = '1'  // Default offline version

Essential Drawing Tools for Embedded Development

Essential Drawing Tools for Embedded Development

Thus, we have successfully deployed the offline version of Draw.io.

Source | Embedded Development Miscellany

ENDPrevious Hot Articles ReviewSummary: 7 Common Bluetooth Debugging Tools PID looks sophisticated, but it’s actually very simple…. What determines the strength of mobile phone signals? A look at the 8 common uses of diodes! How many do you know? 78% of hardware failures are caused by itReview Center

Essential Drawing Tools for Embedded Development

Long press the image to scan and receive for free

Essential Drawing Tools for Embedded DevelopmentEssential Drawing Tools for Embedded DevelopmentShareEssential Drawing Tools for Embedded DevelopmentCollectEssential Drawing Tools for Embedded DevelopmentLikeEssential Drawing Tools for Embedded DevelopmentView

Leave a Comment