Chapter 2: Optional enhancement

In this chapter, we will be learning how to use more advanced components to enhance your web report. We will learn how to:

  1. Split your report into seperate sections and tabs for ease of readability.
  2. Import components and code as you need them.
  3. Use Chart.js to create simple charts.
  4. Make interactive diagram with Mermaid.js.
  5. Render 3D object such as your CAD using Three.js.

To view what the template for the optional enhancement, you can visit the link below:

Demo

The source code is available here