D3.js visualization with node.js [closed]

问题:

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Want to improve this question? Update the question so it's on-topic for Stack Overflow.

Closed 6 years ago.

Improve this question

I'm just starting to learn node.js and I'd like to learn how to use node to create a D3.js visual. Can anyone explain how I can go about doing this? Ideally, I'm looking for an example that is as simple as possible that I can read through the code and understand how to do this. I've looked at some length, but I haven't found any reproducible examples.

回答1:

What are you trying to do? Node.js doesn't has any graphic interface or DOM.

You could use a headless browser in node but you would still require a real browser to render the results.

Edit after comment:

If what you want is a node app to serve data, try the express framework.

Simple express server:

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);

Use an Ajax request to get the values. Probably you want to set the CSP headers in the response to allow cross domain requests.

Client using jQuery:

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