Technical requirements

In this chapter, you will learn how to use Mermaid to create Gantt charts. For this chapter, it would be helpful if you are familiar with project planning keywords and about scheduling different tasks along a timeline, but this is not a necessity. For most of the examples, you only need an editor with support for Mermaid. A good editor that is easy to access is Mermaid Live Editor (https://mermaid-js.github.io/mermaid-live-editor/), which can be found online and only requires your browser to run.

For some of the functionality where we explore interaction or applying custom CSS styles, you need to have a web page in which you can add JavaScript functions and styles. An easy way to experiment with this is to continue the example in the Adding Mermaid to a simple web page section from Chapter 2, How to Use Mermaid, and apply the additional code to that page.