Flow chart: Graphviz

Speaking of flowcharts, again, we talked about Graphviz.

Graphviz (Short for Graph Visualization Software) is an open source toolkit started by AT&T LABS for graphing DOT language script descriptions. It also provides libraries for use by other software.

Its main features are code generated images and enough simplicity.

In my Web Developer Roadmap (GitHub: github.com/phodal/deve…) Is used to generate the following complex graph.

And the code is very simple — it’s the same way we say it, which is:

"Package management" - > "package release" - > "automatic deployment" "CLI" - > "deployment" "scripting language (Bash, Perl, Ruby, Python etc)" - > "deployment" "scripting language (Bash, Perl, Ruby, Python etc)" - > "Build" "* NIx "->" Software compile "->" Deploy "" Build" -> "Software compile"Copy the code

Graphviz has one big advantage and one big weakness: it generates automatically, which makes drawing lines very problematic. Next, let’s take a look at the hand animation line example.

Flow chart: Visio vs Dia vs OmnIGraffle

In the Windows world, the most common tool in this category is Visio:

Unfortunately, it’s not supported on Mac OS. And it wasn’t in the Office 365 package I bought.

The best tool in the Mac world is the OmniGraffle, which is expensive — we use corporate Macs, and using pirated software is a legal hazard.

In the GNU/Linux world, we use Dia.

Dia is open source flowchart software, part of the GNU project, created by Alexander Larsson. Dia uses a single-file interface model, similar to GIMP and Inkscape. Dia designs various requirements in modularization, such as flow charts, network diagrams, circuit diagrams, etc. The symbols between modules are still universal, and there are no restrictions.

By the way, my favorite operating system is OpenSuSE – clean, long tail, green.

OpenSuSE works best on the KDE desktop – because both KDE and OpenSuSE are made in Germany. Overall, it is more stable and beautiful than Debian and Ubunt on Debian, CentOS and Fedora on RetHat.

Unfortunately, I can’t use any of these three tools. Mac support for X Windows was so bad that I needed an alternative.

Online flow chart: Processon

It still works pretty well, at least fast within GxFxW — I’ve used a few tools before, Creately, Draw. IO, Gliffy, etc., but as the map has expanded, many areas have been “xx”.

Unfortunately, they didn’t pay me for the AD.

ProcessOn is an online collaborative mapping platform that provides users with the most powerful, easy-to-use mapping tools available! Support online flow chart creation, BPMN, UML diagram, UI interface prototype design, iOS interface prototype design, etc.

Also, on my “Developer Advanced Book list” (GitHub: github.com/phodal/book…) In, is to use this tool to draw a regular line.

And it’s cross-platform.

Various diagrams: Word and Excel

I became an Office 365 subscriber for translation and book writing. So I found a SmartArt tool in Word and a series of other Office tools:

You can draw a lot of interesting shapes, such as:

Or:

You can draw a rhythm in a minute.

Brain: XMind

I think the average person knows that.

XMind mind Mapping software has been voted “Best Brainstorming and Mind Mapping Tool” and “Most Popular Mind Mapping software” by Lifehacker.

It has a great advantage is the use of the world’s most advanced Eclipse RCP software architecture, support cross-platform use. One major drawback is that it uses the most advanced Eclipse RCP software architecture in the world, resulting in spotty performance.

It’s better for brain mapping than flowcharts and stuff.

If you are still using Eclipse, then you should try Intellij IDEA.

Various pictures: d3.js

D3.js (D3 or Data-Driven Documents) is a JavaScript library that displays Data using dynamic graphics, a Data visualization tool.

This tool may not be as convenient as the one above. However, as a data visualization tool, it can do more than just make cool graphics.

You can also make a skill tree:

See this project on GitHub: github.com/phodal/sher…

Map: Leaflet

Leaflet is a modern, open source JavaScript library developed for building mobile-friendly interactive maps.

Although it has nothing to do with the graphics above, it does come with a graphic word. Its biggest advantage over Google Map’s native API, or OpenStreet, is that it supports mobile devices better.

It is also a tool for generating graphs from data (GEOJSON, geographic data).

For more exciting content, please follow my wechat public account: Phodal