D3 staat voor Data-Driven Documents. Het is een open-source JavaScript-bibliotheek ontwikkeld door Mike Bostock om aangepaste interactieve data-visualisaties te maken in de webbrowser met behulp van SVG, HTML en CSS.
met de enorme hoeveelheid data die vandaag gegenereerd wordt, wordt het moeilijk om deze informatie te communiceren. Visuele representaties van gegevens zijn de meest effectieve manier om zinvolle informatie over te brengen en D3 biedt veel gemak en flexibiliteit om deze datavisualisaties te creëren. Het is dynamisch, intuïtief en vereist een minimale inspanning.,
Het is vergelijkbaar met Protovis in concept, maar terwijl Protovis wordt gebruikt voor statische visualisaties, richt D3 zich meer op interacties, overgangen en transformaties.
officiële website: d3js.org
D3 broncode: https://github.com/d3/d3
D3 Features
- maakt gebruik van webstandaarden: D3 is een uiterst krachtige visualisatietool om interactieve datavisualisaties te maken. Het maakt gebruik van de moderne webstandaarden: SVG, HTML en CSS om datavisualisatie te maken.
- Data Driven: D3 is data driven., Het kan statische gegevens gebruiken of ophalen van de externe server in verschillende formaten zoals Arrays, objecten, CSV, JSON, XML enz. om verschillende soorten grafieken te maken.
- Dom manipulatie: met D3 kunt u het Document Object Model (DOM) manipuleren op basis van uw gegevens.
- gegevensgestuurde elementen: het stelt uw gegevens in staat om dynamisch elementen te genereren en stijlen toe te passen op de elementen, of het nu een tabel, een grafiek of een ander HTML-element en/of een groep elementen is.
- dynamische eigenschappen: D3 geeft de flexibiliteit om dynamische eigenschappen te bieden aan de meeste van zijn functies., Eigenschappen kunnen worden gespecificeerd als functies van gegevens. Dat betekent dat uw gegevens kunnen rijden uw stijlen en attributen.
- soorten visualisatie: met D3 zijn er geen standaard visualisatieformaten. Maar het stelt u in staat om alles te maken van een HTML-tabel tot een cirkeldiagram, van grafieken en staafdiagrammen tot geospatiale kaarten.
- aangepaste visualisaties: omdat D3 werkt met webstandaarden, geeft het u volledige controle over uw visualisatiefuncties.
- overgangen: D3 biedt de transition() functie., Dit is vrij krachtig omdat intern, D3 de logica uitwerkt om tussen uw waarden te interpoleren en de intermitterende toestanden te vinden.
- interactie en animatie: D3 biedt grote ondersteuning voor animatie met functies als duration (), delay () en ease (). Animaties van de ene staat naar de andere zijn snel en reageren op gebruikersinteracties.
voordelen van D3
- D3.js is een Javascript-bibliotheek. Zo, kan het met om het even welk js kader van uw keus zoals hoekig worden gebruikt.js, reageer.js of Ember.js.,
- D3 richt zich op data, dus het is de meest geschikte en gespecialiseerde tool voor datavisualisaties.
- D3 is open-source. Zo kunt u met de broncode werken en uw eigen functies toevoegen.
- het werkt met webstandaarden, zodat u geen andere technologie of plugin nodig hebt dan een browser om gebruik te maken van D3.
- D3 werkt met webstandaarden zoals HTML, CSS en SVG, er is geen nieuw leer-of debuggereedschap nodig om aan D3 te werken.
- D3 biedt geen specifieke functie, dus het geeft u volledige controle over uw visualisatie om het aan te passen zoals u wilt., Dit geeft het een voorsprong op andere populaire tools zoals Tableau of QlikView.
- omdat D3 lichtgewicht is en direct werkt met webstandaarden, is het extreem snel en werkt het goed met grote datasets.,li>
The Power of D3: Few Visualization Examples
Bar Chart
Bubble Chart
Circle Packing
Stream Graph
Visit D3 Gallery for more visualization examples.,
Geef een reactie