D3 står for datadrevne dokumenter. Det er et open source JavaScript-bibliotek udviklet af Mike Bostock til at oprette brugerdefinerede interaktive datavisualiseringer i webebbro .seren ved hjælp af SVG, HTML og CSS.
Med den enorme mængde data, der genereres i dag, bliver det svært at kommunikere disse oplysninger. Visuelle repræsentationer af data er det mest effektive middel til at formidle meningsfuld information, og D3 giver stor lethed og fleksibilitet til at skabe disse datavisualiseringer. Det er dynamisk, intuitiv og kræver minimal indsats.,
det ligner Protovis i koncept, men mens Protovis bruges til statiske visualiseringer, fokuserer D3 mere på interaktioner, overgange og transformationer.
Officiel hjemmeside: d3js.org
D3 kildekode: https://github.com/d3/d3
D3 funktioner
- bruger Webebstandarder: D3 er et ekstremt kraftfuldt visualiseringsværktøj til at oprette interaktive datavisualiseringer. Det udnytter de moderne webebstandarder: SVG, HTML og CSS for at skabe datavisualisering.
- datadrevet: D3 er datadrevet., Det kan bruge statiske data eller hente det fra den eksterne server i forskellige formater såsom Arrays, objekter, CSV, JSON, .ml osv. for at oprette forskellige typer diagrammer.
- DOM Manipulation: D3 giver dig mulighed for at manipulere Document Object Model (DOM) baseret på dine data.
- datadrevne elementer: det giver dine data mulighed for dynamisk at generere elementer og anvende stilarter til elementerne, det være sig en tabel, en graf eller ethvert andet HTML-element og/eller gruppe af elementer.
- dynamiske egenskaber: D3 giver fleksibilitet til at levere dynamiske egenskaber til de fleste af sine funktioner., Egenskaber kan angives som funktioner af data. Det betyder, at dine data kan drive dine stilarter og attributter.
- typer af visualisering: med D3 er der ingen standard visualiseringsformater. Men det giver dig mulighed for at oprette alt fra en HTML-tabel til et cirkeldiagram, fra grafer og søjlediagrammer til geospatiale kort.
- brugerdefinerede visualiseringer: da D3 arbejder med webebstandarder, giver det dig fuld kontrol over dine visualiseringsfunktioner.
- overgange: D3 giver overgangen() funktion., Dette er ret kraftfuldt, fordi D3 internt udarbejder logikken til at interpolere mellem dine værdier og finde de intermitterende tilstande.
- interaktion og animation: D3 giver stor støtte til animation med funktioner som varighed(), forsinkelse() og lethed(). Animationer fra en stat til en anden er hurtige og lydhøre over for brugerinteraktioner.
fordele ved D3
- D3.js er et Javascript-bibliotek. Så det kan bruges med enhver JS ramme efter eget valg som kantet.J. S., Reager.js eller Ember.js.,
- D3 fokuserer på data, så det er det mest hensigtsmæssige og specialiserede værktøj til datavisualiseringer.
- D3 er open source. Så du kan arbejde med kildekoden og tilføje dine egne funktioner.
- det virker med webebstandarder, så du ikke behøver nogen anden teknologi eller plugin end en bro .ser til at gøre brug af D3.
- D3 fungerer med webebstandarder som HTML, CSS og SVG, der er ikke noget nyt lærings-eller fejlfindingsværktøj, der kræves for at arbejde på D3.
- D3 giver ikke nogen specifik funktion, så det giver dig fuld kontrol over din visualisering for at tilpasse den som du vil., Dette giver det en kant over andre populære værktøjer som Tableau eller .likvie..
- da D3 er let og arbejder direkte med webebstandarder, er det ekstremt hurtigt og fungerer godt med store datasæt.,li>
The Power of D3: Few Visualization Examples
Bar Chart
Bubble Chart
Circle Packing
Stream Graph
Visit D3 Gallery for more visualization examples.,
Skriv et svar