9 Јавасцрипт библиотека за изградњу интерактивних графикона
Дакле, у руци имате тона података, са одређеним бројем варијабли, да морате некако пренијети некоме другоме. Сирови, неорганизовани подаци ће им бити тешко разумети. Зато вам је потребна помоћ из графикона. У веб дизајну, графикони су један од најбољих алата за визуализацију података. Лако се чита, лако се гледа и релативно је лако поставити.
Али хајде да узмемо ствари горе: хајде додајте анимацију и интерактивност тим графиконима, тако да читаоци не могу само да науче нешто ново из графикона, већ и да се играју са њим. Заправо је лакше него што звучи, захваљујући бројним ЈС библиотекама. Хајде да их проверимо.
1. Графикон ЈС
Цхарт.јс је библиотека без зависности за прављење графикона у 6 различитих типова: линијски графикони, бар графикони, радарске карте, графикони поларних подручја, графикони за пита и крафне. Библиотека је такође подељена према типу графикона тако да ваше странице нису заглављене са оним што није потребно. Подржава одговарајући дизајн и лако можете мењати варијабле као што су боја или анимација да бисте прилагодили интерфејс графикона.
2. Цхартист ЈС
Цхартист ЈС је велика библиотека за изградњу одговарајућих графикона који користе СВГ. Осим што реагује, Цхартист вам даје флексибилност користећи јасно раздвајање забринутости: стил са ЦСС-ом и контролу са ЈС-ом. Да би се олакшало прилагођавање, укључене су САСС датотеке. Велика је ствар што имате неограничене опције за анимирање графикона користећи АПИ Цхартист анимације, СМИЛ, који вам даје додатне опције анимације.
3. Ц3 ЈС
Ц3 ЈС је библиотека за израду графикона заснованих на Д3 ЈС. Заокружује тражени код за графиконе са Д3 ЈС, тако да можете прескочити писање Д3 кода и само унети податке. Ц3 се испоручује са мноштвом АПИ-ја које можете користити да лако контролишете ваше графиконе. Да бисте прилагодили графикон, дефинишите сопствене прилагођене стилове за дате ЦСС класе. Израдите графиконе од једноставних линија до графикона. Погледајте ову страницу да бисте видели како библиотека функционише.
4. Флот
Флот је јКуери плгуин за креирање графикона са интерактивним елементима као што је укључивање или искључивање серије, интеракције података, помицање, зумирање и друго. Флот долази са различитим опцијама типа графикона и ако желите више могућности на графикону, ево и неких додатака које можете користити. Карте ће добро функционисати са претраживачима који подржавају ХТМЛ платна.
5. ЕЦхарт
Ецхарт је невероватно свеобухватна библиотека из Кине која подржава вишеструке типове графикона, може обрадити велике податке (цртање до 200.000 тачака података на картезијанском графикону), има скалу роаминга, могућност да без напора извлачи, интегрише и размењује податке између више графикона, један за једноставно пребацивање са једног типа података на други, и много више.
6. Пеити
Пеити ће додати мини карту на вашу веб страницу. То је мали јКуери плугин који претвара елемент у мини свг
линија, бар, крофна или тортни графикон. Ви само требате креирати елемент и дати вриједност као 1/5
и упутите позив божанство ('пита')
на том елементу направити мини тортни графикон. На пример, да бисте направили дијаграм крафне који је истакнут само на петину, овде је ХТМЛ:
1/5
Можете прилагодити боју графикона, радијус, ширину и висину, али по дефаулту се приказује у малој величини.
7. ДЦ ЈС
ДЦ ЈС има сличности са Ц3 ЈС у погледу употребе мотора; обојица користе Д3 библиотеку за приказивање графикона у СВГ-у. ДЦ ЈС је креиран да вам помогне да визуализујете податке и анализу за претраживаче и мобилне уређаје. Пошто користи Д3 ЈС, омогућава вам да додате дијаграм интеракције корисника. ДЦ ЈС је једна моћна библиотека која креира графиконе од једноставних до високих комплексности.
8. Гоогле Цхарт
Можете креирати интерактивне графиконе и алате за податке помоћу Гоогле Визуализације АПИ-ја путем Гоогле Цхарт-а. Постоје галерије графикона за проверу могућности визуелизације података Гоогле Цхарт-а. Да бисте покренули, уградите једноставан ЈаваСцрипт на своју веб страницу да бисте учитали библиотеке Гоогле Цхарт које су вам потребне. Затим наведите податке које желите да направите и направите неке прилагодбе кроз опције графикона. Коначно креирајте објекат графикона са ид, а на вашој веб страници направите а НВД3 је скуп вишекратних графикона и компоненти графикона које су направљене са Д3 ЈС. Ова библиотека је стога 'шаблон' који ће вам помоћи да лакше направите графиконе. Погледајте многе табеле узорака направљене са НВД3 овде.9. НВД3
Сада прочитајте: ЈаваСцрипт библиотеке за креирање интерактивних и прилагођених мапа