# Mermaid 11.14.0

- Product: Mermaid (https://whatsnew.fyi/product/mermaid)
- Vendor: Mermaid
- Date: 2026-04-01
- Version: 11.14.0
- Original notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.14.0
- Permalink: https://whatsnew.fyi/product/mermaid/releases/11.14.0

What's New is an index, not a publisher: every entry below links to the vendor's own release notes, which are the authoritative source. Entries are labelled where they are hand-curated sample data, pre-releases, or drawn from a secondary source such as a developer blog.

Reuse: the summaries, labels and curation here are © What's New. Quote freely with attribution and a link back; wholesale republication of the corpus is not permitted — terms: https://whatsnew.fyi/terms. The vendors' own release notes remain their publishers'.

---

- **added** — Add TreeView diagram type
- **added** — Add Wardley Maps diagram type (beta) with component positioning, anchors, multiple link types, evolution arrows, custom evolution stages, pipeline components, annotations, and source strategy markers
- **added** — Implement neo look styling for state diagrams
- **added** — Implement neo look support for sequence diagrams with drop shadows and enhanced styling
- **added** — Add randomize config option for architecture diagrams, defaulting to false for deterministic layout
- **added** — Add option to change timeline direction
- **added** — Implement neo look styling for ER diagrams
- **added** — Implement neo look styling for requirement diagrams
- **added** — Add theme support for data label colour in xy chart
- **added** — Implement neo look styling for mindmap diagrams
- **added** — Implement neo look for mermaid flowchart diagrams
- **added** — Implement neo look and themes for class diagram
- **added** — Add showDataLabelOutsideBar option for xy chart
- **added** — Implement neo look support for timeline diagram with drop shadows, additional redux themes and enhanced styling
- **fixed** — Fix duplicate SVG element IDs when rendering multiple diagrams on the same page by prefixing internal element IDs with the diagram's SVG element ID across all diagram types

Thanks to our awesome mermaid community that contributed to this release: [@ashishjain0512](https://github.com/ashishjain0512), [@tractorjuice](https://github.com/tractorjuice), [@autofix-ci[bot]](https://github.com/autofix-ci%5Bbot%5D), [@aloisklink](https://github.com/aloisklink), [@knsv](https://github.com/knsv), [@kibanana](https://github.com/kibanana), [@chandershekhar22](https://github.com/chandershekhar22), [@khalil](https://github.com/khalil), [@ytatsuno](https://github.com/ytatsuno), [@sidharthv96](https://github.com/sidharthv96), [@github-actions[bot]](https://github.com/github-actions%5Bbot%5D), [@dripcoding](https://github.com/dripcoding), [@knsv-bot](https://github.com/knsv-bot), [@jeroensmink98](https://github.com/jeroensmink98), [@Alex9583](https://github.com/Alex9583), [@GhassenS](https://github.com/GhassenS), [@omkarht](https://github.com/omkarht), [@darshanr0107](https://github.com/darshanr0107), [@leentaylor](https://github.com/leentaylor), [@lee-treehouse](https://github.com/lee-treehouse), [@veeceey](https://github.com/veeceey), [@turntrout](https://github.com/turntrout), [@Mermaid-Chart](https://github.com/Mermaid-Chart), [@BambioGaming](https://github.com/BambioGaming), Claude

#### Releases
##### @mermaid-js/examples@1.2.0

###### Minor Changes

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519) - add new TreeView diagram

##### mermaid@11.14.0

###### Minor Changes

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519) - Add Wardley Maps diagram type (beta)

    Adds Wardley Maps as a new diagram type to Mermaid (available as `wardley-beta`). Wardley Maps are visual representations of business strategy that help map value chains and component evolution.

    Features:

    -   Component positioning with [visibility, evolution] coordinates (OWM format)
    -   Anchors for users/customers
    -   Multiple link types: dependencies, flows, labeled links
    -   Evolution arrows and trend indicators
    -   Custom evolution stages with optional dual labels
    -   Custom stage widths using @boundary notation
    -   Pipeline components with visibility inheritance
    -   Annotations, notes, and visual elements
    -   Source strategy markers: build, buy, outsource, market
    -   Inertia indicators
    -   Theme integration

    Implementation includes parser, D3.js renderer, unit tests, E2E tests, and comprehensive documentation.

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519)  - feat: implement neo look styling for state diagrams

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519)  - feat: implement neo look support for sequence diagrams with drop shadows, and enhanced styling

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519)  - feat: add `randomize` config option for architecture diagrams, defaulting to `false` for deterministic layout

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519) - feat: Add option to change timeline direction

-   [#7526](https://github.com/mermaid-js/mermaid/pull/7526) [`efe218a`](https://github.com/mermaid-js/mermaid/commit/efe218a47fb5a4c2bd5489b48ce69213b141e519)  - Fix duplicate SVG element IDs when rendering multiple diagrams on the same page. Internal element IDs (nodes, edges, markers, clusters) are now prefixed with the diagram's SVG element ID across all diagram types. Custom CSS or JS

_[Truncated at 4000 characters — full notes: https://github.com/mermaid-js/mermaid/releases/tag/mermaid%4011.14.0]_