Articles of d3.js

Aggiungi testo / etichetta ai link nel grafico a forza diretta D3

Ho lavorato su un grafico di force force modificato e ho riscontrato alcuni problemi con l’aggiunta di testo / etichetta sui collegamenti in cui i collegamenti non sono allineati correttamente ai nodes. Come sistemarlo? E come posso aggiungere un listener di eventi a un elemento di testo SVG? Aggiungendo .on(“dblclick”,function(d) {….} non funziona. Ecco lo […]

Rilassare il segno di spunta iniziale di un layout di forza

Ho appena iniziato a dilettarmi con d3 e trovo la curva di apprendimento piuttosto ripida. Il processo è completamente diverso da quello a cui sono abituato, e la matematica è per la maggior parte del mio meglio. Ad ogni modo, il mio progetto consiste in un layout di forza che rappresenta la mappa delle integrazioni […]

Imballaggio di cerchi di dimensioni diverse in un rettangolo – d3.js

Stavo cercando di raggruppare cerchi di dimensioni diverse in un contenitore rettangular , non imballato in un contenitore circolare con d3.js incluso in d3.layout.pack . ecco il layout che voglio raggiungere: Ho trovato questo articolo su questo argomento, ma non sono un ragazzo di matematica per capire l’articolo e convertirli in codice … Chiunque può […]

Come convertire in formato JSON di D3?

Seguendo numerosi esempi D3, i dati vengono solitamente formattati nel formato indicato in flare.json : { “name”: “flare”, “children”: [ { “name”: “analytics”, “children”: [ { “name”: “cluster”, “children”: [ {“name”: “AgglomerativeCluster”, “size”: 3938}, : Ho un elenco di adiacenze come segue: A1 A2 A2 A3 A2 A4 che voglio convertire nel formato sopra. Attualmente […]

Aggiunta di icone FontAwesome a un grafico D3

Sto cercando di impostare un’icona con FontAwesome al posto del testo nei miei nodes D3. Questa è la procedura originale, con testo: g.append(‘svg:text’) .attr(‘x’, 0) .attr(‘y’, 4) .attr(‘class’, ‘id’) .text(function(d) { return d.label; }); E ora provo con le icone: g.append(‘svg:i’) .attr(‘x’, 0) .attr(‘y’, 4) .attr(‘class’, ‘id icon-fixed-width icon-user’); Ma questo non funziona, anche se […]

Aggiunta di nuovi nodes al layout di Force-directed

Prima domanda su Stack Overflow, quindi abbi pazienza con me! Sono nuovo di d3.js, ma sono stato costantemente stupito da ciò che gli altri sono in grado di realizzare con esso … e quasi sorpreso da quanto poco ho potuto fare con me stesso! Chiaramente non sto facendo qualcosa, quindi spero che le anime gentili […]

L’importazione del file json locale con d3.json non funziona

Provo ad importare un file .json locale usando d3.json() . Il file filename.json è memorizzato nella stessa cartella del mio file html. Tuttavia il parametro (json) è nullo. d3.json(“filename.json”, function(json) { root = json; root.x0 = h / 2; root.y0 = 0;}); . . . } Il mio codice è fondamentalmente lo stesso di questo […]

D3 Differenzia tra clic e trascinamento per un elemento che ha un comportamento di trascinamento

Non riesco a distinguere correttamente tra l’evento click e l’evento di drag su un elemento associato a entrambi utilizzando D3.js v3. Il cerchio nel codice di seguito viene assegnato un comportamento di trascinamento e anche un listener di click . Demo qui var dragGroup = d3.behavior.drag() .on(‘dragstart’, function () { console.log(‘Start Dragging Group’); }) .on(‘drag’, […]

Come vengono inseriti i parametri di input nelle catene di metodi javascript?

Sto cercando di capire veramente i dettagli di come funziona JavaScript. Durante il concatenamento del metodo, a volte un metodo restituisce un altro metodo che ha un parametro di input denominato. Ad esempio, in D3, il modello ha il seguente aspetto: d3.select(“body”).selectAll(“p”) .data(dataset) .enter() .append(“p”) .text(function(d) { return d; }); //what does this d refer […]

Perché d3.js v3 infrange il grafico della forza quando si implementa lo zoom quando v2 no?

Ho un layout di forza che ho creato usando d3.js Mi piacerebbe avere sia la normale funzionalità di un layout di forza trascinabile, sia la possibilità di zoomare. Ho praticamente copiato / incollato il codice dello zoom da questo codice ( http://jsfiddle.net/nrabinowitz/QMKm3/ ). Questo è lo stesso metodo di zoom che Mike Bostock utilizza in […]