很多前端开发者不仅仅只是负责编写代码，他们也需要处理数据，并且需要对这些数据进行可视化。terminal-charts 是一个非常不错的 npm 包，可以让你在终端中使用字符画的方式展现你的数据。这样的可视化方式方式不仅灵活，而且非常适合在服务器上使用。在本篇文章中，我们将会探索如何使用这个 npm 包。
安装
首先，你需要安装 Node.js 环境。如果你已经安装了 Node.js，那么你可以使用 npm 进行安装。
$ npm install -g terminal-charts
这个命令会将 terminal-charts 安装到全局路径之中，使得在终端中的任何目录下都可以直接使用 terminal-charts 这个命令。
看一个示例
我们看一个基本的例子。在你的终端中输入下面的命令：
$ terminal-charts -c '60,30' -d '10,15,20,25,30'
这个命令将会在终端中显示一个可以描述数据变化的 terminal-charts 图表。这个图表具有 60 个字符的宽度和 30 个字符的高度。图表中的数据点描述着一个数组 [10, 15, 20, 25, 30] 中的数据。你会看到下面的结果：
-- -------------------- ---- ------- - - - - - - - - - - - -- - ------------------------- - -- -- --
支持其他的数据格式
除了直接使用数组，terminal-charts 也支持使用 JSON 和 CSV 格式的数据。下面是一个关于 JSON 格式的示例：
-- -------------------- ---- -------
-
-
----------- --------- ---
-------- --
--
-
----------- --------- ---
-------- --
--
-
----------- --------- ---
-------- --
-
-你可以通过以下命令把上述 JSON 作为数据输入到给定的终端宽高中：
$ terminal-charts -c '40,20' -f data.json
terminal-charts 也支持 CSV 格式的数据。
添加标签
很多时候，数据不会自我解释。我们需要添加标签来帮助我们描述这些数据。terminal-charts 支持图例，这让我们可以更好地理解数据是什么。下面是一个支持图例的示例：
-- -------------------- ---- -------
-
--------- ---
--------- ---
------- -
-
------- -
- ---- -- ---- -- --
- ---- -- ---- -- --
- ---- -- ---- -- --
- ---- -- ---- -- -
--
--------- ------- ---
-------- -----
--
-
------- -
- ---- -- ---- -- --
- ---- -- ---- -- --
- ---- -- ---- -- --
- ---- -- ---- -- -
--
--------- ------- ---
-------- ------
-
-
-你可以通过以下命令来添加标签：
$ terminal-charts -c '60,30' -f data.json -l
上述命令就可以生成一个带有图例的图表。
总结
terminal-charts 是一个使用字符画在终端中展现数据的 npm 包，它支持不同的数据格式，并且支持图例。如果你需要在终端中对数据进行可视化，terminal-charts 可能是你想要的工具。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055c9e81e8991b448da03f