Pertanyaan yang diberi tag d3.js

D3.js adalah pustaka JavaScript untuk membuat visualisasi dokumen terikat data interaktif menggunakan HTML, SVG, dan Canvas.

200
Bagaimana saya bisa menghapus atau mengganti konten SVG?

Saya memiliki sepotong kode JavaScript yang membuat (menggunakan D3.js) svgelemen yang berisi bagan. Saya ingin memperbarui bagan berdasarkan data baru yang berasal dari layanan web menggunakan AJAX, masalahnya adalah setiap kali saya mengklik tombol pembaruan, itu menghasilkan yang baru svg, jadi...

199
Apa perbedaan D3 datum vs data?

Adakah yang bisa menjelaskan perbedaan antara datum () dan data () di D3.js? Saya melihat keduanya digunakan dan saya tidak yakin mengapa Anda harus memilih yang satu dari yang

183
Ubah ukuran svg ketika jendela diubah ukurannya di d3.js

Saya menggambar sebar dengan d3.js. Dengan bantuan pertanyaan ini: Dapatkan ukuran layar, halaman web saat ini dan jendela browser Saya menggunakan jawaban ini: var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth ||...

162
Tampilkan data pada mouse di atas lingkaran

Saya memiliki satu set data yang saya plot di sebar. Ketika saya mengarahkan mouse ke salah satu lingkaran saya ingin popup dengan data (seperti nilai x, y, mungkin lebih). Inilah yang saya coba gunakan: vis.selectAll("circle") .data(datafiltered).enter().append("svg:circle") .attr("cx",...

140
Pusatkan peta di d3 diberi objek geoJSON

Saat ini dalam d3 jika Anda memiliki objek geoJSON yang akan Anda gambar, Anda harus mengukur dan menerjemahkannya untuk mendapatkan ukuran yang diinginkan dan menerjemahkannya untuk memusatkannya. Ini adalah tugas trial and error yang sangat membosankan, dan saya bertanya-tanya apakah ada yang...

129
D3.js: apa yang 'g' dalam .append (“g”) kode D3.js?

Saya baru D3.jsmulai belajar hari ini saja Saya melihat contoh donat dan menemukan kode ini var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); Saya mencari dokumentasi ,...

110
Python setara dengan D3.js

Adakah yang bisa merekomendasikan pustaka Python yang dapat melakukan visualisasi grafik interaktif ? Saya secara khusus menginginkan sesuatu seperti d3.js tetapi untuk pythondan idealnya itu adalah 3D juga. Saya telah melihat: NetworkX - hanya melakukan Matplotlibplot dan yang tampaknya 2D....

106
Apa perbedaan antara atribut x dan dx svg?

Apa perbedaan antara atribut x dan dx svg (atau y dan dy)? Kapan waktu yang tepat untuk menggunakan atribut pergeseran sumbu (dx) versus atribut lokasi (x)? Misalnya, saya telah memperhatikan banyak contoh d3 melakukan hal seperti ini chart.append("text") .attr("x", 0) .attr("y", 0)...

103
Apa perbedaan antara D3 dan jQuery?

Mengacu pada contoh ini: http://vallandingham.me/stepper_steps.html tampaknya pustaka D3 dan jQuery sangat mirip dalam artian keduanya melakukan manipulasi DOM dengan cara perangkaian objek. Saya ingin tahu apa fungsi D3 lebih mudah daripada jQuery dan sebaliknya. Ada banyak pustaka grafik dan...

98
Panggil panggilan balik di akhir transisi

Saya perlu membuat metode FadeOut (mirip dengan jQuery) menggunakan D3.js . Yang perlu saya lakukan adalah mengatur opacity menjadi 0 menggunakan transition(). d3.select("#myid").transition().style("opacity", "0"); Masalahnya adalah saya memerlukan panggilan balik untuk menyadari ketika transisi...

94
pelabelan sumbu d3

Bagaimana cara menambahkan label teks ke sumbu di d3? Misalnya, saya memiliki grafik garis sederhana dengan sumbu x dan y. Pada sumbu x saya, saya memiliki tanda centang dari 1 sampai 10. Saya ingin kata "hari" muncul di bawahnya sehingga orang tahu sumbu x menghitung hari. Demikian pula,...

92
Bagaimana cara menambahkan tooltip ke grafik svg?

Saya memiliki serangkaian persegi panjang svg (menggunakan D3.js) dan saya ingin menampilkan pesan saat gerakan mouse, pesan harus dikelilingi oleh kotak yang bertindak sebagai latar belakang. Keduanya harus benar-benar sejajar satu sama lain dan dengan persegi panjang (di atas dan di tengah)....