markvis 介绍
什么 要做 这个工具
有时候写 文章 需要插入一些数据来增强说服力，但是单纯的数字又不直观，所以可视化图表是必须的。紧接着就会出现 一个 问题：如何把图表 添加 到 文章 中。通常的做法是用一些现成的工具 生成 图片 ，然后把 图片 贴到 文章 中。这样一来就非常繁琐，尤其是用markdown写作时你还得把 图片 先 上传 到 一个 图床中。另一方面，访客阅读 文章 时， 图片 的加载比网页元素肯定更耗时。一旦加载过慢就会给阅读造成非常不好的体验。
安装
yarn add markvis --save
npm install markvis --save
使用
yarn add markvis --save
npm install markvis --save
例子
如果你的编辑器用了 markdown-it 来做解析器，那就可以非常方便的使用 markvis。和一般的 markdown-it 插件 一样：??
const md = require('markdown-it')()
const vis = require('markvis')
const d3 = require('d3') // in bro wser environment
const d3node = require('d3-node') // in node environment
md.use(vis).render(`
your makrdown content
`,{
d3,// in bro wser environment
d3node // in node environment
})
网站地址 : https://markvis.js.org/
GitHub: https://github.com/geekplux/markvis
网站描述: 在 markdown 中实现可视化图表的 插件
markvis官方网站
官方网站： https://markvis.js.org/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。