Mermaid: No diagram type detected for text "quadrantChart..."

[faulty13]

Issue
The mermaid renderer doesn't seem to support the same chart types as the online mermaid.live editor. I'm not sure if this is a gap in the mermaid API, or the dash-extensions code.

Console Error:

Error: No diagram type detected for text: 
quadrantChart
    title Reach and engagement of campaigns
    x-axis Low Reach --> High Reach
    y-axis Low Engagement --> High Engagement
    quadrant-1 "We should expand"
    quadrant-2 "Need to promote"
    quadrant-3 "Re-evaluate"
    quadrant-4 "May be improved"...

Example Chart
The code below works in the mermaid.live renderer, but returns the above error in dash.

quadrantChart
    title Reach and engagement of campaigns
    x-axis Low Reach --> High Reach
    y-axis Low Engagement --> High Engagement
    quadrant-1 "We should expand"
    quadrant-2 "Need to promote"
    quadrant-3 "Re-evaluate"
    quadrant-4 "May be improved"
    Campaign A: [0.1, 0.1]
    Campaign B: [0.3, 0.3]
    Campaign C: [0.4, 0.8] 
    Campaign D: [0.8, 0.8] 
    Campaign E: [0.3, 0.7]
    Campaign F: [0.8, 0.2]

Desired Outcome
I can see quadrantChart, and any other missing diagram types.