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

Question

我刚开始学习node.js，想学习如何使用node.js创建D3.js可视化。请问有人可以解释一下我怎样实现吗？最好是一个尽可能简单的例子，让我能够通读代码并理解如何实现。我已经找了很长时间，但没有找到实用的例子。

- turtle

---

这个问题可能会有所帮助：https://dev59.com/jGkw5IYBdhLWcg3wXZX8。 - Lars Kotthoff

Answer 1

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

你可以在 Node.js 中使用 无头浏览器，但仍需要真正的浏览器来渲染结果。 在评论后进行编辑： 如果你想要一个服务数据的 Node.js 应用程序，请尝试 express 框架。 简单的 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 headers以允许跨域请求。 使用jQuery的客户端：

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

- Pedro L.

---

谢谢。我只是在寻找一个例子，展示如何使用节点将数据推送到D3可视化中。 - turtle

你只是想要一个Node应用程序来提供数据吗？ - Pedro L.

太好了！我还想了解一件事。如果我想用d3制作一个svg圆，并将x、y和半径数据传递给浏览器生成圆形，我该怎么做呢？ <svg width="50" height="50"> 2 <circle cx="25" cy="25" r="25" fill="purple" /> </svg> - turtle

好的，我已经更新了回复。但是我觉得你的问题与node或D3无关。你首先需要基本的HTTP和javascript知识。 - Pedro L.

jQuery是一个JavaScript库：http://jquery.com/ - Pedro L.