Направите графиконе података са ЈаваСцрипт-ом са Биллбоард.јс

Графика и визуални садржаји играју кључну улогу у побољшању веб садржаја. Помоћу модерне технологије тако лако можете додати прилагођене визуале као СВГ иконе у своју страницу.

Али још једна изненађујућа визуала коју можете изградити од нуле је веб графикон.

Ово вам може помоћи визуелно графичите податке тако да ваши посетиоци могу брзо да прегледају релевантне информације. И уместо да сами сами шифрирате графикон, можете користити библиотеку као што је Биллбоард.јс да урадите сав тешки лифтинг.

Ово је заправо изграђено на врху Д3 који је ЈаваСцрипт библиотека визуелизације података. Лако је најпопуларнији тамо, што га чини најсигурнијом зависношћу коју можете тражити.

Са Биллбоард.јс можете брзо и лако приступити Д3 АПИ-ју. Примарни циљ Биллбоард-а је једноставност употребе, чинећи је доступном свакоме. Иако вам помаже да имате неко искуство са ЈаваСцрипт-ом, сигурно не морате бити стручњак.

Само запамтите да читава цодебасе користи ЕС6 синтаксу која може збунити мање искусне ЈС-ове.

Све док вас знају како компајлирати код требало би да сте добро. Ми смо заправо покрили неколико врућих функција из ЕС6 ако желите да научите више.

Сви технички детаљи овог додатка могу изгледати лијепо. Али ти вероватно само желиш да знаш шта ово може да уради.

Погледајте демо страницу и кликните на неке од живих примера.

Наћи ћете све од графикона колача до расипања парцела и прилагођених анимираних бар графова.

Са Биллбоард.јс имате потпуну контролу над вашим подацима. Ви контролишете како се он појављује на страници, како је структуриран и какве УИ / УКС функције додајете (ако их има).

То је заиста фантастична библиотека графикона и то је један од најлакших за преузимање. Погледајте ГитХуб репо пројекта како бисте сазнали више.

Такођер можете копати у овај исјечак на ЦодеПен ако желите играти с кодом у вашем прегледнику.