Визуализацията на данните е механизмът за вземане на таблични или пространствени данни и предаването им по приятелски и визуален начин на аудиторията. Има няколко инструмента с отворен код, които могат да ви помогнат да създадете полезни, информативни графики и диаграми. В тази публикация ще разгледаме няколко инструмента за визуализиране на данни с отворен код.
1. Datawrapper
Datawrapper е създаден от Европейската журналистическа асоциация, предназначени да улесни визуализацията на данните за нови институти. Въз основа на уеб базиран GUI (графичен потребителски интерфейс), той обещава да ви позволи да създадете графика само в четири стъпки. За да създадете графика, щракнете върху връзката „Нова диаграма“ в горната лента на менюто. След това можете да поставите данните си в областта на текста; инструментът ги анализира и ви показва визуализацията. Ако всичко е наред, можете да го публикувате. Datawrapper е напълно отворен код и можете да го изтеглите от тяхната страница на GitHub и сами да си го хоствате. Той е достъпен и като облачна, платена услуга на уебсайта им.

2. Chart JS
Chart JS е чиста библиотека за графики. Преди да можете да създадете диаграма, ще трябва да включите библиотеката във вашия код. След като сте готови, можете да използвате API от библиотеката, за да добавите диаграми и да присвоите стойности. Повече технически подробности можете да намерите тук . Това е добър вариант за хора, които се нуждаят от прецизен контрол върху външния вид и усещане, но ако не искате да си изцапате ръцете с кода, това вероятно не е най-добрият вариант за вас.
3. Сharted.co
Създаден от екипа на научните продукти на Medium , това е един от най-минималните инструменти за графики, достъпни онлайн. Можете просто да поставите връзка на електронна таблица на Google или файл .csv (входни данни) и инструмент да създадете диаграма с данните. Charted извлича данните на всеки 30 минути, като се уверява, че графиката е актуална. Въпреки че се предлага свободно онлайн, можете да хоствате своя собствена версия, като използвате кода.

4. D3 JS
D3 означава документи, управлявани от данни. Това е JavaScript библиотека, за да ви помогне да свържете произволни данни към DOM (модел на обект на документ) и да приложите преобразувания, управлявани от данни към документа. Както много от вас може да са наясно, DOM е програмен API, който позволява на програмистите да имат достъп до документи като обекти и тези обекти отблизо представляват структурата на документите, която моделират. D3 предоставя API, които могат да бъдат приложени към DOM елементи и да трансформират получените HTML, SVG или CSS документи. Но отново този метод може да се хареса на програмистите повече от средните потребители, тъй като включва писане на код за създаване на графики.

5. Dypgraphs
Dygraphs е гъвкава, базирана на JavaScript библиотека за графики. Основната атракция на Dygraphs е, че може да обработва огромни набори от данни и да произвежда продукция, която е интерактивна за крайните потребители. Това изисква известно ниво на уеб програмиране, за да започнете с диаграма, но е по-лесна за използване от предишните библиотеки, споменати в тази статия. Разгледайте примерната галерия, за да научите повече за нейните възможности.

Изображение предоставено от Nitish Tiwari. Източник .
6. RAW
Raw е уеб-базиран инструмент, който ви позволява просто да поставите вашите данни и да създадете графики в няколко прости стъпки. Изградена в библиотеката на D3.js, тя е изключително лесна за използване и опакова цялата доброта на D3 във формат, готов за използване от непрограмисти. Можете да изберете да използвате безплатния уеб хостинг инструмент или да разклоните проекта на GitHub и да го домакин зад вашата защитна стена.
7. TimeLine
От време на време се сблъсквате със ситуация, която изисква да показвате събитията като последователни срокове. Този инструмент, Timeline, ви помага да постигнете това. За да създадете времеви линии, всичко, което трябва да направите, е да форматирате данните си, като в този примерен шаблон . След като форматирате данните в електронна таблица на Google, използвайте генератора на Timeline, за да ги публикувате. Това е! Имате вграден код за вграждане сега и можете да го използвате, за да вградите времевата линия в уеб страниците. Ето видео урок за още по-лесно.
8. Leaflet JS
Готовността за мобилни устройства е ключът към високия трафик и добрите проценти на реализация. Листовка е лека, мобилна приятелска JavaScript библиотека, която ще ви помогне да създадете интерактивни карти. Листовка е проектирана с простота, производителност и използваемост в предвид. Тя работи във всички основни настолни и мобилни платформи извън кутията, като се възползва от HTML5 и CSS3 в съвременните браузъри, докато все още е достъпен за по-старите. Може да бъде разширен с огромен брой плъгини , има красив, лесен за използване и добре документиран API и прост, четим изходен код, за който е радост да допринесете.
Надявам се този списък да ви помогне да намерите най-подходящото решение за вашите нужди. Ако имате друг любим инструмент, който би трябвало да добавим в списъка ще се радвам да го споделите?