D3 je zkratka pro data-Driven Documents. To je open-source JavaScript knihovna vyvinutý Mike Bostock vytvořit vlastní interaktivní vizualizace dat ve webovém prohlížeči pomocí SVG, HTML a CSS.
s masivním množstvím dat generovaných dnes je komunikace těchto informací obtížná. Vizuální reprezentace dat jsou nejúčinnějším prostředkem přenosu smysluplných informací a D3 poskytuje velkou lehkost a flexibilitu při vytváření těchto vizualizací dat. Je dynamický, intuitivní a vyžaduje minimální úsilí.,
To je podobné Protovis v koncept, ale zatímco Protovis se používá pro statické vizualizace, D3 se více zaměřuje na interakce, přechody a transformace.
Oficiální webové stránky: d3js.org
D3 Zdrojový kód: https://github.com/d3/d3
D3 Vlastnosti
- Používá Web Normy: D3 je velmi mocný vizualizační nástroj, vytvářet interaktivní vizualizace dat. Využívá moderní webové standardy: SVG, HTML a CSS k vytvoření vizualizace dat.
- Data Driven: D3 je data driven., Může používat statická data nebo je načíst ze vzdáleného serveru v různých formátech, jako jsou pole, objekty, CSV, JSON, XML atd. Chcete-li vytvořit různé typy grafů.
- Dom Manipulation: D3 umožňuje manipulovat s objektovým modelem dokumentu (DOM)Na základě vašich dat.
- prvky řízené daty: umožňuje vašim datům dynamicky generovat prvky a aplikovat styly na prvky, ať už jde o tabulku, graf nebo jakýkoli jiný prvek HTML a/nebo skupinu prvků.
- dynamické vlastnosti: D3 poskytuje flexibilitu při poskytování dynamických vlastností většině svých funkcí., Vlastnosti lze zadat jako funkce dat. To znamená, že Vaše data mohou řídit vaše styly a atributy.
- typy vizualizace: u D3 neexistují standardní vizualizační formáty. Ale to vám umožní vytvořit něco z tabulky HTML do koláčového grafu, z grafů a sloupcových grafů do geoprostorových map.
- vlastní vizualizace: protože D3 pracuje s webovými standardy, poskytuje vám úplnou kontrolu nad vizualizačními funkcemi.
- přechody: D3 poskytuje funkci přechod ()., To je docela silné, protože interně, D3 pracuje na logice interpolovat mezi vašimi hodnotami a najít přerušované stavy.
- interakce a animace: D3 poskytuje velkou podporu pro animaci s funkcemi, jako je doba trvání (), zpoždění () a snadnost (). Animace z jednoho stavu do druhého jsou rychlé a citlivé na interakce uživatelů.
výhody D3
- D3.js je knihovna JavaScriptu. Tak, to může být použit s jakýmkoliv JS rámce dle vašeho výběru jako Úhlové.js, reaguj.js nebo Ember.js.,
- D3 se zaměřuje na data, takže je to nejvhodnější a specializovaný nástroj pro vizualizaci dat.
- D3 je open-source. Takže můžete pracovat se zdrojovým kódem a přidat své vlastní funkce.
- pracuje s webovými standardy, takže k využití D3 nepotřebujete jinou technologii nebo plugin než prohlížeč.
- D3 pracuje s webovými standardy jako HTML, CSS a SVG, neexistuje žádný nový nástroj pro učení nebo ladění potřebný pro práci na D3.
- D3 neposkytuje žádnou konkrétní funkci, takže vám dává úplnou kontrolu nad vaší vizualizací a přizpůsobuje ji tak, jak chcete., To mu dává výhodu oproti jiným populárním nástrojům, jako je Tableau nebo QlikView.
- Od D3 je lehký, a pracuje přímo s webovými standardy, je velmi rychlý a funguje dobře s velkými soubory dat.,li>
The Power of D3: Few Visualization Examples
Bar Chart
Bubble Chart
Circle Packing
Stream Graph
Visit D3 Gallery for more visualization examples.,
Napsat komentář