node.js ile D3.js görselleştirme

Question

Sadece node.js'yi öğrenmeye başladım ve bir D3.js görsel oluşturmak için düğümün nasıl kullanıldığını öğrenmek istiyorum. Bunu yapmayı nasıl başarabileceğimi bilen var mı? İdeal olarak, kodu okuyabildiğim ve bunu nasıl yapacağımı anlayabildiğim kadar basit bir örnek arıyorum. Uzunluğa baktım ama hiç tekrarlanabilir bir örnek bulamadım.

Answer 1

Ne yapmaya çalışıyorsunuz? Node.js grafik arayüzü veya DOM içermiyor.

Düğüm içinde a headless browser kullanabilirsiniz, ancak sonuçları işlemek için gerçek bir tarayıcıya gerek duyarsınız. Yorumlarınız sonra

Düzenleme: ne istediğiniz verileri sunmak için bir düğüm uygulaması ise

, express framework deneyin.

Basit ekspres sunucusu:

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

değerlerini almak için bir Ajax isteği kullanın. Muhtemelen çapraz etki alanı isteklerine izin vermek için yanıtta CSP headers değerini ayarlamak istersiniz. jQuery kullanarak

Müşteri:

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