Che cos’è D3?

D3 sta per Documenti basati sui dati. È una libreria JavaScript open source sviluppata da Mike Bostock per creare visualizzazioni di dati interattive personalizzate nel browser Web utilizzando SVG, HTML e CSS.

Con l’enorme quantità di dati generati oggi, comunicare queste informazioni sta diventando difficile. Le rappresentazioni visive dei dati sono il mezzo più efficace per trasmettere informazioni significative e D3 offre una grande facilità e flessibilità per creare queste visualizzazioni di dati. È dinamico, intuitivo e richiede il minimo sforzo.,

È simile a Protovis nel concetto, ma mentre Protovis viene utilizzato per le visualizzazioni statiche, D3 si concentra maggiormente su interazioni, transizioni e trasformazioni.

Sito web ufficiale: d3js.org

D3 Codice sorgente:https://github.com/d3/d3

D3 Caratteristiche

• Utilizza gli standard Web: D3 è uno strumento di visualizzazione estremamente potente per creare visualizzazioni interattive dei dati. Sfrutta i moderni standard web: SVG, HTML e CSS per creare la visualizzazione dei dati.
• Data Driven: D3 è guidato dai dati., Può utilizzare dati statici o recuperarli dal server remoto in diversi formati come array, Oggetti, CSV, JSON, XML ecc. per creare diversi tipi di grafici.
• Manipolazione DOM: D3 consente di manipolare il Document Object Model (DOM) in base ai dati.
• Data Driven Elements: consente ai dati di generare dinamicamente elementi e applicare stili agli elementi, sia esso una tabella, un grafico o qualsiasi altro elemento HTML e/o gruppo di elementi.
• Proprietà dinamiche: D3 offre la flessibilità di fornire proprietà dinamiche alla maggior parte delle sue funzioni., Le proprietà possono essere specificate come funzioni dei dati. Ciò significa che i tuoi dati possono guidare i tuoi stili e attributi.
• Tipi di visualizzazione: Con D3 non esistono formati di visualizzazione standard. Ma ti consente di creare qualsiasi cosa, da una tabella HTML a un grafico a torta, da grafici e grafici a barre a mappe geospaziali.
• Visualizzazioni personalizzate: poiché D3 funziona con gli standard Web, offre il controllo completo sulle funzionalità di visualizzazione.
• Transitions: D3 fornisce la funzione transition ()., Questo è abbastanza potente perché internamente, D3 elabora la logica per interpolare tra i tuoi valori e trovare gli stati intermittenti.
• Interazione e animazione: D3 fornisce un ottimo supporto per l’animazione con funzioni come duration (), delay () e ease (). Le animazioni da uno stato all’altro sono veloci e reattive alle interazioni dell’utente.

Vantaggi di D3

• D3.js è una libreria Javascript. Quindi, può essere utilizzato con qualsiasi framework JS di tua scelta come Angular.js, Reagisci.js o Ember.js.,
• D3 si concentra sui dati, quindi è lo strumento più appropriato e specializzato per le visualizzazioni dei dati.
• D3 è open-source. Quindi puoi lavorare con il codice sorgente e aggiungere le tue funzionalità.
• Funziona con gli standard web, quindi non hai bisogno di altre tecnologie o plugin diversi da un browser per utilizzare D3.
• D3 funziona con standard web come HTML, CSS e SVG, non esiste un nuovo strumento di apprendimento o debug necessario per lavorare su D3.
• D3 non fornisce alcuna funzione specifica, quindi ti dà il controllo completo sulla visualizzazione per personalizzarla nel modo desiderato., Questo gli conferisce un vantaggio rispetto ad altri strumenti popolari come Tableau o QlikView.
• Poiché D3 è leggero e funziona direttamente con gli standard Web, è estremamente veloce e funziona bene con set di dati di grandi dimensioni.,li>

The Power of D3: Few Visualization Examples

Bar Chart

Bubble Chart

Circle Packing

Stream Graph

Visit D3 Gallery for more visualization examples.,