Vytvorte databázové grafy s podporou jazyka JavaScript pomocou nástroja Billboard.js

Grafika a vizuálne prvky zohrávajú dôležitú úlohu pri zlepšovaní webového obsahu. S modernými technológiami je jednoduché pridávať na svoju stránku vlastné vizuálne prvky, ako sú ikony SVG.

Ale ďalšia prekvapujúca vizuálna podoba, ktorú môžete vytvoriť od nuly, je webová mapa.

To vám môže pomôcť graf údaje vizuálne takže vaši návštevníci môžu rýchlo získať relevantné informácie. A skôr než kódovanie grafu sami môžete použiť knižnicu ako Billboard.js robiť všetky ťažké zdvíhanie.

Toto je skutočne postavené na vrchole D3, čo je knižnica na vizualizáciu dát JavaScript. Je to jednoducho najpopulárnejšia, čo z nej robí najbezpečnejšiu závislosť, ktorú by ste mohli požiadať.

S nástrojom Billboard.js môžete rýchlo a jednoducho pristupovať k rozhraniu API D3. Hlavným cieľom Billboardu je jednoduché používanie a sprístupnenie pre každého. Aj keď to pomáha mať nejaké skúsenosti s JavaScriptom, určite nemusíte byť odborníkom.

Stačí si uvedomiť, že celá kódová základňa používa syntax ES6, ktorý môže byť mätúci pre menej skúsených vývojárov JS.

Tak dlho ako ty vedieť, ako skompilovať kód mali by ste byť v poriadku. V prípade, že sa chcete dozvedieť viac, sme vlastne pokryli niekoľko horúcich funkcií z ES6.

Všetky technické podrobnosti o tomto doplnku sa môžu zdať pekné. Ale pravdepodobne len chcete vedieť čo to môže robiť.

Pozrite sa na demo stránku a kliknite na niektoré živé príklady.

Nájdete všetko od koláčových grafov na rozptýlenie grafov a vlastných animovaných grafov.

S Billboard.js máte úplnú kontrolu nad vašimi údajmi. Môžete ovládať, ako sa to zobrazuje na stránke, ako je štruktúrovaná a aký typ funkcií UI / UX pridáte (ak nejaké sú).

Je to naozaj skvelá grafová knižnica a je to jedna z najjednoduchších možností vyzdvihnúť. Pozrite sa na projekt GitHub repo, kde sa dozviete viac.

Môžete tiež vyskúšať tento útržok na CodePen, ak chcete hrať s kódom v prehliadači.