Minimal Wardley Map in Mermaid js

~ chriseyre2000

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!

Currently github is on 11.13.0

Notion is on 11.10.0

The miro plugin is back on 10.x so getting rather old!

Unknown's avatar

Published by chriseyre2000

Leave a comment