D3 står för datadrivna dokument. Det är ett open-source JavaScript-bibliotek som utvecklats av Mike Bostock för att skapa anpassade interaktiva data visualiseringar i webbläsaren med SVG, HTML och CSS.
med den massiva mängden data som genereras idag blir det svårt att kommunicera denna information. Visuella representationer av data är det mest effektiva sättet att förmedla meningsfull information och D3 ger en hel del lätthet och flexibilitet för att skapa dessa data visualiseringar. Det är dynamiskt, intuitivt och behöver minimal ansträngning.,
det liknar Protovis i concept men medan Protovis används för statiska visualiseringar fokuserar D3 mer på interaktioner, övergångar och transformationer.
Officiell webbplats: d3js.org
D3 källkod:https://github.com/d3/d3
D3 funktioner
- använder webbstandarder: D3 är ett extremt kraftfullt visualiseringsverktyg för att skapa interaktiva datavisualiseringar. Det utnyttjar de moderna webbstandarderna: SVG, HTML och CSS för att skapa datavisualisering.
- datadriven: D3 är datadriven., Den kan använda statiska data eller hämta den från fjärrservern i olika format som arrayer, objekt, CSV, JSON, XML etc. för att skapa olika typer av diagram.
- DOM Manipulation: D3 låter dig manipulera dokumentobjektmodellen (DOM) baserat på dina data.
- datadrivna element: det ger dina data att dynamiskt generera element och tillämpa stilar på elementen, vare sig det är en tabell, en graf eller något annat HTML-element och / eller grupp av element.
- dynamiska egenskaper: D3 ger flexibilitet att ge dynamiska egenskaper till de flesta av dess funktioner., Egenskaper kan anges som datafunktioner. Det betyder att dina data kan driva dina stilar och attribut.
- typer av visualisering: med D3 finns det inga vanliga visualiseringsformat. Men det gör att du kan skapa allt från en HTML-tabell till ett cirkeldiagram, från grafer och stapeldiagram till geospatiala kartor.
- anpassade visualiseringar: eftersom D3 fungerar med webbstandarder, ger det dig fullständig kontroll över dina visualiseringsfunktioner.
- övergångar: D3 ger funktionen övergång ()., Detta är ganska kraftfullt eftersom internt, D3 fungerar ut logiken att interpolera mellan dina värden och hitta de intermittenta staterna.
- interaktion och animering: D3 ger bra stöd för animering med funktioner som varaktighet(), fördröjning() och lätthet(). Animationer från ett tillstånd till ett annat är snabba och lyhörda för användarinteraktioner.
fördelar med D3
- D3.js är ett Javascript-bibliotek. Så, det kan användas med någon JS ram av ditt val som vinkel.JS, reagera.js eller Ember.js.,
- D3 fokuserar på data, så det är det mest lämpliga och specialiserade verktyget för datavisualiseringar.
- D3 är öppen källkod. Så du kan arbeta med källkoden och lägga till dina egna funktioner.
- Det fungerar med webbstandarder så att du inte behöver någon annan teknik eller plugin annat än en webbläsare för att använda D3.
- D3 arbetar med webbstandarder som HTML, CSS och SVG, det finns inget nytt inlärnings-eller felsökningsverktyg som krävs för att arbeta med D3.
- D3 ger ingen specifik funktion, så det ger dig fullständig kontroll över din visualisering för att anpassa den som du vill., Detta ger det en kant över andra populära verktyg som Tableau eller QlikView.
- eftersom D3 är lätt och fungerar direkt med webbstandarder är det extremt snabbt och fungerar bra med stora datauppsättningar.,li>
The Power of D3: Few Visualization Examples
Bar Chart
Bubble Chart
Circle Packing
Stream Graph
Visit D3 Gallery for more visualization examples.,
Lämna ett svar