90 инструментов и ресурсов для инфографики и визуализации

Мы выбрали самые полезные инструменты, которые пригодятся как начинающим дизайнерам, так и экспертам в области визуализации данных. Фото: unsplash. (CC0).

Где смот­реть кра­си­вую инфо­гра­фи­ку? Как и с помо­щью каких ресур­сов визу­а­ли­зи­ро­вать дан­ные? Пред­став­ля­ем под­бор­ку инстру­мен­тов и ресур­сов для инфо­гра­фи­ки и визу­а­ли­за­ции.

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

Лучшие блоги и веб-сайты об инфографике

Изображение: visualcomplexity.com
Изоб­ра­же­ние: visualcomplexity.com
  1. Information Aesthetics – Соот­но­ше­ние дизай­на и инфор­ма­ции.
  2. Visualizing.org – Пони­ма­ние слож­ных вопро­сов с помо­щью дан­ных и дизай­на.
  3. Visual Complexity - Ресурс с визу­а­ли­за­ци­я­ми слож­ных сетей.
  4. Daily Infographic – Новая инфо­гра­фи­ка каж­дый день.
  5. GOOD Infographics – Сек­ция инфо­гра­фи­ки GOOD Magazine.
  6. Information Is Beautiful – Идеи, про­бле­мы, зна­ния, дан­ные – визу­а­ли­за­ция все­го.
  7. Infographic of the Day – Серия инфо­гра­фи­ки от Fast Company.
  8. FlowingData – Дизай­не­ры и уче­ные, кото­рые визу­а­ли­зи­ру­ют дан­ные.
  9. Datastore / Datablog – Жур­на­ли­сти­ка дан­ных от Guardian.
  10. Infographics Archive – Визу­аль­ная биб­лио­те­ка с инфо­гра­фи­кой.
  11. Infographr – Все об инфо­гра­фи­ке.
  12. Video Infographics – Видео­ин­фо­гра­фи­ка.
  13. Datavisualization.ch – Ново­сти и инфор­ма­ция о визу­а­ли­за­ции дан­ных.
  14. VisualJournalism – 80% ново­стей в инфо­гра­фи­ке.
  15. Eagereyes – Визу­а­ли­за­ция и визу­аль­ные ком­му­ни­ка­ции.
  16. Amazing Infographics – Ресурс с инфо­гра­фи­кой.
  17. Submit Infographics – Дели­тесь и оце­ни­вай­те инфо­гра­фи­ку.
  18. The Infographics Showcase – Под­бор­ка инфо­гра­фи­ки и визу­а­ли­за­ции.
  19. I Love Charts – Tumblr-блог о гра­фи­ках.
  20. Well Formed Data – Блог с инфо­гра­фи­кой.
  21. Best Infographics – При­ме­ры инте­рес­ной инфо­гра­фи­ки.
  22. Infographic List – Для тех, кто любит инфо­гра­фи­ку.
Еще по теме: Визу­а­ли­за­ция. 4 онлайн-сер­ви­са для созда­ния обла­ка тегов и слов на рус­ском язы­ке

Инструменты для визуализации данных

