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
Trả lời
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
});
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
Vì vậy, bạn chỉ muốn một ứng dụng nút để phục vụ dữ liệu? –
Đ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? '' – turtle
- 1. Các tùy chọn thay thế canvas HTML5 cho d3.js, thư viện trực quan hóa biểu đồ
- 2. Hiểu Javascript D3 trực quan quadtree
- 3. Dart js interop với D3
- 4. Trực quan hóa XSD?
- 5. Trực quan hóa cây với Java
- 6. SVG vào Canvas với d3.js
- 7. Hiệu ứng kính lúp cho lực lượng D3/GraphGL hướng trực quan hóa mạng?
- 8. Trực quan hóa một DAG
- 9. d3.js lực đóng mở với nhãn
- 10. Sử dụng tay lái với D3.js
- 11. D3.js vs Raphael.js
- 12. d3.js và document.onReady
- 13. Chuyển tiếp D3.js
- 14. Công cụ trực quan hóa hồ sơ?
- 15. Công cụ trực quan hóa mạng nhẹ
- 16. Trực quan hóa cây trong VS2008
- 17. Cách trực quan hóa một Erlang gen_fsm
- 18. Trực quan hóa logic phương thức C#
- 19. Công cụ trực quan hóa XML?
- 20. Trực quan hóa thông báo lỗi gcc
- 21. Cách trực quan hóa biểu đồ neo4j
- 22. Công cụ trực quan hóa của Mysql
- 23. Trực quan hóa cây phân loại Weka
- 24. Trực quan hóa 3D trong trình duyệt
- 25. Công cụ trực quan hóa nguồn mở
- 26. Nhúng csv vào HTML để sử dụng với D3.js
- 27. chiếu d3.js tỷ lệ
- 28. d3.js Cây thụt lề với các liên kết thẳng
- 29. d3 js làm hình ảnh
- 30. d3.js & nvd3.js - Cách đặt phạm vi trục y
[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. –