Skip to main content

About OnlineWardleyMaps

The source code that runs www.OnlineWardleyMaps.com. Also available as a standalone Visual Studio Code extension—vscode-wardley-maps—and as an Obsidian plugin.

Wardley Mapping courtesy of Simon Wardley, CC BY-SA 4.0. To learn more, see Simon's book.

What is OnlineWardleyMaps?​

OnlineWardleyMaps is a tool for creating, editing, and sharing Wardley Maps directly in your browser. It helps you visualize value chains, component evolution, and strategic context.

  • Interactive map editor
  • Text-based DSL for versioning and sharing
  • Export/import, submaps, and more

Running Locally​

You will need Node.js and Yarn.

First, clone the repository:

git clone https://github.com/damonsk/onlinewardleymaps.git
cd onlinewardleymaps

Install Yarn (if you don't have it):

npm install yarn -g

Change directory to the frontend:

cd frontend/

Install dependencies:

yarn install

To run locally (for development/editing), open your browser at http://localhost:3000:

yarn dev

To create a minified build:

yarn build

To run all tests:

yarn test

To create a package for use in vscode-wardley-maps or obsidian-wardley-maps:

yarn package

Support the Project​

If you find obsidian-wardley-maps, OnlineWardleyMaps, or vscode-wardley-maps valuable, consider supporting its development:

Become a Patron

Follow on X (Twitter) @MapsAsCode for updates and announcements!

Your support helps maintain and improve this plugin as well as OnlineWardleyMaps and vscode-wardley-maps. Every contribution is appreciated. Thank you for your support!

Mentioned in Awesome Wardley Maps

Developed by Damon Skelhorn.