2013-09-07 41 views
5

Tôi chỉ mới bắt đầu học node.js và tôi muốn tìm hiểu cách sử dụng nút để tạo hình ảnh D3.js. Bất cứ ai có thể giải thích làm thế nào tôi có thể đi về việc này? Lý tưởng nhất, tôi đang tìm một ví dụ đơn giản nhất có thể mà tôi có thể đọc qua mã và hiểu cách thực hiện điều này. Tôi đã xem xét một số chiều dài, nhưng tôi đã không tìm thấy bất kỳ ví dụ tái sản xuất.Trực quan hóa D3.js với node.js

+1

[Câu hỏi này] (http://stackoverflow.com/questions/9948350/how-to-use-d3-in-node-js-properly) có thể Cứu giúp. –

Trả lời

4

Bạn đang cố gắng làm gì? Node.js không có bất kỳ giao diện đồ họa hoặc DOM nào.

Bạn có thể sử dụng a headless browser trong nút nhưng bạn vẫn sẽ yêu cầu trình duyệt thực để hiển thị kết quả.

Chỉnh sửa sau khi bình luận:

Nếu những gì bạn muốn là một ứng dụng nút để phục vụ dữ liệu, hãy thử các express framework.

đơn giản nhanh 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); 

Sử dụng một yêu cầu Ajax để có được các giá trị. Có lẽ bạn muốn đặt CSP headers trong phản hồi để cho phép yêu cầu miền chéo.

Khách hàng sử dụng jQuery:

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

Cảm ơn. Tôi chỉ đơn giản là tìm một ví dụ cho thấy làm thế nào để sử dụng nút để đẩy dữ liệu vào một v3 D3. – turtle

+0

Vì vậy, bạn chỉ muốn một ứng dụng nút để phục vụ dữ liệu? –

+0

Điều này thật tuyệt! Một điều nữa tôi muốn hiểu. Nếu tôi muốn tạo vòng tròn svg bằng d3 và chuyển dữ liệu x, y và bán kính cho trình duyệt để tạo vòng kết nối, tôi có thể làm như thế nào? ' 2 ' – turtle