Programmazione d3.js

12

Qual è il modo migliore per rendere reattivo un layout di visualizzazione d3.js?

Supponiamo che io abbia uno script istogramma che costruisce un grafico svg 960 500. Come posso renderlo reattivo, così come ridimensionare le larghezze grafiche e le altezze sono dinamiche? <script> var n = 10000, // number of trials m = 10, // number of random variables data = []; // …

224 javascript responsive-design d3.js

7

Come posso rimuovere o sostituire il contenuto SVG?

Ho un pezzo di codice JavaScript che crea (usando D3.js) un svgelemento che contiene un grafico. Voglio aggiornare il grafico in base ai nuovi dati provenienti da un servizio Web utilizzando AJAX, il problema è che ogni volta che faccio clic sul pulsante di aggiornamento, genera un nuovosvg , quindi …

200 javascript ajax svg d3.js

4

Qual è la differenza D3 datum vs data?

Qualcuno può spiegare la differenza tra datum () e data () in D3.js? Vedo entrambi in uso e non sono sicuro del motivo per cui dovresti scegliere uno rispetto all'altro?

199 javascript d3.js

7

Ridimensiona svg quando la finestra viene ridimensionata in d3.js

Sto disegnando un diagramma a dispersione con d3.js. Con l'aiuto di questa domanda: ottieni le dimensioni dello schermo, della pagina Web corrente e della finestra del browser Sto usando questa risposta: var w = window, d = document, e = d.documentElement, g = d.getElementsByTagName('body')[0], x = w.innerWidth || e.clientWidth || …

183 javascript d3.js

5

Mostra i dati al passaggio del mouse del cerchio

Ho una serie di dati che sto tramando in una dispersione. Quando passo con il mouse su uno dei cerchi vorrei che si aprisse con i dati (come x, y valori, forse di più). Ecco cosa ho provato a usare: vis.selectAll("circle") .data(datafiltered).enter().append("svg:circle") .attr("cx", function(d) { return x(d.x);}) .attr("cy", function(d) {return …

162 tooltip mouseover d3.js

11

Centra una mappa in d3 dato un oggetto geoJSON

Attualmente in d3 se si dispone di un oggetto geoJSON che si desidera disegnare, è necessario ridimensionarlo e tradurlo per portarlo nella dimensione desiderata e tradurlo per centrarlo. Questo è un compito molto noioso di tentativi ed errori, e mi chiedevo se qualcuno sapesse un modo migliore per ottenere questi …

140 d3.js geojson topojson

2

D3.js: che cos'è 'g' nel codice D3.js .append (“g”)?

Sono nuovo D3.js, ho iniziato a studiare solo oggi Ho guardato l' esempio della ciambella e ho trovato questo codice var svg = d3.select("body").append("svg") .attr("width", width) .attr("height", height) .append("g") .attr("transform", "translate(" + width / 2 + "," + height / 2 + ")"); Ho cercato la documentazione , ma non …

129 javascript d3.js

3

D3.js: come ottenere la larghezza e l'altezza calcolate per un elemento arbitrario?

Ho bisogno di conoscere esattamente la larghezza e l'altezza di un gelemento arbitrario nel mio SVGperché ho bisogno di disegnare un indicatore di selezione attorno ad esso una volta che l'utente ha cliccato su di esso. Quello che ho visto in internet è qualcosa di simile: d3.select("myG").style("width"). Il problema è …

120 javascript d3.js

5

Grafici / grafici interattivi veloci e reattivi: SVG, Canvas, altro?

Sto cercando di scegliere la tecnologia giusta da utilizzare per aggiornare un progetto che fondamentalmente rende migliaia di punti in un grafico zoomabile e pannabile. L'attuale implementazione, utilizzando Protovis, è sottoperformante. Controllalo qui: http://www.planethunters.org/classify Ci sono circa 2000 punti quando si rimpicciolisce completamente. Prova a utilizzare le maniglie in basso …

114 html canvas svg d3.js kineticjs

15

Equivalente in Python di D3.js

Qualcuno può consigliare una libreria Python in grado di visualizzare grafici interattivi ? Voglio specificamente qualcosa come d3.js ma per pythone idealmente sarebbe anche 3D. Ho guardato: NetworkX - fa solo Matplotlibgrafici e quelli sembrano essere 2D. Non ho visto alcun tipo di interattività, come quella che d3.jsdà, come tirare …

110 python graph d3.js graph-tool

2

Qual è la differenza tra gli attributi x e dx di svg?

Qual è la differenza tra gli attributi x e dx di svg (o y e dy)? Quando sarebbe il momento giusto per utilizzare l'attributo di spostamento dell'asse (dx) rispetto all'attributo di posizione (x)? Ad esempio, ho notato molti esempi di d3 che fanno qualcosa di simile chart.append("text") .attr("x", 0) .attr("y", …

106 svg d3.js

3

Un buon libro per imparare D3.js [chiuso]

Chiuso. Questa domanda non soddisfa le linee guida di Stack Overflow . Attualmente non accetta risposte. Vuoi migliorare questa domanda? Aggiorna la domanda in modo che sia in argomento per Stack Overflow. Chiuso 6 anni fa . Migliora questa domanda L'ho visto D3.jsed ero interessato così ho comprato questo libro …

104 javascript d3.js data-visualization

7

Qual è la differenza tra D3 e jQuery?

Facendo riferimento a questo esempio: http://vallandingham.me/stepper_steps.html sembra che le librerie D3 e jQuery siano molto simili nel senso che entrambe eseguono la manipolazione DOM in modo concatenato di oggetti. Sono curioso di sapere quali funzioni D3 rende più facile di jQuery e viceversa. Ci sono molte librerie grafiche e di …

103 javascript jquery d3.js

9

Richiama una richiamata alla fine di una transizione

Ho bisogno di fare un metodo FadeOut (simile a jQuery) utilizzando d3.js . Quello che devo fare è impostare l'opacità su 0 usando transition(). d3.select("#myid").transition().style("opacity", "0"); Il problema è che ho bisogno di una richiamata per rendermi conto quando la transizione è terminata. Come posso implementare una richiamata?

98 javascript d3.js transition

6

etichettatura asse d3

Come si aggiungono etichette di testo agli assi in d3? Ad esempio, ho un semplice grafico a linee con un asse x e y. Sul mio asse x, ho segni di graduazione da 1 a 10. Voglio che la parola "giorni" appaia sotto di essa in modo che le persone …

94 javascript d3.js axis-labels

Domande taggate «d3.js»