@lantian1998/markdown-it-graphviz

v1.1.2

markdown-it-graphviz 是由哎呦迪奥编写的基于graphviz在web页面中生成各种图形的Markdown-IT扩展插件，种类繁多，我主要是用来生成思维导图，非常方便使用。 For more information about how to use this package see README

Latest version published 4 years ago

License: MPL-2.0

NPM

GitHub

Package Health Score

42 / 100

security
No known security issues
popularity
Limited
maintenance
Inactive
community
Limited

Explore Similar Packages

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
1.1.2	\|	08/2020	Popular	0 C 0 H 0 M 0 L	1 H 0 M 0 L

License

MPL-2.0

Non-Permissive License

We noticed that this project uses a license which requires less permissive conditions such as disclosing the source code, stating changes or redistributing the source under the same license. It is advised to further consult the license terms before use.

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (1)

GitHub Stars: 8
Forks: 6
Contributors: 1

Direct Usage Popularity

The npm package @lantian1998/markdown-it-graphviz receives a total of 1 downloads a week. As such, we scored @lantian1998/markdown-it-graphviz popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package @lantian1998/markdown-it-graphviz, we found that it has been starred 8 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 1
Funding: No

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like @lantian1998/markdown-it-graphviz is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 1
Open PR: 2
Last Release: 4 years ago
Last Commit: 5 years ago

Further analysis of the maintenance status of @lantian1998/markdown-it-graphviz based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for @lantian1998/markdown-it-graphviz is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 4 years
Dependencies: 1 Direct
Versions: 2
Install Size: 8.04 MB
Dist-tags: 1
# of Files: 30
Maintainers: 1
TS Typings: No

@lantian1998/markdown-it-graphviz has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

markdown-it-graphviz（基于 markdown-it 的 graphviz 扩展）

markdown-it-graphviz 是什么鬼？

markdown-it-graphviz 是由哎呦迪奥编写的基于 graphviz 在 web 页面中生成各种图形的Markdown-IT扩展插件，种类繁多，我主要是用来生成思维导图，非常方便使用。

✂️ 轻量：在不依赖 graphviz 和修改后的 viz.js 的基础上，只有 2kb。mermaid 其实也差不多，不管它。
⚡ 易用：你怎么使用 markdown-it 的插件，就怎么使用它。
⚙️️ 简单: 虽然有两种使用方式，但非常简单，以使用 markdown-it 插件的方式来使用它。

nodejs	npm	size
> 8.0	> 6.0	2kb

🔥 功能列表

markdown-it-graphviz 插件，将 graphviz 语法转换成各种图形，也算功能强大。 graphviz 有很多种图的（流程图、时序图、思维导图、行为图等等等），你可以去graphviz官网看哟。也许官网上看到的不太直观，你可以去网上搜索，然后学习，也可以参考我从网上搜索到的几篇文章。

关于Graphviz语法代码高亮，可以在VS Code的扩展中安装插件，直接搜索 Graphviz，然后装装装，最后看看插件的使用教程。

✨ 使用介绍

⚔️ 安装指南

作为第三方依赖安装：

    npm install -S markdown-it-graphviz

📈 使用方法

局部使用（作为第三方依赖包来使用），在 node 环境下的 js 文件中复制以下代码进行粘贴：

import markdownIt from 'markdown-it';
import markdownItGraphviz from 'markdown-it-graphviz';

// #region commonjs方式 Code Module

// const markdownItGraphviz = require('markdown-it-graphviz');

// #endregion commonjs方式 Code Module End

const mdi = markdownIt();
mdi.use(markdownItGraphviz);
mdi.render(`\`\`\`graphviz
digraph g {
	rankdir=LR  //方向左右
	dot语言-&gt;{简介,语法,示例}
	dot语言[shape=box,fontcolor=red]
	简介[color=red]
	语法[color=green]
	示例[color=blue]
	简介-&gt;{开源免费,UML绘图,导出svg}
	语法-&gt;{"digraph","graph"}
	"digraph"-&gt;导向图[label=可以制作带方向的导图]
	"graph"-&gt;无向图[label=可以制作不带方向的导图]
}
\`\`\``);

😎 效果

思维导图

🚀 快速上手

安装->使用

markdown-it 系列的插件怎么使用的，markdown-it-graphviz 就怎么使用。

可以参照我在维护的这个网站效果噢我的网站

📚 开发文档

安装node后，使用命令 npm start ，打开浏览器，输入地址 https://localhost:8989/index.html 或者 https://127.0.0.1:8989 就可以看到效果了，markdown源文件是 sample.md，页面中展示的效果根据这个markdown文件来进行展示的。

代码仓库

github 链接

📞 社区交流

markdown-it-graphviz 也算是哎呦系列中一员，虽然它没有以aiyou开头，之后还会有其它的成员陆续上来。

加群交流：722703370 qq群

感谢以下开源项目

viz.js

@lantian1998/markdown-it-graphviz dependencies

html-entities

@lantian1998/markdown-it-graphviz development dependencies

@commitlint/cli @commitlint/config-conventional @types/jest autoprefixer babel-core babel-eslint babel-jest babel-loader babel-plugin-lodash babel-plugin-transform-decorators-legacy babel-plugin-transform-runtime babel-preset-env child-process-promise colors commitizen commitlint conventional-changelog-cli copy-webpack-plugin coveralls cross-env cz-conventional-changelog eslint eslint-config-standard eslint-friendly-formatter eslint-loader eslint-plugin-html eslint-plugin-import eslint-plugin-node eslint-plugin-promise eslint-plugin-standard exec glob-all http-server husky imports-loader jest jest-config lint-staged nprogress postcss postcss-cssnext postcss-loader postcss-sprites pre-commit prompt regenerator-runtime semantic-release supertest ts-jest ts-loader ts-node tslint tslint-config-prettier tslint-config-standard tslint-loader typescript typescript-babel-jest url-loader vue-cli-plugin-commitlint

FAQs

What is @lantian1998/markdown-it-graphviz?

markdown-it-graphviz 是由哎呦迪奥编写的基于graphviz在web页面中生成各种图形的Markdown-IT扩展插件，种类繁多，我主要是用来生成思维导图，非常方便使用。. Visit Snyk Advisor to see a full health score report for @lantian1998/markdown-it-graphviz, including popularity, security, maintenance & community analysis.

Is @lantian1998/markdown-it-graphviz popular?

The npm package @lantian1998/markdown-it-graphviz receives a total of 1 weekly downloads. As such, @lantian1998/markdown-it-graphviz popularity was classified as limited. Visit the popularity section on Snyk Advisor to see the full health analysis.

Is @lantian1998/markdown-it-graphviz well maintained?

We found indications that @lantian1998/markdown-it-graphviz is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is @lantian1998/markdown-it-graphviz safe to use?

The npm package @lantian1998/markdown-it-graphviz was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 15 November-2024, at 09:35 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP