Beautiful Mermaid — красивый рендеринг диаграмм без браузера

★ 11.1K

beautiful-mermaid — это открытая библиотека на TypeScript, которая рендерит диаграммы Mermaid в красивые SVG или ASCII/Unicode-графику без DOM и без внешних зависимостей. Берут, когда агент или скрипт сгенерировал Mermaid-схему и её нужно показать человеку — в отчёте, документации или интерфейсе; когда браузера нет вообще (серверный конвейер, CLI-утилита, терминал); когда стандартный вид Mermaid выглядит недостаточно профессионально и нужен свой стиль. Поддерживает 6 типов диаграмм: Flowchart, State, Sequence, Class, ER и XY-графики (bar, line, combined). Рендеринг синхронный — работает с React useMemo() без мерцания; 15 встроенных тем, совместимость с любой VS Code-темой через Shiki, CSS custom properties для live-смены темы без перерисовки. Установка через npm/bun/pnpm; API — renderMermaidSVG() и renderMermaidASCII(). ASCII-движок портирован из Go-библиотеки mermaid-ascii. Направление — рендеринг Mermaid-синтаксиса в визуальный вывод, а не парсинг произвольных схем или преобразование изображений. Подойдёт любому Node.js/TypeScript-проекту и React-приложению. Принимает только корректный Mermaid-синтаксис; произвольную графику не строит.