https://mermaid.js.org/syntax/sankey.html

---
config:
  sankey:
    showValues: false
---
sankey

Agricultural 'waste',Bio-conversion,124.729
Bio-conversion,Liquid,0.597
Bio-conversion,Losses,26.862
Bio-conversion,Solid,280.322
Bio-conversion,Gas,81.144
Biofuel imports,Liquid,35
Biomass imports,Solid,35
Coal imports,Coal,11.606
Coal reserves,Coal,63.965
Coal,Solid,75.571
District heating,Industry,10.639
District heating,Heating and cooling - commercial,22.505
District heating,Heating and cooling - homes,46.184
Electricity grid,Over generation / exports,104.453
Electricity grid,Heating and cooling - homes,113.726
Electricity grid,H2 conversion,27.14
Electricity grid,Industry,342.165
Electricity grid,Road transport,37.797
Electricity grid,Agriculture,4.412
Electricity grid,Heating and cooling - commercial,40.858
Electricity grid,Losses,56.691
Electricity grid,Rail transport,7.863
Electricity grid,Lighting & appliances - commercial,90.008
Electricity grid,Lighting & appliances - homes,93.494
Gas imports,Ngas,40.719
Gas reserves,Ngas,82.233
Gas,Heating and cooling - commercial,0.129
Gas,Losses,1.401
Gas,Thermal generation,151.891
Gas,Agriculture,2.096
Gas,Industry,48.58
Geothermal,Electricity grid,7.013
H2 conversion,H2,20.897
H2 conversion,Losses,6.242
H2,Road transport,20.897
Hydro,Electricity grid,6.995
Liquid,Industry,121.066
Liquid,International shipping,128.69
Liquid,Road transport,135.835
Liquid,Domestic aviation,14.458
Liquid,International aviation,206.267
Liquid,Agriculture,3.64
Liquid,National navigation,33.218
Liquid,Rail transport,4.413
Marine algae,Bio-conversion,4.375
Ngas,Gas,122.952
Nuclear,Thermal generation,839.978
Oil imports,Oil,504.287
Oil reserves,Oil,107.703
Oil,Liquid,611.99
Other waste,Solid,56.587
Other waste,Bio-conversion,77.81
Pumped heat,Heating and cooling - homes,193.026
Pumped heat,Heating and cooling - commercial,70.672
Solar PV,Electricity grid,59.901
Solar Thermal,Heating and cooling - homes,19.263
Solar,Solar Thermal,19.263
Solar,Solar PV,59.901
Solid,Agriculture,0.882
Solid,Thermal generation,400.12
Solid,Industry,46.477
Thermal generation,Electricity grid,525.531
Thermal generation,Losses,787.129
Thermal generation,District heating,79.329
Tidal,Electricity grid,9.452
UK land based bioenergy,Bio-conversion,182.01
Wave,Electricity grid,19.013
Wind,Electricity grid,289.366

Socials:

Shop Website Discord Telegram Mastodon Instagram Twitter

---
title: Frontmatter Example
displayMode: compact
config:
  theme: forest
gantt:
    useWidth: 400
    compact: true
---
gantt
    section Waffle
        Iron  : 1982, 3y
        House : 1986, 3y

