27、基于浏览器的可视化：从基础到高级图表

基于浏览器的可视化：从基础到高级图表

1. 创建自定义 Node.js 网络服务器

在进行基于浏览器的可视化时，虽然创建自定义的 Node.js 网络服务器并非绝对必要，但它有诸多好处。之前的简单网络项目是通过 live - server 将静态资源传递到浏览器，现在我们要将网络项目迁移到 Node.js 项目中，由 Node.js 项目作为承载可视化的网络服务器。

具体操作如下：
1. 将网络项目移动到新 Node.js 项目的 public 子目录中，同时把 CSV 数据文件从网络项目移动到 data 子目录，方便数据管理。
2. 运行 Node.js 项目，它会创建一个网络服务器来承载网络应用，并创建一个 REST API 为应用提供数据。这样，网络服务器就成为了服务器端文件系统和浏览器中运行的网络应用之间的中间人，数据不再直接对公众开放，必须通过 REST API 访问，便于控制数据访问。

以下是简单网络服务器的 Node.js 代码（ listing - 10.4/index.js ）：

const express = require('express');
const path = require('path');
const importCsvFile = require('./toolkit/importCsvFile.js');
const app = express();
const staticFilesPath = path.join(__dirname, "publ