All Projects → kamiazya → typedoc-plugin-mermaid

kamiazya / typedoc-plugin-mermaid

Licence: MIT license
A plugin for TypeDoc that generates graphs for mermaid.js diagrams by @mermaid annotation.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to typedoc-plugin-mermaid

Mermaid
Provides a parser function to generate diagrams and flowcharts with the help of the mermaid script language
Stars: ✭ 27 (+50%)
Mutual labels:  diagram, mermaid
typescript-boilerplate
A modern TypeScript project setup, for Node.js and browsers (using esbuild).
Stars: ✭ 502 (+2688.89%)
Mutual labels:  typedoc
gojs-angular-basic
Simple project demonstrating usage of our GoJS/Angular components
Stars: ✭ 29 (+61.11%)
Mutual labels:  diagram
visioStencils
My 2,700 visio 🎨 shapes, stencils, symbols, and icons collection to visually represent IT infrastructure
Stars: ✭ 43 (+138.89%)
Mutual labels:  diagram
vuepress-theme-cool
A custom vuepress theme with mermaid and plantuml, katex and vue components.
Stars: ✭ 57 (+216.67%)
Mutual labels:  mermaid
erdiagram
Entity-Relationship diagram code generator library
Stars: ✭ 28 (+55.56%)
Mutual labels:  diagram
scdDiagram
smart substation connection and configuration software based on IEC 61850 protocal and SCD file. Email: [email protected]
Stars: ✭ 17 (-5.56%)
Mutual labels:  diagram
cloudgram
Generate diagrams for your cloud architecture using code
Stars: ✭ 68 (+277.78%)
Mutual labels:  diagram
SMDiagramView
Diagram View for iOS
Stars: ✭ 44 (+144.44%)
Mutual labels:  diagram
rover
Interactive Terraform visualization. State and configuration explorer.
Stars: ✭ 2,039 (+11227.78%)
Mutual labels:  diagram
plant erd
ERD exporter with PlantUML and mermaid format
Stars: ✭ 126 (+600%)
Mutual labels:  mermaid
TypedocConverter
This is a typedoc json to C# type bindings converter. Can be used as a TypeScript to C# bindings converter.
Stars: ✭ 89 (+394.44%)
Mutual labels:  typedoc
prisma-erd-generator
Generate an ER Diagram based on your Prisma schema every time you run npx prisma generate
Stars: ✭ 249 (+1283.33%)
Mutual labels:  mermaid
cupid
A library that focuses on finding and analyzing the relationships between AsyncAPI documents. It outputs a map of the system architecture. Except for a default map, it is possible to get output as mermaid.js flow diagram, PlantUML class diagram and more to come.
Stars: ✭ 32 (+77.78%)
Mutual labels:  diagram
OrgChart
Organization chart layout library
Stars: ✭ 16 (-11.11%)
Mutual labels:  diagram
syntrax
Railroad syntax diagram generator
Stars: ✭ 57 (+216.67%)
Mutual labels:  diagram
wapiml
An OpenAPI round-trip tool that leverages model-driven techniques to create, visualize, manage, and generate OpenAPI definitions.
Stars: ✭ 61 (+238.89%)
Mutual labels:  diagram
GoJS-projects
Project examples for GoJS
Stars: ✭ 45 (+150%)
Mutual labels:  diagram
react-direct-graph
📏 React component for drawing direct graphs with rectangular (non-curve) edges.
Stars: ✭ 25 (+38.89%)
Mutual labels:  diagram
ef-db-diagrams
Visualize model created with EntityFramework Core
Stars: ✭ 52 (+188.89%)
Mutual labels:  diagram

GitHub Action CodeFactor npm version FOSSA Status tested with jest code style: prettier License: MIT BCH compliance PRs Welcome All Contributors

typedoc-plugin-mermaid

A plugin for TypeDoc that generates graphs for mermaid.js diagrams by @mermaid annotation.

Installation

The plugin can then be installed using npm:

NPM

# npm
npm install --save-dev typedoc-plugin-mermaid
# or yarn
yarn add -D typedoc-plugin-mermaid

Usage

Write tsdoc with @mermaid annotations:

/**
 * Hoge is sample class for example of `typedoc-plugin-mermaid`.
 *
 * @mermaid Make TypeDoc easy to use with mermaid.js
 * graph TB
 *   mermaid.js --> TypeDoc;
 */
export class Hoge { }

Or use fenced code blocks:

/**
 * Mermaid code blocks are automatically detect and converted.
 *
 * ```mermaid
 * graph TB
 *   mermaid.js --> TypeDoc;
 * ```
 */
export class Mermaid { }

↓↓ DEMO ↓↓

Example

Arguments

The following arguments can be used in addition to the default TypeDoc arguments.

$ typedoc --help
...
Options:
 --mermaidVersion            [Mermaid Plugin] The version of mermaid.js to use.
...
  • --mermaidVersion

    Specify mermaid.js version to use.

    Default: latest, Example: 8.14.0

Contributors

Thanks goes to these wonderful people (emoji key):


Yuki Yamazaki

🤔 💻 ⚠️ 📖

Bob Kerns

🐛

Emily Marigold Klassen

💻 ⚠️

Mathieu Jalbert-Claveau

🐛

Michael Schmidt

💻 ⚠️ 📖

Carl Fürstenberg

🐛 🚇

Will Henderson

💻 🐛 💡

guryanovev

🐛

Ricardo Ferreira

🤔

This project follows the all-contributors specification. Contributions of any kind welcome!

License

This software is released under the MIT License, see LICENSE.

FOSSA Status

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].