erDiagram
          CUSTOMER }|..|{ DELIVERY-ADDRESS : has
          CUSTOMER ||--o{ ORDER : places
          CUSTOMER ||--o{ INVOICE : "liable for"
          DELIVERY-ADDRESS ||--o{ ORDER : receives
          INVOICE ||--|{ ORDER : covers
          ORDER ||--|{ ORDER-ITEM : includes
          PRODUCT-CATEGORY ||--|{ PRODUCT : contains
          PRODUCT ||--o{ ORDER-ITEM : "ordered in"

---
config:
  look: handDrawn
  theme: neutral
---
flowchart LR
  A[Start] --> B{Decision}
  B -->|Yes| C[Continue]
  B -->|No| D[Stop]

Cause and effect diagrams are useful because they let you list out all the causes that you and/or your team can think of.

...

Having a team think of possible causes is similar to the concept of peer review in software development projects. Where one person thinks of a few causes, another person will think of different causes. This gives a broader range of causes to investigate.

— Rudolf Olah, “Cause and Effect Diagrams”

The following are diagrams that are featured in the article “Cause and Effect Diagrams”.

Simple Approach to Cause and Effect Diagrams

Flowchart

---
title: Simple Approach to Cause and Effect Diagrams (Flowchart)
---
flowchart TD
    a[Cause A]
    b[Cause B]
    c[Cause C]
    d[Cause D]
    e[Cause E]
    problem --> a & b
    a --> c
    b --> d & e

Mindmap

---
title: Simple Approach to Cause and Effect Diagrams (Flowchart)
---
mindmap
root((Problem))
  Cause A
    Cause C
  Cause B
    Cause D
    Cause E

Systemic Approach to Cause and Effect Diagrams

Systemic approach uses categories and templates to make finding the root cause simpler.

---
title: Systemic Approach to Cause and Effect Diagrams
---
mindmap
  root((Problem))
    Category A
      Cause A
        Cause C
    Category B
      Cause B
        Cause D
        Cause E
    Category C
      Usual Cause A
      Usual Cause B
    Category D
      Usual Cause C
      Usual Cause D

MVPS: IT Project Causes

mindmap
root{{IT Project Problem}}
  (Material<br/>Hardware/Software)
  (Vendors)
  (People)
  (Systems)

MCPS: Software Development Project Causes

mindmap
root{{Software Development<br/>Project Problem}}
  (Method)
  (Code)
  (People)
  (Systems)

Marketing Common Causes

mindmap
root{{Marketing Problem}}
  (Product/Service)
    Cause
  (Price)
    Cause
    Cause
  (Place)
    Cause
  (Promotion)
    Cause
  (People/personnel)
  (Process)
    Cause
      Cause
  (Physical Evidence)
    Cause
  (Publicity)
    Cause

Manufacturing Common Causes

mindmap
root{{Manufacturing Problem}}
  (Machine)
  (Method)
  (Material)
  (Man Power/Mind Power)
  (Measurement)

Service Industry Common Causes

mindmap
root{{Service Problem}}
  (Surroundings)
  (Suppliers)
  (Systems)
  (Skills)

Case Studies

Low Developer Velocity: Causes and Effects

mindmap
root{{Low Developer Velocity}}
  (Method)
    too many meetings
    lack of proper planning
    lack of agile methodologies
    unclear requirements
  (Code)
    too much technical debt
      not enough tests
      outdated technology
      code duplication
      tightly coupled components
      inconsistent coding standards
    complex codebase
    lack of proper documentation
  (People)
    lack of necessary skillsets
    inadequate team size
    high employee turnover
    communication barriers among team members
    insufficient onboarding and training
    burnout and low morale
  (Systems)
    development servers are down
      server hardware is failing
      firewall rules are incorrect
      domain name setup is incorrect
      went over the billing limit
    slow or unstable development environment
    lack of proper development tools
    inadequate version control system
    insufficient testing infrastructure

Server Procurement Takes Too Long: Causes and Effects

mindmap
root{{Server Procurement Takes Too Long}}
  (Material)
    not sure what hardware requirements to use as a baseline
    obsolete hardware specifications
    high demand for specific hardware components
  (Vendors)
    convoluted, slow billing process
    limited vendor options
    long lead times for hardware delivery
    inconsistent communication from vendors
  (People)
    too many approvals required
    unclear when costs for server are passed to client
    client is unwilling to procure server
      budget unavailable until milestone is met
      does not see the need for the server
      already has on premises servers
      client does not want to use public cloud infrastructure
    lack of dedicated procurement personnel
    miscommunication between teams
  (Systems)
    procurement is not automated
    outdated procurement software
    lack of integration between procurement and project management tools
    manual tracking of procurement status

Socials:

Shop Website Discord Telegram Mastodon Instagram Twitter

Heading 1

Heading 2

Heading 3

Heading 4

This is a paragraph with bold, italic, bold italic, strikethrough, and inline code.

This is a blockquote.

Nested quote: > Second level quote.

Lists

Unordered

• Item 1
• Item 2
  • Nested Item
  • Deep Nested

Ordered

1. First
2. Second
3. Third

Task List

• [x] Completed
• [ ] Incomplete

Links & Images

OpenAI

Tables

Inline HTML

Code Blocks

JavaScript

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet("World"));

Python

def greet(name):
    return f"Hello, {name}!"

print(greet("World"))

JSON

{
  "name": "test",
  "enabled": true,
  "items": [1, 2, 3]
}

Escaping Characters

*This should not be italic*

# This should not be a heading

HTML Formatting Tags

Bold HTML
Italic HTML
Underline HTML
Highlighted
Small text
Deleted text

HTML Table

Details / Summary

Horizontal Rule

Nested HTML + Markdown

Emoji Test

😀 🚀 🔥 ✅ ❌ ❤️ 🎉

Unicode Test

こんにちは
안녕하세요
你好
Привет
مرحبا

SVG Test

Form Elements

Video / Audio

Iframe

Preformatted Text

Line 1
    Indented line
Line 3

Keyboard / Samp / Var

Press Ctrl + C to copy.

Sample output text

x + y = z

Math

Inline math: $E = mc^2$

Block math:

$$ \int_0^\infty e^{-x} dx = 1 $$

HTML Comments

Visible text after comment.

Entity Encoding

& < > © ® ™

Final Section

End of rendering stress test.

Socials:

Shop Website Discord Telegram Mastodon Instagram Twitter