Hitro zgradite dinamične grafe na D3 s Plottable.js
Brezplačno D3.js knjižnica je samo eden izmed mnogih, ki vam omogoča ustvarjanje interaktivne grafike na strani. Medtem ko je D3 morda najbolj priljubljen med temi skupinami, je učenje, kako ga uporabljati, lahka naloga.
Zato Plottable.js je tako dragocena knjižnica. To je brezplačen odprtokodni projekt zgrajena na vrhu D3.js, lažje ustvariti interaktivni podatkovni grafi iz nič.
Ta knjižnica obvladuje vsa umazana dela, zato se lahko osredotočite na posebnosti, kot so podatki. Plotable ustvari ustrezno kodo za velikost in položaj katerega koli grafikona, ki ga izberete.
Vsak grafikon ima svojo komponento v Plottable, kjer lahko kopirajte / prilepite kodo predloge da sami zgradite grafikon. Od tega pisanja lahko izberete 10 stilov grafa grafa, vključno s črtnimi grafikoni, tortnimi grafikoni, razpršitvenimi ploskvami in parcelami.
Ti lahko posamezne komponente obnovite in prilagodite njihove nastavitve dinamično. Na ta način lahko preprosto spremenite interaktivne elemente, barve, animacije, položaje, velikosti in karkoli drugega potrebujete.
The polna knjižnica je na voljo na spletnem mestu GitHub, če želite brskati po izvorni kodi in prenesti kopijo.
Najboljši način za učenje pa je zgled. Zato si jih oglejte vzorčni grafi, ki se izvajajo Plottable da vidite, kako deluje v akciji.
Vsak graf je popolnoma interaktivno, z izvorno kodo za zagon. Če želite ponovno zgraditi podoben graf, preprosto kopirajte / prilepite JS kodo in jo po potrebi reformirajte.
Imam dva osebna favorita z njihovega spletnega mesta: Časovni načrt koledarja po vzoru GitHubove plošče aktivnosti in Sinhronizirani grafikoni s funkcijami dinamičnega izbora.
Če še nikoli niste uporabili D3.js, se boste borili za to knjižnico. Še posebej, ker je napisano v TypeScript, tako da boste verjetno želeli izbrati tudi to. Končna koda je prevedeno v ES5 JavaScript, tako bi moral delo v vseh večjih brskalnikih.
Če ste se pripravljeni potopiti, si oglejte njihovo Strani Vadnice polni priročnih virov. Naučili se boste vse, kar potrebujete za začetek Plottable in to ustvarjanje dinamičnih spletnih grafov iz nič.