Изображение: gephi.github.io
Изоб­ра­же­ние: gephi.github.io
  1. Piktochart – Пре­вра­ти­те ваши дан­ные в кра­си­вую инфо­гра­фи­ку. Видео­урок: как само­сто­я­тель­но создать кра­си­вую инфо­гра­фи­ку с помо­щью Piktochart.
  2. Infogr.am – Созда­вай­те интер­ак­тив­ные гра­фи­ки. Видео­урок: как визу­а­ли­зи­ро­вать дан­ные с помо­щью сер­ви­са infogr.am.
  3. Gephi – «Photoshop» для дан­ных – про­грамм­ное обес­пе­че­ние для визу­а­ли­за­ции.
  4. Processing – Про­грамм­ная сре­да для созда­ния визу­а­ли­за­ций.
  5. Matplotlib – Биб­лио­те­ка на язы­ке про­грам­ми­ро­ва­ния Python для визу­а­ли­за­ции дан­ных дву­мер­ной (2D) гра­фи­кой.
  6. Tableau Public – Инстру­мент для визу­а­ли­за­ции дан­ных.
  7. Free Vector Infographic Kit – Элмен­ты век­тор­ной инфо­гра­фи­ки от MediaLoot.
  8. easel.ly – Созда­вай­те инфо­гра­фи­ку онлайн. Как созда­вать инфо­гра­фи­ку с помо­щью Easel.ly.
  9. Weave – Веб-плат­фор­ма для ана­ли­ти­ки и визу­а­ли­за­ции.
  10. iCharts – Про­стое созда­ние гра­фи­ков.
  11. ChartsBin – Веб-инстру­мент для созда­ния визу­а­ли­за­ций.
  12. GeoCommons – Кар­то­гра­фи­че­ский инстру­мент.
  13. VIDI – Набор Drupal-моду­лей для визу­а­лиз­ции дан­ных.
  14. Prefuse – Про­грамм­ное обес­пе­че­ние для визу­а­ли­за­ции инфор­ма­ции.
  15. StatSilk – Про­грамм­ное обес­пе­че­ние для кар­то­гра­фии и визу­а­ли­за­ции.
  16. Gliffy – Созда­ние онлайн-диа­грамм.
  17. Google Chart Tools – Набор инстру­мен­тов для визу­а­ли­за­ции.

Источники данных

Изображение: datahub.io
Изоб­ра­же­ние: datahub.io
На англий­ском язы­ке:
  1. The Data Hub – Ресурс, где вы може­те ска­чать и исполь­зо­вать дан­ные.
  2. Knoema – Боль­шое коли­че­ство набо­ров дан­ных.
  3. WorldMap – Иссле­дуй­те, визу­а­ли­зи­руй­те и пуб­ли­куй­те гео­гра­фи­че­скую инфор­ма­цию.
  4. Get the Data – Задать вопрос о дан­ных.
  5. US Census Bureau – Дан­ные по Аме­ри­ке (люди, места, эко­но­ми­ка).
  6. datacatalogs.org – Набор ката­ло­гов откры­тых дан­ных со все­го мира.
  7. World Bank Data – Набо­ры дан­ных о раз­ных стра­нах.
  8. Data360 – Набо­ры дан­ных, кото­рые рас­ска­зы­ва­ют исто­рии.
  9. Gallup – Опро­сы обще­ствен­но­го мне­ния.
  10. EveryBlock – Набо­ры дан­ных о круп­ных горо­дах.
  11. Google Public Data – Поиск и ани­ма­ция набо­ров дан­ных со все­го мира.
  12. Gapminder – Дан­ные по гло­баль­но­му раз­ви­тию.
На рус­ском язы­ке:
  1. Хаб откры­тых дан­ных – Набо­ры откры­тых госу­дар­ствен­ных дан­ных.
  2. Дан­ные Феде­раль­ных Орга­нов Испол­ни­тель­ной Вла­сти – набо­ры откры­тых дан­ных от Мини­стерств и Феде­раль­ных агентств РФ.
  3. Пор­тал откры­тых дан­ных Госу­дар­ствен­ной Думы – Пор­тал откры­тых дан­ных офи­ци­аль­но­го сай­та Госу­дар­ствен­ной Думы.
  4. Откры­тое пра­ви­тель­ство – откры­тые дан­ные на сай­те Откры­то­го пра­ви­тель­ства.
  5. Пор­тал госу­дар­ствен­ных заку­пок – инфор­ма­ция в сфе­ре гос­за­ку­пок и услуг.
  6. Лабо­ра­то­рия «GIS-Lab» – сооб­ще­ство спе­ци­а­ли­стов в обла­сти гео­гра­фи­че­ских инфор­ма­ци­он­ных систем.
