Articles of d3.js

D3js – cambia il grafico a barre verticale con il grafico a barre orizzontale

Ho un grafico a barre verticale che è raggruppato in coppie. Stavo cercando di giocare con come capovolgerlo orizzontalmente. Nel mio caso, le parole chiave verrebbero visualizzate sull’asse y e la scala comparirebbe sull’asse x. Ho provato a cambiare varie variabili x / y, ma questo ovviamente ha prodotto risultati funky. Su quali aree del […]

dc.js – come creare un grafico a righe da più colonne

Devo creare un diagramma di riga in dc.js con input da più colonne in un csv. Quindi ho bisogno di mappare una colonna per ogni riga e ogni numero totale di colonne per il valore della riga. Potrebbe esserci una soluzione ovvia a questo, ma non riesco a trovare alcun esempio. molte grazie S aggiornamento: […]

Caricamento file csv esterno in jsfiddle

Sto cercando di creare un jsfiddle per uno degli esempi dc.js. Non riesco a caricare un file esterno utilizzando un URL e d3.csv() . Qualcuno può suggerire come caricare un file csv usando d3.csv in jsfiddle.

dc.js – Ascolto per il rendering di gruppi di grafici

Sto cercando di refactoring alcuni codice d3 personalizzato che ho scritto per rendere una serie di grafici crossfilter portando in dc.js. Il mio problema principale è che ho alcuni tipi di grafici che non sono supportati da dc.js (ad esempio una partizione Sunburst ) e sto cercando di capire come renderli in combinazione con un […]

zoom semantico del grafico di forza diretto in d3

Molti casi sono stati mostrati per lo zoom geometrico a forza di grafi diretti da SVG Geometric Zooming . Nello zoom geometrico, ho solo bisogno di aggiungere un attributo di trasformazione nella funzione di zoom. Tuttavia, nello zoom semantico, se aggiungo solo un attributo di trasformazione nel nodo, i collegamenti non si collegheranno al nodo. […]

Come crei un albero genealogico in d3.js?

Attualmente sto lavorando a un piccolo esperimento di genealogia e vorrei implementare un semplice albero genealogico come nella foto qui sotto. I migliori risultati di ricerca finora per questo hanno prodotto solo esempi in cui un bambino può avere solo un nodo genitore. Ma quello di cui ho bisogno è la capacità di creare collegamenti […]

Sostituire d3.transform in D3 v4

In D3.js v4 il metodo d3.transform è stato rimosso, senza alcun suggerimento su come sostituirlo. Qualcuno sa come sostituire la seguente istruzione D3.js v3? d3.transform(String).translate;

D3 force layout: collegamento dei nodes per nome anziché per indice

Sto tentando di colbind i nodes d3 con un ID anziché con l’indice (l’ID del nodo è generato dalla mia applicazione). Ecco i miei nodes: “Nodes”: [ { “Id”: “338”, “Name”: “TEST NODE ONE”, “Url”: “http://www.google.com” }, { “Id”: “340”, “Name”: “TEST NODE TWO”, “Url”: “http://www.yahoo.com” }, { “Id”: “341”, “Name”: “TEST NODE THREE”, “Url”: […]

d3 aggiungi il testo alla cerchia

Sto cercando di aggiungere del testo in cerchio. Ho seguito un esempio da http://mbostock.github.com/d3/tutorial/circle.html ma non sono riuscito a ottenere l’output corretto. Lo snippet di codice è: var data; var code; d3.json(“/json/trace.json”, function(json) { data = json; console.log(data); // get code for visualization code = data[“code”]; alert(code); var mainSVG = d3.select(“#viz”) .append(“svg”) .attr(“width”, 900) .attr(“height”, […]

C’è un modo per dire a crossfilter di trattare gli elementi dell’array come record separati invece di trattare l’intero array come chiave singola?

Ho set di dati in cui alcuni dei valori di campo sono array e mi piacerebbe utilizzare crossfilter e d3.js o dc.js per visualizzare l’istogramma di quante volte ciascuno di quei valori era presente nel set di dati. Ecco un esempio: var data = [ {“key”:”KEY-1″,”tags”:[“tag1”, “tag2”]}, {“key”:”KEY-2″,”tags”:[“tag2”]}, {“key”:”KEY-3″,”tags”:[“tag3”, “tag1”]}]; var cf = crossfilter(data); var […]