«Datawrapper» – бесплатный инструмент для визуализации данных

Фрагмент интерфейса сайта Datawrapper
Фрагмент интерфейса сайта Datawrapper
«Datawrapper» – это удоб­ный и быст­рый спо­соб визу­а­ли­зи­ро­вать дан­ные в виде гра­фи­ков и таб­лиц. Инстру­мент с откры­том кодом прост в исполь­зо­ва­нии и поз­во­ля­ет выпол­нить зада­чу в три дей­ствия пря­мо в окне ваше­го бра­у­зе­ра.

Мно­гие поль­зо­ва­те­ли испы­ты­ва­ют опре­де­лен­ные труд­но­сти при оформ­ле­нии таб­лиц и постро­е­нии гра­фи­ков с помо­щью тра­ди­ци­он­ных про­грамм в роде Excel. «Datawrapper» спра­вит­ся с этой зада­чей за счи­тан­ные мину­ты – полу­чив­ший­ся резуль­тат мож­но ско­пи­ро­вать в виде embed-кода пря­мо в редак­тор ваше­го сай­та.

Шаг 1. Начало использования программы.

Если вам необ­хо­ди­мо выпол­нить еди­но­вре­мен­ную зада­чу, то ска­чи­вать и уста­нав­ли­вать про­грам­му на ком­пью­тер вам не потре­бу­ет­ся – вза­и­мо­дей­ствие с ней осу­ществ­ля­ет­ся пря­мо в окне бра­у­зе­ра. В слу­чае, если вы наце­ле­ны на дол­го­сроч­ное исполь­зо­ва­ние «Datawrapper», вы може­те уста­но­вить его на один из ваших сер­ве­ров; инстру­мент на 100% бес­пла­тен, а его код досту­пен на GitHub.

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

Шаг 2. Подготовка данных.

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

Безымянный

На дан­ном эта­пе необ­хо­ди­мо убрать все лиш­нее и оста­вить лишь те дан­ные, на осно­ве кото­рых и будет стро­ить­ся гра­фик.

Шаг 3. Импорт данных.

Загруз­ка дан­ных в «Datawrapper» осу­ществ­ля­ет­ся дву­мя спо­со­ба­ми. Вы може­те про­сто обве­сти зна­че­ния в Excel, ско­пи­ро­вать их и вста­вить в окош­ко про­грам­мы или загру­зить CSV файл с ваши­ми дан­ны­ми.

Фрагмент интерфейса сайта DataWrapper
Фраг­мент интер­фей­са сай­та DataWrapper

Шаг 4. Построение графика.

Нажав кноп­ку «Upload and Continue», вы пере­хо­ди­те к под­го­тов­ке дан­ных перед постро­е­ни­ем гра­фи­ка. На этом эта­пе вы може­те ука­зать, в каком виде будут пред­став­ле­ны дан­ные – в таб­ли­цах или стро­ках, скрыть отдель­ные столб­цы, ука­зать чис­ло­вой фор­мат отоб­ра­же­ния дан­ных , округ­лить чис­ла до нуж­но­го зна­че­ния и ука­зать ссыл­ку на источ­ник, отку­да были взя­ты дан­ные.

Фрагмент интерфейса сайта Datawrapper
Фраг­мент интер­фей­са сай­та Datawrapper

Нажав коп­ку «Visualize», вы перей­де­те к пред­по­след­не­му и осно­ву эта­пу в постро­е­нии гра­фи­ка, имен­но здесь рас­кры­ва­ют­ся глав­ные воз­мож­но­сти инстру­мен­та. На ваш выбор несколь­ко видов гра­фи­ков, меж­ду кото­ры­ми мож­но сво­бод­но пере­клю­чать­ся – гра­фик будет менять­ся пря­мо на ваших гла­зах.

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

Фрагмент интерфейса сайта Datawrapper
Фраг­мент интер­фей­са сай­та Datawrapper

Шаг 5. Экспорт данных.

Фрагмент интерфейса сайта Datawrapper
Фраг­мент интер­фей­са сай­та Datawrapper

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

Все постро­ен­ные гра­фи­ки мож­но про­смат­ри­вать в соб­ствен­ной гале­рее.

Офи­ци­аль­ный сайт Datawrapper.