Wizualizacja D3.js za pomocą node.js [closed] - node.js, d3.js

Właśnie zaczynam się uczyć węzła.ja i ja chcielibyśmy nauczyć się, jak używać węzła do tworzenia wizualizacji D3.js. Czy ktoś może wyjaśnić, jak mogę to zrobić? Idealnie szukam przykładu, który jest tak prosty, jak to możliwe, aby odczytać za pomocą kodu i zrozum, jak to zrobić. Przyglądałem się trochę, ale nie znalazłem żadnych powtarzalnych przykładów.

Odpowiedzi:

Co próbujesz zrobić? Node.js nie ma żadnego interfejsu graficznego ani DOM.

Możesz użyć przeglądarka bezgłowa w węźle, ale nadal potrzebujesz prawdziwej przeglądarki do renderowania wyników.

Edytuj po komentarzu:

Jeśli chcesz, aby aplikacja węzła obsługiwała dane, wypróbuj wyraźne ramy.

Prosty serwer ekspresowy:

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

Użyj żądania Ajax, aby uzyskać wartości. Prawdopodobnie chcesz ustawić Nagłówki CSP w odpowiedzi, aby zezwolić na żądania między domenami.

Klient używający jQuery:

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