Câu hỏi được gắn thẻ «d3.js»

Tôi có một loạt các hình chữ nhật svg (sử dụng D3.js) và tôi muốn hiển thị thông báo khi di chuột qua, thông báo phải được bao quanh bởi một hộp hoạt động như nền. Cả hai đều phải được căn chỉnh hoàn hảo với nhau và với hình …

91 javascript  svg  d3.js  tooltip 

Câu hỏi đầu tiên về Stack Overflow, vì vậy hãy chịu khó với tôi! Tôi mới làm quen với d3.js, nhưng đã luôn ngạc nhiên bởi những gì người khác có thể đạt được với nó ... và gần như ngạc nhiên trước cách mà tôi đã có thể tự …

89 javascript  d3.js  force-layout 

Sự khác biệt giữa GeoJSON và TopoJSON và khi nào tôi nên sử dụng cái này thay cho cái kia? Các mô tả về TopoJSON trên GitHub ngụ ý các tập tin TopoJSON nhỏ 80%. Vậy tại sao không chỉ sử dụng TopoJSON mọi lúc?

89 d3.js  gis  geojson  topojson 

Sự khác biệt giữa D3js forEachvà eachtrong D3js là gì?

88 javascript  d3.js 

Đã đóng cửa . Câu hỏi này cần được tập trung hơn . Nó hiện không chấp nhận câu trả lời. Bạn muốn cải thiện câu hỏi này? Cập nhật câu hỏi để câu hỏi chỉ tập trung vào một vấn đề bằng cách chỉnh sửa bài đăng này . …

88 javascript  d3.js  charts  chart.js 

Vì vậy, tôi có mã biểu đồ bố trí lực tiếp theo để thiết lập các nút, liên kết và các phần tử khác: var setLinks = function () { link = visualRoot.selectAll("line.link") .data(graphData.links) .enter().append("svg:line") .attr("class", "link") .style("stroke-width", function (d) { return nodeStrokeColorDefault; }) .style("stroke", function (d) { return fill(d); …

87 d3.js  force-layout 

TLDR: Có ai có kinh nghiệm về cả protovis & D3.js để chỉ ra sự khác biệt giữa hai loại này không? Tôi đã chơi với protovis trong 2 tuần qua và nó rất tuyệt cho đến nay. Ngoại trừ bây giờ tôi dường như đã chạm vào một bức …

84 javascript  protovis  d3.js 

Tôi đang cố gắng học d3 với cuốn sách Hình ảnh hóa web tương tác, nhưng nhiều thứ đã thay đổi với phiên bản 4.0. Một điều tôi thực sự không thể tìm ra là nếu có một tương đương cho d3.scale.category10 () để có được một ánh xạ dễ …

82 d3.js 

Cách hiệu quả để đưa phần tử SVG lên đầu thứ tự z, sử dụng thư viện D3 là gì? Kịch bản cụ thể của tôi là một biểu đồ hình tròn sẽ làm nổi bật (bằng cách thêm a strokevào path) khi chuột đi qua một phần nhất định. …

81 javascript  svg  d3.js 

Tôi chưa quen với mã hóa d3 và svg và đang tìm cách xoay văn bản trên xAxis của biểu đồ. Vấn đề của tôi là tiêu đề xAxis thường dài hơn so với các thanh trong biểu đồ thanh rộng. Vì vậy, tôi đang tìm cách xoay văn bản …

81 text  svg  transform  d3.js 

D3 có bố trí lực lượng hướng ở đây . Có cách nào để thêm tính năng thu phóng vào biểu đồ này không? Hiện tại, tôi đã có thể ghi lại sự kiện con lăn chuột nhưng không thực sự chắc chắn về cách viết chính hàm vẽ lại. …

80 javascript  jquery  d3.js  zoom  force-layout 

Tôi có một csv gồm 7 triệu hồ sơ đa dạng sinh học trong đó các mức phân loại là cột. Ví dụ: RecordID,kingdom,phylum,class,order,family,genus,species 1,Animalia,Chordata,Mammalia,Primates,Hominidae,Homo,Homo sapiens 2,Animalia,Chordata,Mammalia,Carnivora,Canidae,Canis,Canis 3,Plantae,nan,Magnoliopsida,Brassicales,Brassicaceae,Arabidopsis,Arabidopsis thaliana 4,Plantae,nan,Magnoliopsida,Fabales,Fabaceae,Phaseoulus,Phaseolus vulgaris Tôi muốn tạo trực quan hóa trong D3, nhưng định dạng dữ liệu phải là một mạng, trong đó …

27 javascript  python  d3.js  data-visualization  hierarchical-data 

Tôi có bộ dữ liệu này có hình elip, cụ thể hơn là "phong bì" hình elip. Tôi đã tự hỏi nếu ai đó có lời khuyên về cách tôi có thể vẽ những thứ này trên bản đồ D3. Tôi đã có một thiết lập bản đồ với phép …

16 javascript  d3.js  geospatial 

Tôi có biểu đồ d3 / d3fc sau đây https://codepen.io/parferences718/pen/BaNQPXx Biểu đồ có hành vi thu phóng cho khu vực chính và hành vi thu phóng riêng cho trục y. Trục y có thể được kéo để bán lại. Vấn đề tôi gặp khó khăn khi giải quyết là sau …

11 d3.js  d3fc 

Uncaught TypeError: t.rgb không phải là một chức năng Tôi đã tạo ra một ứng dụng góc cạnh, xây dựng nó và đang cố gắng phục vụ nó $ ng serve --prod --aot Điều này dẫn đến lỗi sau trong bảng điều khiển Uncaught TypeError: t.rgb is not a function …

10 javascript  angular  d3.js