«d3.js» etiketlenmiş sorular

Bir 960 500 svg grafiği oluşturan bir histogram komut dosyanız olduğunu varsayalım. Grafik genişliklerini ve yüksekliklerini dinamik olarak yeniden boyutlandırmak için bunu nasıl duyarlı hale getirebilirim? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // Generate an Irwin-Hall …

224 javascript  responsive-design  d3.js 

(D3.js kullanarak) svgbir grafik içeren bir öğe oluşturur JavaScript kodu bir parça var . Grafiği AJAX kullanarak bir web hizmetinden gelen yeni verilere göre güncellemek istiyorum, sorun güncelleme düğmesine her tıkladığımda yeni bir tane oluşturması svg, bu yüzden eskisini kaldırmak veya içeriğini güncellemek istiyorum. İşte JavaScript fonksiyonundan bir parçacığı oluşturduğum …

201 javascript  ajax  svg  d3.js 

Birisi D3.js'de datum () ve data () arasındaki farkı açıklayabilir mi? Her ikisinin de kullanıldığını görüyorum ve neden birini diğerinden seçmeniz gerektiğinden emin değilim?

199 javascript  d3.js 

Ben d3.js ile bir dağılım grafiği çiziyorum. Bu sorunun yardımıyla: Ekranın boyutunu, geçerli web sayfasını ve tarayıcı penceresini alın Bu cevabı kullanıyorum: 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; Böylece grafiğimi kullanıcının …

183 javascript  d3.js 

Dağılımda çizdiğim bir veri setim var. Dairelerden birine fareyle geldiğimde verilerle (x, y değerleri, belki daha fazlası gibi) pop-up olmasını istiyorum. İşte ne denedim: 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() { d3.select(this).enter().append("text") .text(function(d) {return d.x;}) .attr("x", function(d) {return x(d.x);}) .attr("y", …

162 tooltip  mouseover  d3.js 

Şu anda d3'te çizeceğiniz bir geoJSON nesneniz varsa, onu ölçeklemek ve ortalamak için onu istediğiniz boyuta getirmek ve çevirmek için çevirmek zorundasınız. Bu çok sıkıcı bir deneme yanılma görevidir ve bu değerleri elde etmenin daha iyi bir yolunu bilip bilmediğini merak ediyordum. Yani, örneğin, bu kod varsa var path, vis, …

140 d3.js  geojson  topojson 

Ben yeniyim D3.js, sadece bugün öğrenmeye başladım Halka örneğine baktım ve bu kodu buldum var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); Belgeleri aradım , ancak neyin .append("g")eklendiğini anlamadım Hatta D3spesifik mi? Burada rehberlik arıyorum

129 javascript  d3.js 

İçimdeki keyfi bir gelemanın genişliğini ve yüksekliğini tam olarak SVGbilmem gerekiyor çünkü kullanıcı tıkladıktan sonra etrafına bir seçim işareti çizmem gerekiyor. Ne internette gördüğüm gibi bir şey: d3.select("myG").style("width"). Sorun, öğenin her zaman açık bir genişlik özniteliğine sahip olmamasıdır. Örneğin, içinde bir daire oluşturduğumda , genişlik yerine gradious ( r) kümesine …

120 javascript  d3.js 

Temelde yakınlaştırılabilir, kaydırılabilir bir grafikte binlerce noktayı oluşturan bir projeyi güncellemek için kullanılacak doğru teknolojiyi seçmeye çalışıyorum. Protovis kullanan mevcut uygulama düşük performans gösteriyor. Buradan kontrol edin: http://www.planethunters.org/classify Tamamen uzaklaştırıldığında yaklaşık 2000 nokta vardır. Biraz yakınlaştırmak için alttaki tutamaçları kullanmayı deneyin ve kaydırmak için sürükleyin. Oldukça dalgalı olduğunu göreceksiniz ve …

114 html  canvas  svg  d3.js  kineticjs 

Etkileşimli grafik görselleştirme yapabilen bir Python kitaplığı öneren var mı? Özellikle d3.js gibi bir şey istiyorum ama pythonideal olarak 3D de olacaktır. Baktım: NetworkX - sadece Matplotlibgrafikler yapıyor ve bunlar 2D gibi görünüyor. d3.jsEtrafındaki düğümleri çekmek gibi , veren gibi herhangi bir etkileşim görmedim . grafik aracı - yalnızca 2B …

110 python  graph  d3.js  graph-tool 

Svg'nin x ve dx niteliği (veya y ve dy) arasındaki fark nedir? Konum özelliğine (x) karşı eksen kaydırma özelliğini (dx) kullanmak için ne zaman uygun bir zaman olur? Örneğin, böyle bir şey yapan birçok d3 örneği fark ettim chart.append("text") .attr("x", 0) .attr("y", 0) .attr("dy", -3) .text("I am a label") Aşağıdakiler …

106 svg  d3.js 

Kapalı. Bu soru Yığın Taşması yönergelerini karşılamıyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Yığın Taşması için konuya uygun olması için soruyu güncelleyin . 6 yıl önce kapalı . Bu soruyu geliştirin Gördüm D3.jsve ilgimi çekti bu yüzden bu kitabı aldım ! Yanılıyor olabilirim, ancak tatmin …

104 javascript  d3.js  data-visualization 

Bu örneğe istinaden: http://vallandingham.me/stepper_steps.html Görünüşe göre D3 ve jQuery kitaplıkları, her ikisinin de DOM manipülasyonunu bir nesne zinciri yoluyla yapmaları açısından çok benzer. D3'ün hangi işlevleri jQuery'den daha kolay hale getirdiğini ve bunun tersini merak ediyorum. Temel olarak jQuery kullanan birçok grafik ve görselleştirme kitaplığı vardır (örn.yüksek grafikler, yüzdürmek, Wijmo). …

103 javascript  jquery  d3.js 

D3.js kullanarak bir FadeOut yöntemi (jQuery'ye benzer) yapmam gerekiyor . Yapmam gereken, kullanarak opaklığı 0 olarak ayarlamaktır transition(). d3.select("#myid").transition().style("opacity", "0"); Sorun şu ki, geçişin ne zaman bittiğini anlamak için bir geri aramaya ihtiyacım var. Geri aramayı nasıl uygulayabilirim?

98 javascript  d3.js  transition 

D3'teki eksenlere nasıl metin etiketleri eklerim? Örneğin, x ve y eksenli basit bir çizgi grafiğim var. X eksenimde 1'den 10'a kadar işaretlerim var. "Günler" kelimesinin altında görünmesini istiyorum, böylece insanlar x ekseninin günleri saydığını bilir. Benzer şekilde, y ekseninde, 1-10 arası sayıları işaretliyorum ve "yenen sandviçler" kelimelerinin yanlamasına görünmesini istiyorum. …

94 javascript  d3.js  axis-labels