Изградите динамичке графиконе брзо на Д3 са Плоттабле.јс

Слободан Д3.јс либрари је само један од многих који вам дозвољавају креирајте интерактивну графику на страници. Иако је Д3 можда најпопуларнији од гомиле, учење да га користите није лак задатак.

Зато Плоттабле.јс је тако вриједна библиотека. То је бесплатан опен-соурце пројекат изграђен на врху Д3.јс, олакшавајући било коме да креира интерактивне графиконе података од нуле.

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

Сваки графикон има своју компоненту у Плоттабле гдје можете копирајте / налепите код шаблона да сами изградите графикон. Од тренутка писања, можете изабрати 10 стилова графикона, укључујући бар-графиконе, дијаграме, дијаграме расипања и парцеле подручја.

Можете индивидуално обнављање компоненти и прилагодите њихова подешавања динамички. На овај начин можете лако да мењате интерактивне елементе, боје, анимације, позиције, величине и све остало што вам је потребно.

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

Али, најбољи начин за учење је кроз пример. Зато би требали погледати њихове узорак графикона који се покрећу Плоттабле да види како ради у акцији.

Сваки граф је потпуно интерактивно, са изворним кодом за покретање. Ако желите поново изградити сличан графикон, само копирајте / залијепите ЈС код и реформатирајте га по потреби.

Имам два лична фаворита са њиховог сајта: Календар Хеатмап по узору на ГитХуб-ову плочу активности и Синцхронизед Цхартс са карактеристикама динамичке селекције.

Ако никада раније нисте користили Д3.јс, покушаћете да научите ову библиотеку. Нарочито зато што је то написан у ТипеСцрипт, тако да ћете вероватно и то хтети да покупите. Коначни код је компајлиран у ЕС5 ЈаваСцрипт, тако би требало раде у свим већим претраживачима.

Ако сте спремни за роњење, погледајте их Туториалс паге препуни ресурса. Науцицете све сто вам је потребно да поцнете са Плоттабле и то креирање динамичких веб графова од нуле.