GraphicsJS ви позволява да създадете всяка уеб графика, която можете да си представите

Потребителски JavaScript API са бъдещето на мрежата. Най- движение с отворен код свързан с SVG графика са отворили възможностите за уеб разработчици.

GraphicsJS е безплатна библиотека с отворен код и JS API за изграждане на персонализирани графики в уеб браузъри. Може да се използва като инструмент за визуализация за графични данни, или може да се използва за правене на готини неща само за да се покаже.

На началната страница ще намерите голяма част от демонстрации създаден с GraphicsJS. И тези примери просто надраскат повърхността на възможното.

Библиотеката използва свой собствен виртуален DOM което е абстракция на DOM на браузъра. Това е донякъде подобно на виртуалния DOM на React и се използва по подобен начин.

Тъй като тази библиотека използва клонинг на DOM, също се нуждае от истински HTML елементи да работим. Ето защо използва SVG / VML вместо вградени обекти в платното HTML5.

Този графичен двигател беше първоначално вградена в библиотеката AnyChart. Оттам беше променени и отворен източник като собствен JS API.

GraphicsJS поддържа всички основни браузъри, дори датиращи от IE6 и Chrome 1.0.

Всички изходни кодове е на разположение в GitHub repo, където можете да изтеглите копие и да му се въртите, ако имате време. Но мисля, че най-добрият начин да се научим е да се потопим в главата.

Можете да разглеждате API документи но обикновено намирам тези документи за излишни. Документите се използват най-добре, когато е необходимо намерете специфичен метод или API повикване за справка.

Ако просто започваш, можеш посетете детската площадка хоствано на уебсайта на AnyChart. Това е хубаво място за намиране проби от работен код да разбием синтаксиса.

Или, ако наистина искате да започнете с квадратна, тогава Началното ръководство на GraphicsJS мога да помогна. Това е повече като “официален” документация, така че ще държи ръката ви за по-гладка крива на обучение в сравнение с API документите.

Така или иначе, обичам, че GraphicsJS е отворен източник и пуснат в общността на разработчиците. Това е далеч от перфектна библиотека, но това е едно от най-добрите за нас създаване на персонализирани SVG графики от нулата.

И за да се въртите на предавките, по-долу можете да видите пример за това, което можете да построите с Graphics.js.