node.js - 使用 node.js 进行 D3.js 可视化

Question

我刚刚开始学习 node.js，我想学习如何使用 node 来创建 D3.js 视觉对象。谁能解释我如何才能做到这一点？理想情况下，我正在寻找一个尽可能简单的示例，以便我可以阅读代码并了解如何执行此操作。我看了一些长度，但我没有找到任何可重现的例子。

Answer 1

你想做什么？Node.js 没有任何图形界面或 DOM。

您可以在节点中使用无头浏览器，但您仍然需要真正的浏览器来呈现结果。

评论后编辑：

如果您想要的是一个节点应用程序来提供数据，请尝试使用express 框架。

简单的快递服务器：

var express = require('express');
var app = express();

app.get('/circle', function(req, res){
  // CSP headers
  res.set("Access-Control-Allow-Origin", "*");
  res.set("Access-Control-Allow-Headers", "X-Requested-With");
  // response
  res.send({ x: 12, y: 34, r: 5 });
});

app.listen(3000);

使用 Ajax 请求来获取值。可能您想在响应中设置CSP 标头以允许跨域请求。

使用 jQuery 的客户端：

$.get('http://yourserver.com:3000/circle', function(data) {
  alert(data);
  // set here your svg properties
});