2012-08-15 45 views
13

Cho một tập hợp các tọa độ (x, y, z), làm cách nào để tạo một bản đồ đường viền?Tạo bản đồ đường viền

Sẽ rất hay khi biết cách triển khai trong nhưng sẽ không ngại tự mình triển khai nếu tôi có một số hướng.


Đối người dùng, tôi có thể tạo ra một bản đồ đường viền bằng d3.geom.contour() và jasondavies' conrec.js:

https://github.com/jasondavies/conrec.js

Về cơ bản, tôi muốn tái tạo đường viền này bản đồ sử dụng d3.js: http://beaugunderson.com/routes/

Trả lời

7

Dường như thế này sẽ rất dễ dàng với conrec.js. Nếu bạn chuyển dữ liệu trong biểu mẫu mà bạn có, bạn có thể lấy danh sách đường dẫn bằng cách gọi số .contourList() trên kết quả. Bạn sẽ có thể chuyển đổi mà không cần sửa đổi cuộc gọi d3.data(). Tất cả những gì bạn cần làm là cung cấp một trình tạo đường dẫn ánh xạ các tọa độ trong dữ liệu đến tọa độ màn hình.

+0

Ví dụ cho conrec.js kết hợp với d3.js: https://github.com/jasondavies/conrec.js/tree/master/example – Stefan

+0

Mọi thứ dường như không phải là đơn giản như được mô tả ở đây. Có ví dụ nào không? Chúng ta không thể chỉ cung cấp các giá trị [x, y, z] cho conrec, nó cần được biến đổi và có vẻ đáng kể. Ít nhất đó là những gì tôi hiểu. Thậm chí nếu bạn nhìn vào ví dụ github, nó không phải là một mảng 'nx3' được cung cấp dưới dạng tham số' data' ban đầu. –

0
  • Plotly.js được dựa trên d3.js và cung cấp các ô đường viền. Xem ví dụ

https://plot.ly/javascript/contour-plots/

Plotly.js: How to avoid overlapping contour lines?

How to apply plotly.js to an existing svg group <g> as target instead of applying it to a target <div> element?

  • Ngoài ra còn có một plugin đường viền cho d3.js (mà tôi không sử dụng chưa):

https://github.com/d3/d3-plugins/blob/master/geom/contour/contour.js

Và một ví dụ: http://bl.ocks.org/mbostock/4241134

Các vấn đề liên quan