Pertanyaan yang diberi tag «d3.js»

Asumsikan saya memiliki skrip histogram yang membuat grafik 960 500 svg. Bagaimana cara membuat ini responsif sehingga mengubah ukuran lebar grafik dan ketinggian dinamis? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall distribution. for …

224 javascript  responsive-design  d3.js 

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 saya ingin menghapus yang lama atau memperbarui kontennya. Berikut …

200 javascript  ajax  svg  d3.js 

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 lain?

199 javascript  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 || g.clientWidth, y = w.innerHeight|| e.clientHeight|| g.clientHeight; Jadi saya …

183 javascript  d3.js 

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", function(d) { return x(d.x);}) .attr("cy", function(d) {return y(d.y)}) .attr("fill", "red").attr("r", 15) .on("mouseover", function() …

162 tooltip  mouseover  d3.js 

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 tahu cara yang lebih baik untuk mendapatkan nilai-nilai …

140 d3.js  geojson  topojson 

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 , tetapi tidak mengerti apa .append("g")yang ditambahkan Apakah ini …

129 javascript  d3.js 

Saya perlu tahu persis lebar dan tinggi untuk gelemen arbitrer di saya SVGkarena saya perlu menggambar penanda seleksi di sekitarnya setelah pengguna mengkliknya. Apa yang saya lihat di internet adalah sesuatu seperti: d3.select("myG").style("width"). Masalahnya adalah bahwa elemen tersebut tidak selalu memiliki set atribut lebar eksplisit. Misalnya, ketika saya membuat lingkaran …

120 javascript  d3.js 

Saya mencoba memilih teknologi yang tepat untuk digunakan untuk memperbarui proyek yang pada dasarnya menampilkan ribuan titik dalam grafik yang dapat diperbesar dan dapat dipindai. Implementasi saat ini, menggunakan Protovis, berkinerja buruk. Lihat disini: http://www.planethunters.org/classify Ada sekitar 2000 titik saat diperkecil sepenuhnya. Coba gunakan pegangan di bagian bawah untuk memperbesar …

114 html  canvas  svg  d3.js  kineticjs 

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. Saya tidak melihat interaktivitas apa pun, seperti yang d3.jsmemberi, seperti …

110 python  graph  d3.js  graph-tool 

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) .attr("dy", -3) .text("I am a label") Apa keuntungan …

106 svg  d3.js 

Tutup. Pertanyaan ini tidak memenuhi pedoman Stack Overflow . Saat ini tidak menerima jawaban. Ingin memperbaiki pertanyaan ini? Perbarui pertanyaan agar sesuai dengan topik untuk Stack Overflow. Tutup 6 tahun lalu . Perbaiki pertanyaan ini Saya melihat D3.jsdan saya tertarik jadi saya membeli buku ini ! Saya mungkin salah, namun …

104 javascript  d3.js  data-visualization 

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 visualisasi yang menggunakan jQuery sebagai basis (mis.,highcharts, flot, wijmo). Tolong berikan …

103 javascript  jquery  d3.js 

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 telah selesai. Bagaimana cara menerapkan callback?

98 javascript  d3.js  transition 

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, pada sumbu …

94 javascript  d3.js  axis-labels