Skip to content

docs: add Beauty Diagram to community integrations#7910

Open
levi840714 wants to merge 1 commit into
mermaid-js:developfrom
levi840714:docs/add-beauty-diagram
Open

docs: add Beauty Diagram to community integrations#7910
levi840714 wants to merge 1 commit into
mermaid-js:developfrom
levi840714:docs/add-beauty-diagram

Conversation

@levi840714

@levi840714 levi840714 commented Jun 23, 2026

Copy link
Copy Markdown

📑 Summary

Adds Beauty Diagram to the community integrations list. It takes Mermaid (and PlantUML) source and renders polished, shareable SVG diagrams with deck-ready themes — for slides and documentation. Listed under the section matching each surface it ships on, following the existing conventions:

  • Productivity tools — web editor, alongside similar in-browser editors (Mermaid Flow, Mermaid Studio by webtoolz)
  • Otherbd CLI, for rendering from the terminal / CI
  • Editor Plugins → VS Code — VS Code Marketplace extension, as a sub-item
  • Productivity tools → Obsidian — Obsidian community plugin, as a sub-item

🔗 Links (all live)

📏 Checklist

  • Edited the source src/docs file, not the autogenerated one
  • Ran pnpm --filter mermaid run docs:build so both files stay in sync
  • Placed each entry under the matching section, following existing formatting

@netlify

netlify Bot commented Jun 23, 2026

Copy link
Copy Markdown

Deploy Preview for mermaid-js ready!

Name Link
🔨 Latest commit 25d4469
🔍 Latest deploy log https://app.netlify.com/projects/mermaid-js/deploys/6a3aadeb665df50008ebaf99
😎 Deploy Preview https://deploy-preview-7910--mermaid-js.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@changeset-bot

changeset-bot Bot commented Jun 23, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: 25d4469

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@pkg-pr-new

pkg-pr-new Bot commented Jun 23, 2026

Copy link
Copy Markdown

Open in StackBlitz

@mermaid-js/examples

npm i https://pkg.pr.new/@mermaid-js/examples@7910

mermaid

npm i https://pkg.pr.new/mermaid@7910

@mermaid-js/layout-elk

npm i https://pkg.pr.new/@mermaid-js/layout-elk@7910

@mermaid-js/layout-tidy-tree

npm i https://pkg.pr.new/@mermaid-js/layout-tidy-tree@7910

@mermaid-js/mermaid-zenuml

npm i https://pkg.pr.new/@mermaid-js/mermaid-zenuml@7910

@mermaid-js/parser

npm i https://pkg.pr.new/@mermaid-js/parser@7910

@mermaid-js/tiny

npm i https://pkg.pr.new/@mermaid-js/tiny@7910

commit: 25d4469

@codecov

codecov Bot commented Jun 23, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 24.36%. Comparing base (388ccd0) to head (25d4469).

Additional details and impacted files

Impacted file tree graph

@@             Coverage Diff              @@
##           develop    #7910       +/-   ##
============================================
- Coverage    67.78%   24.36%   -43.43%     
============================================
  Files          429       30      -399     
  Lines        38648     6925    -31723     
  Branches      6380      353     -6027     
============================================
- Hits         26199     1687    -24512     
+ Misses        9675     5238     -4437     
+ Partials      2774        0     -2774     
Flag Coverage Δ
e2e ?
unit 24.36% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.
see 423 files with indirect coverage changes

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@levi840714 levi840714 force-pushed the docs/add-beauty-diagram branch 2 times, most recently from e16d7dc to 8a1fb88 Compare June 23, 2026 15:38
Beauty Diagram takes Mermaid (and PlantUML) source and renders polished,
shareable SVG diagrams with deck-ready themes, for slides and docs.

Added across the surfaces it ships on:
- Web editor under Productivity tools, alongside similar in-browser editors
- `bd` CLI under Other, for rendering from the terminal / CI
- VS Code extension as a sub-item under VS Code
- Obsidian plugin as a sub-item under Obsidian

Regenerated the published docs via `pnpm --filter mermaid run docs:build`.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@levi840714 levi840714 force-pushed the docs/add-beauty-diagram branch from 8a1fb88 to 25d4469 Compare June 23, 2026 16:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants