node-red mermaid markdown quadrantChart

Written by:

Simple example which add colors to the quadrantChart.


```mermaid
%%{init: {"quadrantChart": {"chartWidth": 600, "chartHeight": 600}, "themeVariables": [{"fontSize": "33px"},{"quadrant1Fill": "#F44336"}, {"quadrant2Fill": "#FFB74D"}, {"quadrant3Fill": "#AED581"}, {"quadrant4Fill": "#FFEE58"}]}}%%
quadrantChart
    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.3, 0.6]
    Campaign B: [0.45, 0.23]
    {{msg.topic}}: {{msg.payload}}
    Campaign D: [0.78, 0.34]
    Campaign E: [0.40, 0.34]
    Campaign F: [0.35, 0.78]

```

Discover more from Node-RED LoRaWAN CouchDB and more

Subscribe to get the latest posts sent to your email.

One response to “node-red mermaid markdown quadrantChart”

  1. Diagram as code – nodered-IOT-couchdb Avatar
    Diagram as code – nodered-IOT-couchdb

    […] The following article(s) shows a nice overview of popular «diagram as code DaC». For node-red, for example, mermaid can be used in a template node with markdown, se my node-red example here […]

    Like

Leave a comment