10 проверенных инструментов для визуализации данных с которыми просто и удобно работать

Как визуализировать данные с навыками программирования и без. Инфографика: как связаны аэропорты мира между собой. Автор: Martin Grandjean. Flickr. (CC BY 2.0).
Как визуализировать данные с навыками программирования и без. Инфографика: как связаны аэропорты мира между собой. Автор: Martin Grandjean. Flickr. (CC BY 2.0).

Рабо­та с элек­трон­ны­ми таб­ли­ца­ми, сер­ви­сы быст­рой визу­а­ли­за­ции, созда­ние карт и гра­фи­ков – пред­став­ля­ем вам 10 про­ве­рен­ных и попу­ляр­ных инстру­мен­тов для визу­а­ли­за­ции дан­ных и созда­ния муль­ти­ме­дий­ных про­ек­тов.

1. ChartBlocks

Инстру­мент для рабо­ты с элек­трон­ны­ми таб­ли­ца­ми и база­ми дан­ных, не тре­бу­ю­щий зна­ний про­грам­ми­ро­ва­ния. Помо­жет постро­ить гра­фик в тече­ние несколь­ких минут и создать диа­грам­мы, кото­рые извле­ка­ют дан­ные из несколь­ких источ­ни­ков.

Фрагмент с сайта chartblocks.com/en/
Фраг­мент с сай­та chartblocks.com/en/

Сайт ChartBlocks

2.Datawrapper

Сер­вис для визу­а­ли­за­ции дан­ных для изда­те­лей и жур­на­ли­стов. Вы може­те объ­еди­нять Datawrapper с дан­ны­ми любых фор­ма­тов (Excel, CSV, PDF). Создан­ные гра­фи­ки могут быть встро­е­ны в любой веб-сайт.

Datawrapper дела­ет гра­фи­ки интер­ак­тив­ны­ми: наве­ди­те кур­сор на линии, что­бы уви­деть точ­ные зна­че­ния или срав­ни­вать раз­лич­ные набо­ры дан­ных с помо­щью кно­пок или шка­лы вре­ме­ни. Сер­вис может адап­ти­ро­вать шриф­ты, цве­та и рас­сто­я­ние под вашу сти­ли­сти­ку.

Фрагмент с сайта datawrapper.de
Фраг­мент с сай­та datawrapper.de

Сайт Datawrapper

3. Plotly

Инстру­мент, кото­рый помо­жет создать гра­фик за несколь­ко минут, взяв за осно­ву дан­ные из элек­трон­ной таб­ли­цы.

Фрагмент с сайта plot.ly
Фраг­мент с сай­та plot.ly

Сайт Plotly

4. RAW

Сер­вис для рабо­ты с таб­лич­ны­ми дан­ны­ми помо­га­ет свя­зы­вать элек­трон­ные таб­ли­цы и век­тор­ную гра­фи­ку, копи­ру­ет и встав­ля­ет дан­ные из элек­трон­ных таб­лиц (Microsoft Excel, Google Docs, Apple Numbers). Сер­вис удо­бен, когда необ­хо­ди­мо обра­бо­тать толь­ко опре­де­лен­ную инфор­ма­цию в таб­ли­це. Пока не под­дер­жи­ва­ют JSON или XML-фор­мат.

Фрагмент с сайта raw.densitydesign.org/
Фраг­мент с сай­та raw.densitydesign.org/

Сайт RAW

5. Visual.ly

С помо­щью Visual.ly вы може­те созда­вать инфо­гра­фи­ку, видео, пре­зен­та­ции, отче­ты, элек­трон­ные кни­ги и интер­ак­тив­ные веб-мик­ро­сай­ты.

Фрагмент сайт http://visual.ly/
Фраг­мент сайт http://visual.ly/

Сайт Visual.ly

Инструменты визуализации для разработчиков

6. Google Графики

Инстру­мент для созда­ния интер­ак­тив­ных гра­фи­ков. Диа­грам­мы Google поз­во­ля­ют созда­вать как про­стые диа­грам­мы, так и слож­ные иерар­хи­че­ские кар­ты. Гале­рея шаб­ло­нов пред­ла­га­ет боль­шой ряд гото­вых типов диа­грам­мы. Рабо­та­ет с HTML5 и SVG, может рабо­тать со смарт­фо­на на устрой­ствах с Android.

Сайт Google Гра­фи­ки

7. FusionCharts

FusionCharts – гиб­кий инстру­мент настрой­ки гра­фи­ков по ваше­му жела­нию: внеш­ний вид, цвет фона, шриф­тов. Вклю­ча­ет в себя более 900 карт и при­ме­ров, раз­ме­щен­ных в биб­лио­те­ке JSFiddle.

Сайт FusionCharts

8. Polymaps

Обес­пе­чи­ва­ет быст­рое отоб­ра­же­ние несколь­ких набо­ров дан­ных и под­дер­жи­ва­ет мно­же­ство визу­аль­ных пред­став­ле­ний для век­тор­ных дан­ных в допол­не­ние к OpenStreetMap, CloudMade, Bing и дру­гим кар­то­гра­фи­че­ским сер­ви­сам. Polymaps может загру­жать дан­ные в пол­ном диа­па­зоне мас­шта­бов: от уров­ня стра­ны до горо­дов, рай­о­нов и отдель­ных улиц. Сер­вис под­дер­жи­ва­ет фор­мат SVG, поз­во­ля­ет исполь­зо­вать CSS, что­бы настро­ить дизайн дан­ных.

Сайт Polymaps

9. Chartist.js

Биб­лио­те­ка гра­фи­ков с про­стым управ­ле­ни­ем и боль­шой гиб­ко­стью при исполь­зо­ва­нии оформ­ле­ния сти­лей CSS и управ­ле­ния через JS.

Сайт Chartist.js

10. Leaflet

JavaScript-биб­лио­те­ка с откры­тым исход­ным кодом для мобиль­ных интер­ак­тив­ных карт. Биб­лио­те­ка мало весит (33 КБ) и име­ет все функ­ции, кото­рые могут пона­до­бить­ся раз­ра­бот­чи­кам. Эффек­тив­но рабо­та­ет на всех основ­ных настоль­ных и мобиль­ных плат­фор­мах.

Биб­лио­те­ка может быть рас­ши­ре­на боль­шим коли­че­ством пла­ги­нов, име­ет лег­кий в исполь­зо­ва­нии и хоро­шо доку­мен­ти­ро­ван­ный API и про­стой, лег­ко чита­е­мый исход­ный код.

Сайт Leaflet