前言
在进行数据可视化展示的时候，有时候想快速地将数据转化为图表或者图形的形式，以便更好地进行呈现和展示。这个时候，就需要用到一些基于 JavaScript 的数据可视化库，比如 D3.js、Chart.js、Echarts 等等。而 markvis 就是一个可以自动生成 markdown 图表的工具。
markvis 是什么？
markvis 是一个基于 Markdown 的数据可视化库，可以使你在 Markdown 中轻松快速地插入交互式图表。markvis 的语法简单易懂，支持多种数据可视化方式，并且可以快速生成样式漂亮的图表。
安装 markvis
在使用之前，我们需要先安装 markvis。markvis 是通过 npm 包来进行安装的，因此在使用之前需要先确保您已经安装了 npm。
$ npm install -g markvis
上述命令将全局安装 markvis。安装完成之后，就可以通过 markvis 命令来使用了。
markvis 的基本用法
在使用 markvis 之前，我们需要先对其基本用法有所了解。markvis 支持多种不同的可视化方式，例如柱状图、饼图、折线图等等。下面以生成柱形图为例进行说明。
生成柱形图
我们在 Markdown 中插入如下语句，使用 markvis 自动生成柱形图。
-- -------------------- ---- -------
----------
-
-------- ---- -------
------- -
- -------- ---- -------- -- --
- -------- ---- -------- -- --
- -------- ---- -------- -- --
- -------- ---- -------- -- --
- -------- ---- -------- -- -
--
-------- -
------- -----
-
-代码中，我们定义了图表的标题和数据，以及图表类型。一旦插入 markvis 代码块，markvis 就会自动生成柱状图。如图所示：
生成饼图
除了柱状图之外，markvis 还支持生成饼图。我们可以按照以下方式在 Markdown 中插入 markvis 代码块。
-- -------------------- ---- -------
----------
-
-------- ---- -------
-------- -
------- ------
--------- ------
------- -
- -------- ---- -------- -- --
- -------- ---- -------- -- --
- -------- ---- -------- -- --
- -------- ---- -------- -- --
- -------- ---- -------- -- -
-
-
-插入之后，markvis 会自动地生成饼图，如下图所示：
markvis 扩展
markvis 支持很多不同的数据可视化方式，如柱状图、饼图、折线图、条形图、散点图等等，并且还支持很多不同的自定义参数，可以自己定制图表样式。这里只列举了使用 markvis 最基本、最常用、最容易上手的示例。
结论
markvis 是一个非常有用的前端工具，可以帮助我们快速地将数据转化成图表或者图形进行展示。使用 markvis 能够进一步提高我们的开发效率，以及更好地呈现和展示数据。希望本篇文章能够帮助你更好地使用 markvis。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d2081e8991b448dad0e