«d3.js» etiketlenmiş sorular

Bir dizi svg dikdörtgenim var (D3.js kullanarak) ve fareyle üzerine gelindiğinde bir mesaj görüntülemek istiyorum, mesaj arka plan görevi gören bir kutu ile çevrelenmelidir. Her ikisi de birbirine ve dikdörtgene mükemmel şekilde hizalanmalıdır (üstte ve ortalanmış). Bunu yapmanın en iyi yolu nedir? "X", "y", "genişlik" ve "yükseklik" özelliklerini kullanarak bir …

92 javascript  svg  d3.js  tooltip 

GeoJSON ile TopoJSON arasındaki fark nedir ve birini diğerine ne zaman kullanırdım? GitHub üzerinde TopoJSON açıklaması TopoJSON dosyaları% 80 daha küçük olduklarını belirtecek. Öyleyse neden her zaman sadece TopoJSON kullanmıyorsunuz?

91 d3.js  gis  geojson  topojson 

D3js forEachve eachD3js arasındaki fark nedir ?

89 javascript  d3.js 

Kapalı . Bu soruya daha çok odaklanılması gerekiyor . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek mi istiyorsunuz? Soruyu, yalnızca bu gönderiyi düzenleyerek tek bir soruna odaklanacak şekilde güncelleyin . Geçen ay kapalı . Bu soruyu geliştirin Projelerimde birkaç kez chart.js kullandım ama hiç d3.js kullanmadım. Pek çok insan …

89 javascript  d3.js  charts  chart.js 

Stack Overflow ile ilgili ilk soru, bu yüzden bana katlanın! D3.js'de yeniyim, ancak sürekli olarak başkalarının onunla neler başardığına hayran kaldım ... ve kendimle ne kadar az ilerleme kaydedebildiğime neredeyse hayret ediyorum! Açıkçası ben bir şey söylemiyorum, bu yüzden umarım buradaki nazik ruhlar bana ışığı gösterebilir. Niyetim, aşağıdakileri basitçe yapan …

89 javascript  d3.js  force-layout 

Bu yüzden, düğümleri, bağlantıları ve diğer öğeleri ayarlamak için bir sonraki kuvvet düzeni grafik koduna sahibim: 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); }) .attr("x1", function (d) { return d.source.x; }) …

87 d3.js  force-layout 

TLDR: İkisi arasındaki farkları aydınlatmak için hem protovis hem de D3.js deneyimi olan var mı? Son 2 haftadır protovis ile oynuyorum ve şimdiye kadar harikaydı. Şu an hariç, animasyonla bir tuğla duvara çarpmış gibiyim. protovis: http://vis.stanford.edu/protovis/ Oldukça basit bir animasyon yapmak istiyorum ama protovis ile sezgisel olmaktan çok daha az …

84 javascript  protovis  d3.js 

Etkileşimli Web Görselleştirme kitabıyla d3 öğrenmeye çalışıyorum, ancak sürüm 4.0 ile çok şey değişti. Gerçekten anlayamadığım bir şey, d3.scale.category10 () 'un renklere kolay bir eşleme elde etmek için bir eşdeğeri olup olmadığıdır. Yeni sürümde buna benzer bir şey mi var, yoksa math.random kullanıp kendimiz bir şeyler mi kodlamamız gerekiyor?

82 d3.js 

D3 kitaplığını kullanarak bir SVG öğesini z sırasının en üstüne getirmenin etkili bir yolu nedir? Benim belirli senaryo (a ekleyerek hangi olayları bir pasta grafik strokeiçin pathfare belirli bir parçasının üzerinde olduğunda). Grafiğimi oluşturmak için kod bloğu aşağıdadır: svg.selectAll("path") .data(d) .enter().append("path") .attr("d", arc) .attr("class", "arc") .attr("fill", function(d) { return color(d.name); …

81 javascript  svg  d3.js 

Taksonomi düzeylerinin sütunlar olduğu 7 milyon biyoçeşitlilik kaydına sahip bir csv'm var. Örneğin: 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 D3 bir görselleştirme oluşturmak istiyorum, ancak veri biçimi sütun her farklı değeri belirli bir değer için önceki sütunun bir alt olduğu bir ağ olmalıdır. Ben csv böyle bir şeye …

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

Elips, daha özel olarak elips "zarflar" olan bu veri kümesi var. Birinin bunları bir D3 haritasında nasıl çizebileceğim konusunda tavsiyeye sahip olup olmadığını merak ediyordum. Mercator projeksiyonlu bir harita kurulumum zaten var. Bu stackoverflow cevabı beni yakınlaştıran bir createEllipse işlevi vardır, ancak verileri doğru yorumladığımdan emin olmak istiyorum. Verilerden elipsin …

16 javascript  d3.js  geospatial 

Aşağıdaki d3 / d3fc grafiğim var https://codepen.io/parliament718/pen/BaNQPXx Grafiğin ana alan için bir yakınlaştırma davranışı ve y ekseni için ayrı bir yakınlaştırma davranışı vardır. Y ekseni yeniden ölçeklendirmek için sürüklenebilir. Sorun çözme sorunum yeniden ölçeklendirmek için y eksenini sürükledikten sonra grafik sonra panning, grafikte bir "atlama" olmasıdır. Açıkçası 2 yakınlaştırma davranışı …

11 d3.js  d3fc 

Yakalanmayan TypeError: t.rgb bir işlev değil Açısal bir uygulama oluşturdum, oluşturdum ve sunmaya çalışıyorum $ ng serve --prod --aot Bu konsolda aşağıdaki hatayla sonuçlanır Uncaught TypeError: t.rgb is not a function at HO (color.js.pre-build-optimizer.js:227) at GO (color.js.pre-build-optimizer.js:232) at rgb.js.pre-build-optimizer.js:36 at RH (ramp.js.pre-build-optimizer.js:4) at Module.zUnb (BrBG.js.pre-build-optimizer.js:16) at f (bootstrap:78) at Object.0 …

10 javascript  angular  d3.js