Markvis - 在 markdown 中生成可视化图表

本文首发于「GraphiCon图形控」公众号，微信号 GraphiCon，原文地址

今天在这里给大家分享一个 markdown-it 插件，能让你在markdown 中通过几行代码就生成一个可视化图表📊。

• 项目主页： https://markvis.js.org/
• 在线编辑器体验一下： https://markvis-editor.js.org/
• 源码： https://github.com/geekplux/markvis

背景介绍

Markdown 现在被越来越多的人熟悉，它是一个标记语言，只要你在每句话之前加一些符号，编辑器就能自动排版。markdown-it 是一个 markdown 的解析器，易扩展，很多人给它写插件，比如有个插件是让它支持可爱的 emoji 表情。markvis 也是一个插件，通过两行代码就能生成条形图折线图等，如下图：

为什么要做这个工具

有时候写文章需要插入一些数据来增强说服力，但是单纯的数字又不直观，所以可视化图表是必须的。紧接着就会出现一个问题：如何把图表添加到文章中。通常的做法是用一些现成的工具生成图片，然后把图片贴到文章中。这样一来就非常繁琐，尤其是用markdown写作时你还得把图片先上传到一个图床中。另一方面，访客阅读文章时，图片的加载比网页元素肯定更耗时。一旦加载过慢就会给阅读造成非常不好的体验。

Markvis 相当于抓住了这个痛点，开发出了直接在 Markdown ...

Continue to read