Month: April 2026

Minimal Wardley Map in Mermaid js

~ chriseyre2000 ~ Leave a comment

I have been following the wardley map addition to mermaid js

<html>
  <body>
    <pre class="mermaid">
      wardley-beta
      title Software Platform Strategy
      size [1100, 800]
      
      evolution Genesis@0.25 -> Custom@0.5 -> Product@0.75 -> Commodity@1.0
      
      anchor Customer [0.90, 0.95]
    
      component Something [0.5, 0.5]
      Customer -> Something
     </pre> 
    <script type="module">
      import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
      mermaid.initialize({ startOnLoad: true });
    </script>
  </body>
</html>

This is a terrible example of a wardley map, but does give a starting point for exploring.

I now need to wait for the github and notion components to be updated!