mermaid | diagrams like flowcharts or sequence diagrams

JEEP.InitFramework();

let DemoEnv = JEEP.CreateEnvironment({
    client: "jeep-aware", 
    mode: "development-mode"
});

DemoEnv.RegisterClassDef("Animal", {
    CONSTRUCTOR: function(n){
        this.name = n;
    },
    PUBLIC: {
        liveOne  

var vfile = require('to-vfile');
var remark = require('remark');
var mermaid = require('remark-mermaid');

var example = vfile.readSync('example.md');

remark()
  .use(mermaid)
  .process(example, function (err, file) {
    if (err) throw err;
    co  

gantt
	dateFormat  YYYY-MM-DD
	title gantt diagram mermaid

	section A section
	Completed task            :done,    des1, 2014-01-06,2014-01-08
	Active task               :active,  des2, 2014-01-09, 3d
	Future task               :         des3, after  

::: mermaid
graph TD
%%{init: {"flowchart": { "useMaxWidth": false } }}%%
A[Author sends a review to the customer success email] -->|Dynamics 365 creates a review case based on the Knowledge Base Article Review Template| B[[Automation]]

var app = new Vue({
 el: '#app',
 name: "App",
 data: () => ({
    showList: false,
    chocs: [
      { title: "a man tale" },
      { title: "a boy tale" },
      { title: "a mermaid tale" },
      { title: "a dog tale" },
    ],
  })

    
graph LR
A-->B
    
    
gantt
title A Gantt Diagram
dateFormat  YYYY-MM-DD
section Section
A task           :a1, 2014-01-01, 30d
Another task     :after a1  , 20d
section Another
Task in sec      :2014-01-12  , 12

markdown_extensions:
  - codehilite
  - pymdownx.superfences:
      custom_fences:
        - name: mermaid
          class: mermaid
          format: !!python/name:pymdownx.superfences.fence_div_format

extra_javascript:
  - https://unpkg.

import { Component, OnInit } from "@angular/core";
import * as mermaid from "mermaid";

@Component({
    selector: "MermaidTest",
    template: `
        
            graph LR
            A-->B
        `
})
export class MermaidTest impl

$(document).ready(function() {

  // Colors
  const squidInk = '#232F3E'; // Background and hover circle interior
  const mermaid = '#00A4B4'; // Gridlines
  const siren = '#0099D9'; // Line and points
  const darkGrey = '#3A444F'; /