Rakenna Dynaamiset kuvaajat nopeasti D3 ssa Plottable.js n avulla
Vapaa D3.js-kirjasto on vain yksi monista, joiden avulla voit luoda interaktiivista grafiikkaa sivulla. Vaikka D3 on ehkä suosituin nippu, oppiminen käyttää sitä ei ole helppo tehtävä.
Siksi Plottable.js on niin arvokas kirjasto. Se on ilmainen avoimen lähdekoodin projekti rakennettu D3.js: n päälle, helpottaa kenenkään luomista vuorovaikutteiset datakaaviot tyhjästä.
Tämä kirjasto käsittelee kaikki likaiset työt, joten voit keskittyä tietoihin, kuten tietoihin. Plottable luo oikean koodin minkä tahansa kartan koon ja sijainnin.
Jokainen kaavio on oma komponentti Plottable missä voit kopioi / liitä mallikoodi rakentaa kartan itse. Tämän kirjoituksen jälkeen voit valita 10 kuvaajan kaavion tyyliä, mukaan lukien pylväsdiagrammit, ympyräkaaviot, sirontataulut ja aluepiirit.
Sinä pystyt rakenna komponentit erikseen ja mukauttaa asetuksiaan dynaamisesti. Näin voit helposti muuttaa vuorovaikutteisia elementtejä, värejä, animaatioita, sijainteja, kokoja ja mitä muuta tarvitset.
koko kirjasto on käytettävissä GitHubissa, jos haluat selata lähdekoodia ja ladata kopion.
Mutta paras tapa oppia on esimerkki. Siksi sinun pitäisi katsoa heidän näytekuvioita, jotka käyttävät Plottable-ohjelmaa nähdä, miten se toimii.
Jokainen kuvaaja on täysin interaktiivinen, lähdekoodilla käynnistystä varten. Jos haluat rakentaa samanlaisen kaavion, kopioi / liitä JS-koodi ja muotoile uudelleen tarvittaessa.
Minulla on kaksi henkilökohtaista suosikkia sivustostaan: Kalenteri Heatmap GitHubin toimintalautakunnan ja Synkronoidut kaaviot dynaamisilla valintatoiminnoilla.
Jos et ole koskaan käyttänyt D3.js: ia ennen, sinun on vaikea oppia tätä kirjastoa. Varsinkin, koska se on kirjoitettu TypeScript-muodossa, niin sinun kannattaa ehkä valita myös tämä. Lopullinen koodi on koottu ES5 JavaScript -ohjelmaan, niin sen pitäisi kaikki tärkeimmät selaimet.
Jos olet valmis sukeltamaan, katso heidän Oppaat-sivu täynnä käteviä resursseja. Opit kaiken, mitä tarvitset aloittaaksesi Plottable ja luoda dynaamisia web-pohjaisia kaavioita tyhjästä.
