Hva er D3?

D3 står for Data-Drevet Dokumenter. Det er et open-source JavaScript-bibliotek som er utviklet av Mike Bostock for å lage tilpassede interaktive data visualiseringer i nettleser med SVG -, HTML-og CSS.

Med den massive mengden av data som blir generert i dag, kommunisere denne informasjonen er å bli vanskelig. Visuelle fremstillinger av data er den mest effektive måten å formidle meningsfull informasjon og D3 gir en stor letthet og fleksibilitet til å skape disse dataene effekter. Det er dynamisk, intuitiv og behov minimum av innsats.,

Det er lik Protovis i konseptet, men mens Protovis brukes for statisk effekter, D3 fokuserer mer på vekselsvirkningene, overganger og transformasjoner.

Offisielle hjemmeside: d3js.org

D3 Kildekode: https://github.com/d3/d3

D3 Funksjoner

• Bruker Web-Standarder: D3 er en ekstremt kraftig visualisering verktøy for å lage interaktive data visualiseringer. Det utnytter de moderne webstandarder: SVG, HTML og CSS for å lage visualisering av data.
• Data-Drevet: D3 er databasert., Det kan bruke statiske data eller hente den fra den eksterne serveren i ulike formater, for eksempel Tabeller, Objekter, CSV, JSON, XML etc. for å opprette forskjellige typer diagrammer.
• DOM-Manipulasjon: D3 lar deg manipulere Document Object Model (DOM) basert på din data.
• Data-Drevne Elementer: Det gjør det mulig for data å dynamisk generere elementer og bruke maler til elementene, kan det være en tabell, graf eller noen andre HTML-element og/eller gruppe av elementer.
• Dynamiske Egenskaper: D3 gir fleksibilitet til å gi dynamiske egenskapene til de fleste av sine funksjoner., Egenskaper kan være angitt som funksjoner av data. Det betyr at dine data kan kjøre din stiler og attributter.
• Typer visualisering: Med D3, det er ingen standard visualisering formater. Men det gjør det mulig å lage alt fra en HTML-tabell til et Kakediagram, fra grafer og bar diagrammer til geografisk kart.
• Egendefinerte Effekter: Siden D3 arbeider med web-standarder, det gir deg full kontroll over din visualisering funksjoner.
• Overganger: D3 gir overgangen () – funksjonen., Dette er ganske kraftig, fordi internt, D3 funker logikk for å interpolere mellom verdiene og finne den intermitterende stater.
• Samhandling og animasjon: D3 gir god støtte for animasjon med funksjoner som varighet(), forsinkelse() og letthet(). Animasjoner fra en tilstand til en annen er rask og responsiv til brukeren handlinger.

Fordeler av D3

• D3.js er et Javascript-bibliotek. Så, det kan brukes med alle JS rammen av ditt valg som Kantete.js, til å Reagere.js eller Glo.js.,
• D3 fokuserer på data, så det er den mest passende og spesialisert verktøy for data visualiseringer.
• D3 er åpen-kilde. Slik at du kan arbeide med kildekoden, og legge til dine egne funksjoner.
• Det fungerer med web-standarder, slik at du ikke trenger noen annen teknologi eller plugin annet enn en nettleser til å gjøre bruk av D3.
• D3 arbeider med web-standarder som HTML, CSS og SVG, det er ikke noe nytt å lære, eller debugging verktøy som kreves for å arbeide på D3.
• D3 gir ikke noen spesifikk funksjon, slik at den gir deg full kontroll over din evne til å tilpasse den slik du ønsker., Dette gir det en kant over andre populære verktøy som Tablå eller QlikView.
• Siden D3 er lett, og virker direkte med web-standarder, det er ekstremt rask og fungerer godt med store datasett.,li>

The Power of D3: Few Visualization Examples

Bar Chart

Bubble Chart

Circle Packing

Stream Graph

Visit D3 Gallery for more visualization examples.,