Z Billboard.js ustvarite podatkovne grafikone, ki podpirajo JavaScript

Grafike in grafične podobe igrajo pomembno vlogo pri izboljšanju spletne vsebine. Z moderno tehnologijo je tako enostavno dodati prilagojene vizualne vsebine, kot so ikone SVG.

Druga presenetljiva vizualizacija, ki jo lahko ustvarite iz nič, je spletni grafikon.

To vam lahko pomaga grafično prikažite podatke tako lahko vaši obiskovalci hitro posnamejo ustrezne informacije. Namesto, da bi sami izdelali graf, lahko uporabite knjižnico, kot je Billboard.js, da naredite vse, kar je težko.

To je dejansko zgrajeno na vrhu D3, ki je knjižnica za vizualizacijo podatkov JavaScript. To je preprosto najbolj priljubljena ena tam zunaj, ki je najvarnejši odvisnosti lahko zahtevate.

Z Billboard.js lahko hitro in enostavno dostopate do API-ja D3. Glavni cilj Billboarda je enostavnost uporabe, zaradi česar je dostopen vsakomur. Čeprav vam pomaga, da imate nekaj izkušenj s JavaScriptom, vam zagotovo ni treba biti strokovnjak.

Upoštevajte, da celotna koda uporablja ES6 sintakso, ki lahko zmede manj izkušene JS naprave.

Tako dolgo kot ti vem, kako sestaviti kodo bi morala biti v redu. Dejansko smo pokrili nekaj vročih funkcij ES6, če želite izvedeti več.

Vse tehnične podrobnosti tega vtičnika se morda zdijo prijazne. Ampak verjetno samo želiš vedeti kaj lahko to stori.

Oglejte si predstavitveno stran in kliknite nekaj primerov v živo.

Najdete vse, od grafikonov pita do raztrosa ploskev in animiranih barskih grafov po meri.

Z Billboard.js imate popoln nadzor nad vašimi podatki. Nadzorujete, kako se prikaže na strani, kako je strukturiran in kakšne funkcije uporabniškega vmesnika / UX dodajajte (če obstajajo).

To je resnično fantastična knjižnica grafikonov in je ena izmed najlažjih, da se pobere. Oglejte si projekt GitHub repo, če želite izvedeti več.

Prav tako lahko kopljete v ta odrezek na CodePen, če želite igrati z kodo v vašem brskalniku.