D3 tarkoittaa Datavetoisia asiakirjoja. Se on Mike Bostockin kehittämä avoimen lähdekoodin JavaScript-kirjasto, joka luo mukautettuja interaktiivisia tiedon visualisointeja verkkoselaimeen SVG: n, HTML: n ja CSS: n avulla.
massiivinen määrä dataa syntyy nykyään kommunikoida tätä tietoa on vaikea saada. Visuaalisia esityksiä tiedot ovat tehokkain keino välittää merkityksellistä tietoa ja D3 antaa paljon helppous ja joustavuus luoda näiden tietojen visualisointeja. Se on dynaaminen, intuitiivinen ja tarvitsee mahdollisimman paljon vaivaa.,
Se on samanlainen Protovis in käsite, mutta vaikka Protovis käytetään staattiset visualisoinnit, D3 keskitytään enemmän vuorovaikutuksia, siirtymiä ja muutoksia.
Virallinen web-sivustosta: d3js.org
D3 Lähdekoodi: https://github.com/d3/d3
D3 Ominaisuudet
- Käyttää Web-Standardeja: D3 on erittäin tehokas visualisointi työkalu luoda interaktiivisia tiedon visualisointeja. Se hyödyntää nykyaikaisia web-standardeja: SVG, HTML ja CSS luoda datan visualisointi.
- datavetoinen: D3 on datavetoinen., Se voi käyttää staattista dataa tai noutaa sen etäpalvelimelta eri muodoissa, kuten matriiseja, esineitä, CSV, JSON, XML jne. luoda erilaisia kaavioita.
- DOM-manipulointi: D3: n avulla voit manipuloida Dokumenttiobjektimallia (Dom) tietojesi perusteella.
- Data-Driven Elementtejä: Se antaa tiedot dynaamisesti elementtejä ja tyylejä elementtejä, on se taulukko, kaavio tai jokin muu HTML-elementti ja/tai ryhmän elementtejä.
- dynaamiset ominaisuudet: D3 antaa joustavuutta dynaamisten ominaisuuksien tarjoamiseksi suurimmalle osalle sen toiminnoista., Ominaisuudet voidaan määritellä datan funktioiksi. Se tarkoittaa, että tietosi voivat ajaa tyylejä ja ominaisuuksia.
- visualisointityypit: D3: n kanssa ei ole olemassa standardimuotoisia visualisointiformaatteja. Mutta sen avulla voit luoda mitään HTML-taulukon Piirakka kaavio, kaavioita ja baari kaavioita paikkatieto kartat.
- Custom Visualisointeja: Koska D3 toimii web-standardeja, se antaa sinulle täydellisen kontrollin visualisointi ominaisuuksia.
- siirtymät: D3 tarjoaa siirtymäfunktion ()., Tämä on melko voimakas, koska sisäisesti, D3 toimii logiikan interpoloida välillä arvoja ja löytää ajoittainen valtiot.
- Vuorovaikutus ja animaatio: D3 tarjoaa paljon tukea animaatio toimintoja, kuten kesto(), viive() ja helppous(). Animaatiot tilasta toiseen ovat nopeita ja reagoivia käyttäjien vuorovaikutuksiin.
Edut D3
- D3.JS on Javascript-kirjasto. Niin, sitä voidaan käyttää minkä tahansa JS puitteet valintasi kuten kulmikas.JS, reagoi.js tai Ember.js.,
- D3 keskittyy dataan, joten se on tarkoituksenmukaisin ja erikoisin työkalu datan visualisointiin.
- D3 on avoin lähdekoodi. Joten voit työskennellä lähdekoodin ja lisätä omia ominaisuuksia.
- se toimii web-standardien kanssa, joten D3: n käyttämiseen ei tarvita muuta teknologiaa tai liitännäistä kuin selain.
- D3 toimii web-standardeja, kuten HTML, CSS ja SVG, ei ole uuden oppimisen tai virheenkorjaus työkalu vaaditaan työtä D3.
- D3 ei tarjoa mitään tiettyä ominaisuutta, joten se antaa sinulle täydellisen kontrollin visualisointi muokata sitä haluamallasi tavalla., Tämä antaa sille etulyöntiaseman muihin suosittuihin työkaluihin, kuten Tableau tai QlikView.
- Koska D3 on kevyt, ja toimii suoraan web-standardeja, se on erittäin nopea ja toimii hyvin suuria datamääriä.,li>
The Power of D3: Few Visualization Examples
Bar Chart
Bubble Chart
Circle Packing
Stream Graph
Visit D3 Gallery for more visualization examples.,
Vastaa