Looge Billboard.js'iga JavaScript-toega andmekaardid

Graafika ja visuaalid mängivad veebisisu parandamisel olulist rolli. Kaasaegse tehnoloogia abil on teie lehele väga lihtne lisada kohandatud visuaalid nagu SVG ikoonid.

Aga teine ​​üllatav visuaalne, mida saab nullist üles ehitada, on veebi diagramm.

See võib teid aidata graafiliselt andmeid visuaalselt et külastajad saaksid asjakohast teavet kiiresti vaevata. Ja selle asemel, et kodeerida graafikut ise, saate kasutada kõiki selliseid raskusi tõstvaid dokumente nagu Billboard.js.

See on tegelikult ehitatud D3 peal, mis on JavaScript andmete visualiseerimise raamatukogu. See on lihtsalt kõige populaarsem seal, mis teeb sellest kõige ohutuma sõltuvuse, mida te võiksite küsida.

Billboard.js abil saate D3 API-le kiiresti ja lihtsalt juurde pääseda. Billboardi peamine eesmärk on kasutusmugavus, mis muudab selle kõigile kättesaadavaks. Kuigi see aitab teil mõningaid kogemusi JavaScriptiga kasutada, ei pea te kindlasti olema ekspert.

Pange tähele, et kogu koodibaas kasutab ES6 süntaksit, mis võib segi ajada vähem kogenud JS devs.

Niikaua kui sina oskavad koodi koostada sa peaksid olema korras. Kui soovid rohkem teada saada, siis tegime ES6-lt mõned kuumad funktsioonid.

Kõik selle plugina tehnilised üksikasjad võivad tunduda kena. Aga sa lihtsalt tahad teada mida see saab teha.

Heitke pilk demo lehele ja klõpsa läbi mõned elavad näited.

Leiad kõike alates pirukast graafikutest, et hajutada krundid, ja kohandatud animeeritud ribakujulisi graafikuid.

Billboard.js-iga on teil olemas täielik kontroll teie andmete üle. Te saate kontrollida, kuidas see lehel kuvatakse, kuidas see on struktureeritud ja milliseid UI / UX funktsioone lisate (kui neid on).

See on tõesti fantastiline diagrammiraamat ja see on üks lihtsamaid. Lisateabe saamiseks vaadake projekti GitHub repot.

Võite ka kodeerida seda koodilõigu koodi, kui soovid oma brauseriga mänguasi mängida.