Еще по теме: Спи­сок рос­сий­ских госу­дар­ствен­ных пор­та­лов откры­тых дан­ных.

JavaScript / Flash инструменты для создания инфографики

Изображение: d3js.org
Изоб­ра­же­ние: d3js.org
  1. d3.js – Боль­шая JavaScript-биб­лио­те­ка для созда­ния визу­а­ли­за­ции.
  2. InfoVis Toolkit – JavaScript инстру­мент для созда­ния визу­а­ли­а­ции.
  3. Flare – Интер­ак­тив­ная визу­а­ли­за­ция (ActionScript).
  4. Dygraph – Откры­тая JavaScript-биб­лио­те­ка для рабо­ты с дан­ны­ми.
  5. JS Charts – JavaScript-гра­фи­ки.
  6. FusionCharts – JavaScript (HTML5) и Flash-гра­фи­ки.
  7. amCharts – JavaScript и HTML-гра­фи­ки.
  8. Highcharts − JavaScript-биб­лио­те­ка для созда­ния гра­фи­ков.

Руководства по созданию инфографики

Изображение: digitalartsonline.co.uk/tutorials/adobe-illustrator/design-magazine-infographic/
Изоб­ра­же­ние: digitalartsonline.co.uk/tutorials/adobe-illustrator/design-magazine-infographic/
На англий­ском язы­ке:
  1. How to Create Outstanding Modern Infographics – Vectortuts+
  2. Infographic: Do-It-Yourself Guide to Infographics – Marketing Tech Blog
  3. A Few Rules for Making Homemade Infographics – The Atlantic Wire
  4. The Do’s and Don’ts of Infographic Design – Smashing Magazine
  5. Design a Magazine Infographic – Digital Arts
  6. Create an Infographic Typography Animation – aetuts+
  7. The Anatomy of an Infographic – SpyreStudios
  8. How to Strike a Balance Between Data and Visualization – The Daily Egg
  9. 7 Steps to Make Your Infographic a Success – SEOmoz
Еще по теме: Визу­а­ли­за­ция дан­ных 100 лет назад и сей­час, 9 при­ме­ров, как это было и как ста­ло
Пере­во­ды Теп­ли­цы:
  1. Как созда­вать интер­ак­тив­ную инфо­гра­фи­ку: посо­бие по визу­а­ли­за­ции дан­ных для начи­на­ю­щих.
  2. 8 сове­тов, кото­рые помо­гут сде­лать визу­а­ли­за­цию пра­виль­но.
  3. Эмо­ци­о­наль­ный сто­ри­тел­линг: как дизай­не­рам рас­ска­зы­вать исто­рии.
  4. Как рас­ска­зы­вать исто­рии с помо­щью дан­ных.

Другое / Разное

  1. Kaggle – Сооб­ще­ство уче­ных, рабо­та­ю­щих с боль­ши­ми дан­ны­ми.
  2. KISSmetrics Infographics – Полез­ная инфо­гра­фи­ка KISSmetrics.
  3. Data Wrangler – Инстру­мент для фор­ма­ти­ро­ва­ния дан­ных.
  4. A World of Tweets – визу­а­ли­за­ция Twitter.
  5. We Feel Fine – Иссле­до­ва­ние чело­ве­че­ских эмо­ций.
  6. ComponentArt DV – Визу­а­ли­зуй­те ваши дан­ные.
  7. Webpages As Graphics – An HTML DOM visualizer app.
  8. Creately – Рисуй­те сов­мест­ные диа­грам­мы онлайн.
  9. Re.vu – Инстру­мент для визу­а­ли­за­ции резю­ме.
  10. Vizualize.me – Визу­а­ли­за­ция резю­ме в один клик.
  11. Wordle – Созда­вай­те кра­си­вые обла­ка тегов.
  12. Tagxedo – Еще один инстру­мент для созда­ния обла­ков тегов.
Изоб­ра­же­ние: Calvinius