Technical requirements

In this chapter, we will learn how to use Mermaid to create class diagrams. For this chapter, it would be helpful if you are familiar with OOP, but it 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 the Mermaid Live Editor, which can be found online and only requires your browser to run it. For some of the functionality where we explore interaction or applying custom Cascading Style Sheets (CSS) styles, you need to have a web page in which you add JavaScript functions and styles. An easy way to experiment with this is to continue the Adding Mermaid to a simple web page example from Chapter 2, How to Use Mermaid, and apply the additional code to that page.