A D3 az adatvezérelt dokumentumokat jelenti. Ez egy nyílt forráskódú JavaScript könyvtár által kifejlesztett Mike Bostock létrehozni egyéni interaktív adatvizualizációk a böngészőben SVG, HTML, CSS.
mivel ma hatalmas mennyiségű adat keletkezik, az információk kommunikálása egyre nehezebb. Az adatok vizuális ábrázolása a leghatékonyabb eszköz az értelmes információk továbbítására, a D3 pedig nagyfokú könnyedséget és rugalmasságot biztosít ezen adatvizualizációk létrehozásához. Dinamikus, intuitív, minimális erőfeszítést igényel.,
Ez hasonló a protovis koncepció, de míg Protovis használják statikus vizualizációk, D3 összpontosít inkább kölcsönhatások, átmenetek, transzformációk.
Hivatalos weboldal: d3js.org
D3 forráskód: https://github.com/d3/d3
D3 jellemzők
- webes szabványokat használ: a D3 rendkívül hatékony vizualizációs eszköz interaktív adatvizualizációk létrehozásához. Ez kihasználja a modern webes szabványok: SVG, HTML, CSS, hogy hozzon létre adatvizualizációs.
- adatvezérelt: a D3 adatvezérelt., Statikus adatokat használhat, vagy letöltheti a távoli kiszolgálóról különböző formátumokban, például tömbökben, objektumokban, CSV-ben, JSON-ban, XML-ben stb. különböző típusú diagramok létrehozása.
- DOM manipuláció: D3 lehetővé teszi, hogy manipulálják a dokumentum objektum modell (DOM) az adatok alapján.
- adatvezérelt elemek: lehetővé teszi, hogy az adatok dinamikusan generáljanak elemeket, stílusokat alkalmazzanak az elemekre, legyen szó táblázatról, grafikonról vagy bármely más HTML elemről és/vagy elemcsoportról.
- dinamikus tulajdonságok: a D3 rugalmasságot biztosít a legtöbb funkció dinamikus tulajdonságainak biztosításához., A tulajdonságok adatfüggvényként adhatók meg. Ez azt jelenti, hogy az adatok meghajthatják a stílusokat és attribútumokat.
- vizualizációs típusok: D3 esetén nincsenek szabványos vizualizációs formátumok. De ez lehetővé teszi, hogy hozzon létre semmit egy HTML tábla egy kördiagram, a Grafikonok, sávdiagramok térinformatikai térképeket.
- egyéni megjelenítések: mivel a D3 webes szabványokkal működik, teljes ellenőrzést biztosít a megjelenítési funkciók felett.
- átmenetek: a D3 biztosítja az átmeneti() funkciót., Ez elég erős, mert belsőleg, D3 kidolgozza a logikát, hogy interpolálja az értékek között, és megtalálja a szakaszos állapotok.
- interakció és animáció: a D3 nagy támogatást nyújt az animációhoz olyan funkciókkal, mint a duration (), delay() és Easy(). Az egyik államból a másikba történő animációk gyorsan reagálnak a felhasználói interakciókra.
A D3
- D3 előnyei.a JS egy Javascript könyvtár. Tehát bármilyen választott js keretrendszerrel használható, mint például az Angular.js, reagálj!js vagy parázs.js.,
- A D3 az adatokra összpontosít, így az adatvizualizációk számára a legmegfelelőbb, speciális eszköz.
- a D3 nyílt forráskódú. Így dolgozhat a forráskóddal, majd hozzáadhatja saját funkcióit.
- webes szabványokkal működik, így a D3 használatához nincs szüksége más technológiára vagy bővítményre, kivéve a böngészőt.
- D3 működik webes szabványok, mint a HTML, CSS, SVG, nincs új tanulási vagy hibakeresési eszköz szükséges dolgozni D3.
- A D3 nem nyújt semmilyen speciális funkciót, így teljes ellenőrzést biztosít a megjelenítés felett, hogy testreszabhassa a kívánt módon., Ez előnyt biztosít más népszerű eszközökhöz, mint például a Tableau vagy a QlikView.
- mivel a D3 könnyű, és közvetlenül webes szabványokkal működik, rendkívül gyors és jól működik nagy adatkészletekkel.,li>
The Power of D3: Few Visualization Examples
Bar Chart
Bubble Chart
Circle Packing
Stream Graph
Visit D3 Gallery for more visualization examples.,
Vélemény, hozzászólás?