visualization in europe: school of open data in moscow
DESCRIPTION
Here's the presentation I created for my workshop at the School of Open Data in Moscow in December 2014.TRANSCRIPT
![Page 1: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/1.jpg)
Визуализация данных в Европе
Кто, с кем, как и зачем – и как начать создавать визуализации
самостоятельно
Наталья Карбасова
![Page 2: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/2.jpg)
О чем мы будем говорить?
1. Визуализация в Европе2. Основные типы визуализаций и
распространенные ошибки3. Мастер-класс: Как создать собственную
визуализацию
![Page 3: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/3.jpg)
Зачем нужна визуализация данных?
• Информации все больше• Времени все меньше• Меняется восприятие информации: мы
меньше читаем и больше смотрим картинки• Идеи проще донести до аудитории + более
объективная картинка• Неразборчивые ряды цифр превращаются в
четкую картинку
![Page 4: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/4.jpg)
Визуализация в европейской журналистике
![Page 5: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/5.jpg)
Журналистикой данных всерьез занимается только несколько
изданий
![Page 6: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/6.jpg)
Zeit Onlineblog.zeit.de/open-data/
![Page 7: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/7.jpg)
Что делает Zeit Online?
• Приводит интересные примеры визуализаций из других источников
• Объясняет, как создавались собственные визуализации и расследования
![Page 8: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/8.jpg)
От простых графиков, созданных в datawrapper.com...
http://blog.zeit.de/open-data/2013/05/07/statistik-ifg-kuenstlersozialkasse/
![Page 9: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/9.jpg)
...и word clouds, созданных в Wordle.com
http://blog.zeit.de/open-data/2013/11/27/koalitionsvertraege-woerter-haeufigkeit/
![Page 10: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/10.jpg)
До более сложных проектов с участием программистов
http://www.zeit.de/politik/deutschland/2013-09/twitter-monitor
Мониторинг Твиттера во время
выборов
![Page 11: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/11.jpg)
Что здесь показано?
• Анализ 10000 важнейших аккаунтов по количеству пользователей, упоминаний и активности: какие темы предвыборной кампании волнуют пользователей Твиттера?
• Взяли самые популярные хэштеги• Разбили по категориям: упомянули
пользователи, медиа, политики, общественные организации
![Page 12: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/12.jpg)
http://www.zeit.de/politik/deutschland/abgeordnetenbilanz/?partei=-&ansicht=ml&kategorie=5
![Page 13: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/13.jpg)
Что здесь показано?
• Результаты деятельности Бундестага и отдельных парламентариев
• Всего журналисты загрузили с сайта dip.bundestag.de почти 156 000 различных видов деятельности (категории: речь, устное замечание, групповая инициатива, вопрос правительству и ответ правительства)
• Каждой категории присвоили свой цвет: видно, какой политик из какой партии чем занимался
![Page 14: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/14.jpg)
Но и у Zeit бывают непонятные визуализации
http://blog.zeit.de/open-data/2013/07/11/dispozinsen/
![Page 15: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/15.jpg)
Что тут не так?
• Цифры на карте нельзя быстро сравнить, непонятно, кто лучше, кто хуже.
• Создается видимость общей картины, но на самом деле отсутствует прозрачность.
![Page 16: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/16.jpg)
Spiegel.de: Блог Datenlese
http://www.spiegel.de/thema/daten/
![Page 17: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/17.jpg)
Что делает Spiegel.de?
• Публикует собственные проекты• Показывает ошибки в официальной
статистике
![Page 18: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/18.jpg)
Перепись населения
http://www.spiegel.de/politik/deutschland/interaktive-karte-einwohnerzahlen-zensus-2011-gewinner-verlierer-a-914393.html
![Page 19: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/19.jpg)
Интерактивные визуализации
http://www.spiegel.de/politik/deutschland/interaktive-grafik-das-ist-merkels-neue-regierung-a-928664.html
![Page 20: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/20.jpg)
Berliner Morgenpost: карта выборов в Берлине
2011 2013
![Page 21: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/21.jpg)
Задействовали программиста – получили результат быстрее и лучше -> European Newspaper Award
http://berlinwahlkarte2013.morgenpost.de/index.html
![Page 22: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/22.jpg)
Süddeutsche Zeitung: создают досье по темам
http://www.sueddeutsche.de/thema/Bahn-Versp%C3%A4tungen
![Page 23: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/23.jpg)
DataGraph
![Page 24: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/24.jpg)
Атлас Европы
![Page 25: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/25.jpg)
Раскрытие беспрецедентного уклонения от налогов
Подробности: http://goo.gl/ln7FIu
![Page 26: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/26.jpg)
![Page 27: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/27.jpg)
„Немецкая Волна“
http://visualdata.dw.de/specials/bildung/en/index.html
![Page 28: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/28.jpg)
Что здесь показано?
• Факты об образовании во всем мире• Фокус на нескольких интересных фактах и
корреляциях (грамотность по регионам, грамотность по странам/ по полу, запись в учебные заведения, расходы на образование vs. расходы на военный бюджет)
• Дизайнер не только показывает, но и объясняет данные и рассказывает историю
![Page 29: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/29.jpg)
![Page 30: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/30.jpg)
Neue Zürcher Zeitung
![Page 31: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/31.jpg)
«Швейцария с высоты птичьего полета»
http://work.interactivethings.com/nzz-swiss-maps/index.html
![Page 32: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/32.jpg)
Короткие информативные карты, выхватывающие фрагменты из жизни страны
![Page 33: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/33.jpg)
Кто делает эти проекты?
• В Швейцарии работает агентство Interactive Things (http://interactivethings.com/)
• В Германии есть независимые информационные дизайнеры и агентства (Opendata City, Golden Section Infographics)
• Редакции пока редко берут в штат программистов (исключение – Berliner Morgenpost)
![Page 34: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/34.jpg)
Чрезмерное использование bubble charts
![Page 35: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/35.jpg)
Проблема с «кружочками»
• Bubble Charts используются для сравнения величин, а надо – для общей картинки
• Слишком много «красоты» и мало информации
![Page 36: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/36.jpg)
Bubble problem
• Человеческий мозг плохо высчитывает площади поверхностей. Он гораздо лучше умеет сравнивать отельные параметры, такие как высоту или длину.
• Читатели сравнивают не площадь, а высоту диаграммы
![Page 37: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/37.jpg)
Financial Times
![Page 38: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/38.jpg)
Handelsblatt
![Page 39: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/39.jpg)
Проблемные инфографики в прессеFinancial Times
![Page 40: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/40.jpg)
Можно использовать для общей картины
http://elections.nytimes.com/2012/results/president
![Page 41: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/41.jpg)
Визуализации в других сферах
![Page 42: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/42.jpg)
OECD Better Life Index
http://www.oecdbetterlifeindex.org/
![Page 43: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/43.jpg)
Что здесь показано?
• Сравнение основных факторов, влияющих на восприятие качества жизни в странах ОБСЕ
• Каждый цветок = страна• Каждый лепесток = один из 11 факторов• Длина = балл страны по этой теме• Ширина = важность темы для конкретного
пользователя. • Пользователь сам настраивает рейтинг• Хороший баланс между дизайном и практичностью
![Page 44: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/44.jpg)
Альтернативы в процессе разработки визуализации
http://vimeo.com/24609043#
![Page 45: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/45.jpg)
Кто это сделал?
• Мориц Штефанер (Moritz Stefaner)
• Информационный дизайнер, фрилансер
• moritz.stefaner.eu
![Page 46: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/46.jpg)
GED Viz (Global Economic Dynamics)
• www.ged-project.de/viz/ • Инструмент и проект по визуализации
экономических данных от Bertelsmann• Результаты можно экспортировать в виде
iframe или сохранить как картинку• Параллельно существует проект по
объяснению данных при помощи этого инструмента
![Page 47: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/47.jpg)
![Page 48: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/48.jpg)
www.ged-project.de/shorts
![Page 49: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/49.jpg)
Но и тут красота подачи часто идет вразрез с функциональностью
![Page 50: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/50.jpg)
Ханс Рослинг, Gapminder
http://www.gapminder.org/videos/the-river-of-myths/
![Page 51: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/51.jpg)
Что здесь показано?
• Визуализация демографических данных: как развивается население в различных странах мира в историческом контексте
• Популяризация общедоступных фактов при помощи визуальной подачи информации
• Gapminder – это программа, которую можно бесплатно загрузить и использовать для собственных презентаций (источники: данные международных организаций World Bank, OECD, etc)
![Page 52: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/52.jpg)
Альтернативный проект на основе данных Gapminder (Мориц Штефанер)
http://moritz.stefaner.eu/projects/remixing-rosling/
![Page 53: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/53.jpg)
![Page 54: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/54.jpg)
«Литературный организм» Stefanie Posavec
http://itsbeenreal.co.uk/
![Page 55: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/55.jpg)
Визуализация бизнес-аналитикии больших данных
![Page 56: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/56.jpg)
Splunk
![Page 57: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/57.jpg)
![Page 58: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/58.jpg)
Tableau Software
![Page 59: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/59.jpg)
Типы визуализаций
Источник: Andy Kirk, „Data Visualization: a successful design process“
![Page 60: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/60.jpg)
„Разные формы визуализации по-разному отвечают на разные вопросы“
Amanda Cox, New York Times
![Page 61: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/61.jpg)
Сравниваем категории
![Page 62: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/62.jpg)
Dot plot
![Page 63: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/63.jpg)
Bar chart
![Page 64: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/64.jpg)
Floating bar / Gantt chart
![Page 65: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/65.jpg)
Гистограмма
![Page 66: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/66.jpg)
Slopegraph
![Page 67: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/67.jpg)
Radial chart
http://www.theguardian.com/world/interactive/2012/may/08/gay-rights-united-states
![Page 68: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/68.jpg)
Glyph chart: форма (цветок, etc)
![Page 69: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/69.jpg)
Sankey diagram
![Page 70: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/70.jpg)
Word cloud
![Page 71: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/71.jpg)
Показываем иерархии и отношение частей к целому
![Page 72: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/72.jpg)
Pie chart
![Page 73: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/73.jpg)
Stacked bar chart
![Page 74: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/74.jpg)
Square pie
![Page 75: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/75.jpg)
Tree map
![Page 76: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/76.jpg)
Circle packing diagram
![Page 77: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/77.jpg)
Bubble hierarchy
![Page 78: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/78.jpg)
Tree hierarchy
![Page 79: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/79.jpg)
Показываем изменения во времени
![Page 80: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/80.jpg)
Line chart
![Page 81: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/81.jpg)
Sparklines
![Page 82: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/82.jpg)
Area chart
![Page 83: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/83.jpg)
Horizon chart
![Page 84: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/84.jpg)
Stacked area chart
![Page 85: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/85.jpg)
Stream graph
http://visualization.geblogs.com/visualization/germanenergy/
![Page 86: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/86.jpg)
Candlestick chart
![Page 87: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/87.jpg)
Barcode chart
![Page 88: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/88.jpg)
Flow map
![Page 89: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/89.jpg)
Показываем связи и взаимоотношения
![Page 90: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/90.jpg)
Scatter plot
![Page 91: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/91.jpg)
Bubble plot
![Page 92: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/92.jpg)
Heatmap
![Page 93: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/93.jpg)
Parallel sets
![Page 94: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/94.jpg)
Radial network (chord diagram)
![Page 95: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/95.jpg)
Network diagram
![Page 96: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/96.jpg)
Визуализируем географические данные
![Page 97: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/97.jpg)
Карты и их подвиды
![Page 98: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/98.jpg)
![Page 99: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/99.jpg)
![Page 100: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/100.jpg)
![Page 101: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/101.jpg)
![Page 102: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/102.jpg)
![Page 103: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/103.jpg)
«Основная задача инфографика – это не просто быть красивой и приятной на вид. В первую очередь инфографика должна быть понятна, а уж потом красива. Красота должна выражаться через изысканную функциональность».Альберто Кайро„The Functional Art“
![Page 104: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/104.jpg)
Собственный опыт: попытка внедрить визуальный подход в Focus Online
![Page 106: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/106.jpg)
Берем данные World Bank, импортируем в DataWrapper – и показываем, что министр не врет
![Page 107: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/107.jpg)
Рекорд по использованию солнечной энергии
http://goo.gl/T3kRw1
![Page 108: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/108.jpg)
Актуальные цифры + статистика (Datawrapper, Excel)
![Page 109: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/109.jpg)
Рейтинг немецких футболистов в соцсетях (среди 200 самых дорогих игроков)
http://goo.gl/4IGWtQ
![Page 110: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/110.jpg)
20 самых дорогих игроков
![Page 111: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/111.jpg)
20 самых популярных игроков
![Page 112: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/112.jpg)
Сколько стоят их фанаты?
![Page 113: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/113.jpg)
Сортировка исходных данных
![Page 114: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/114.jpg)
Slope graph
![Page 115: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/115.jpg)
Создавать собственные визуализации гораздо проще,
чем кажется
![Page 116: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/116.jpg)
Альберто Кайро (Epoca)
«Визуализация происходит не на странице газеты и не на экране. Она происходит у вас в голове».
![Page 117: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/117.jpg)
• Хорошая инфографика представляет информацию и позволяет пользователям ее исследовать.
• Визуализации должны не упрощать суть, а объяснять ее, указывать на тенденции, раскрывать структуры и делать невидимое видимым.
• Создание визуализаций не отличается от создания журналистских текстов. Дизайнер (журналист) кодирует информацию, зритель (читатель) декодирует ее.
![Page 118: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/118.jpg)
Создаем повествование
• Сначала общая картина, потом отдельные подробности и фильтрация, лишь затем дополнительные детали
![Page 119: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/119.jpg)
Создать визуализацию несложно, если:
- понимать правила восприятия информации- иметь четкое представление о том, что вы хотите показать (= журналистский тезис)
![Page 120: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/120.jpg)
Правила восприятия информации
![Page 121: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/121.jpg)
• Мозг лучше воспринимает различия в цвете, чем различия в форме
![Page 122: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/122.jpg)
Ориентация, цвет, форма
![Page 123: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/123.jpg)
Близость расположения
• Объекты, расположенные рядом друг с другом, воспринимаются как одна группа
![Page 124: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/124.jpg)
Схожесть
• Идентичные объекты воспринимаются как часть одной группы
![Page 125: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/125.jpg)
Связанность
• Объекты, связанные при помощи графических средств, воспринимаются как часть одной группы
![Page 126: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/126.jpg)
Собственный опыт: анализ службы попутчиков Mitfahrgelegenheit.de
![Page 127: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/127.jpg)
Куда едут немцы 1 мая?
![Page 128: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/128.jpg)
Исходные данные на сайте mitfahrgelegenheit.de
![Page 129: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/129.jpg)
Как извлечь?
• Google Spreadsheets: =importHTML• Расширение Google Scraper• Python Scraper (ScraperWiki)• Outwit Hub!
![Page 130: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/130.jpg)
OutWit Hub
![Page 131: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/131.jpg)
Дальнейшие шаги
• Очистка данных, экспорт в Excel/ Google Fusion Tables
• Сортировка и фильтрация• Определение формата и ограничений
(только 50 самых населенных городов, визуальная часть)
![Page 132: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/132.jpg)
Сортировка
![Page 133: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/133.jpg)
![Page 134: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/134.jpg)
![Page 135: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/135.jpg)
![Page 136: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/136.jpg)
Результат
![Page 137: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/137.jpg)
Инструменты
• Google Spreadsheets• Google scraper add-on• OutWit Hub• Excel• Google Pivot Tables• Google Fusion Tables: creating the network
diagram and embedding it on the blog• Datawrapper: creating bar charts with top-10
cities
![Page 138: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/138.jpg)
Если вам не хватает технических знаний, есть два выхода:
• Снизить собственный уровень ожиданий и создать базовую визуализацию
• Найти профессионалов, которые сделают сложный продукт на основе вашей идеи
![Page 139: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/139.jpg)
Что нужно изучить
• Принципы восприятия и организации информации (Gestalt School of Psychology/ Gestalt laws), информационный дизайн
• Основы статистики («Я верю только той статистике, которую сам сфальсифицировал») – стандартное отклонение, медиан, модус, погрешность
• Основы графического дизайна и картографии
![Page 140: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/140.jpg)
Развивайте визуальное и аналитическое мышление!
![Page 141: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/141.jpg)
Как создавать собственные визуализации?
![Page 142: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/142.jpg)
С чего начать?
• Изучайте и критикуйте чужие работы:– конкурсы визуализаций: visualizing.org,
infobeautyawards.com– блоги– Дата-блоги онлайн-СМИ
• Придумывайте, что бы вы сделали лучше• Попытайтесь сделать лучше
![Page 143: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/143.jpg)
Подходы
• Есть данные –> ищем историю
• Есть история -> ищем подтверждение в данных
![Page 144: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/144.jpg)
Основные шаги при создании визуализаций
• Создание наброска/ концепции• Поиск и подготовка данных• Анализ данных/ визуализация
![Page 145: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/145.jpg)
Создание наброска
![Page 146: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/146.jpg)
Поиск и подготовка данных
![Page 147: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/147.jpg)
Поиск и подготовка данных – самый трудозатратный этап при
создании визуализации
![Page 148: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/148.jpg)
Поиск и подготовка данных (1)1) Находим данные (данные уже есть в читаемом формате – Excel, csv, etc/ API/ скрейпинг/ извлечение из PDF). Подробнее: ЬЕГТИН2) Изучаем данные: насколько они соответствуют нашим целям? Просматриваем, фильтруем, сортируем (Excel, Tableau, Google Refine). – Подходят ли нам данные? – Присутствуют ли все необходимые категории?– Подходящий временной промежуток?– Определяем категории данных
![Page 149: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/149.jpg)
Поиск и подготовка данных (2)
3) Подчищаем данные: убираем дубликаты, приводим названия к общему формату (Frankruft – Frankfurt-am-Main – Frankfurt/Main)4) Трансформируем данные для дальнейшего анализа:
- Извлекаем отдельные переменные (год из даты)- Совмещаем переменные (полное имя из двух ячеек с
именем и фамилией)- Считаем при необходимости относительные числа
(проценты)- Убираем то, что не собираемся использовать
![Page 150: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/150.jpg)
Поиск и подготовка данных (3)
5) Консолидация данных: добавляем дополнительные слои данных6) Визуальный анализ данных:
- Изучаем данные и представляем их визуально перед тем, как создавать конечный продукт
- Сравнения и пропорции (сравниваем со средними значениями, стандартными отклонениями, прогнозами)
![Page 151: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/151.jpg)
• Отфильтровываем сигнал от шума: берем только то, что действительно важно и из чего мы можем создать историю.
• Вот почему важно понимать, что именно вы хотите показать и что хотите этим сказать
Поиск и подготовка данных (4)
![Page 152: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/152.jpg)
Командная работа
![Page 153: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/153.jpg)
Распределение ролей в команде:• Инициатор (стратег)• Data scientist/ data miner должен находить, извлекать, обрабатывать
и подготавливать данные (статистический и математический анализ данных)
• Журналист рассказывает историю (основные тезисы и углы подачи)• Computer scientist претворяет проект в жизнь (программирование)• Дизайнер работает в паре с программистом• Cognitive scientist отвечает за визуальное восприятие информации
(теории коммуникаций, теории цвета, human-computer interaction)• Communicator отвечает за взаимодействие между клиентом и
исполнителями и за решение вопросов в команде• Менеджер проекта отвечает за развитие проекта и за доведение его
до логического завершения
![Page 154: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/154.jpg)
Факторы и ограничения
![Page 155: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/155.jpg)
Какие факторы влияют на создание визуализации?
• Цель (личные проекты, собственные инициативы для кого-то, заказы на конкретную тему с конкретными цифрами)
• Временные рамки (умение распределять время и управлять проектами)
• Бюджет• Давление со стороны клиента/ коллег • Формат (статическая или интерактивная визуализация? Для
интернета, планшетов или смартфонов? Постер или полстраницы в журнале? Видеоанимация? Одиночный проект или серия визуализаций?)
• Технические решения (Какие технические ресурсы есть в распоряжении? Только бесплатные сервисы или платные профессиональные программы? Техническая инфраструктура/ собственные сервисы? Какие браузеры должны отображать визуализацию? Базы данных?)
![Page 156: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/156.jpg)
Списки и ссылки
![Page 157: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/157.jpg)
Их нужно знать: дизайнеры и журналисты
• Грегор Айш (driven-by-data.net)• Мориц Штефанер (stefaner.eu)• Ян Швохоу (schwochow.de)• Ян Тульп (tulpinteractive.com)• Кристофер Варноу (christopherwarnow.com)• Себастиан Мондиаль (@djournalismus)• Юлиус Трегер (@juliustroeger)• Мирко Лоренц (mirkolorenz.com)
![Page 158: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/158.jpg)
Что почитать: книги
• Dona M. Wong, „The Wall Street Journal Guide to Information Graphics“
• Noah Iliinsky & Julie Steele, „Designing Data Visualizations“• Andy Kirk, „Data Visualization: a successful design process“• Steven Few, „Show me the Numbers“• Don Norman, „Design of Everyday Things“• Simon Rogers, „The Guardian: Facts are Sacred“ • Colin Ware, „Visual Thinking by Design“• Ben Goldacre, „Bad Science“• Nathan Yau, „Visualize This“• Nigel Holmes, „Designer‘s Guide to Creating Charts and Diagrams“• Edward Tufte, „The visual display of Quantitative Information“
![Page 159: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/159.jpg)
Что почитать: сайты и блоги
• http://www.theguardian.com/news/datablog• http://www.periscopic.com/• http://infosthetics.com/• http://www.visualisingdata.com/• http://benfry.com/• http://bost.ocks.org/mike/• http://eagereyes.org/• http://www.thefunctionalart.com/• http://vis4.net/blog/• https://drawingbynumbers.org/
![Page 160: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/160.jpg)
Списки ресурсов и инструментов
• http://www.visualisingdata.com/index.php/resources/
• http://mediakar.org/tools/visualisation/• http://datavisualization.ch/tools/• http://te-st.ru/tools/
![Page 161: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/161.jpg)
Инструменты: графики и статистика
• Datawrapper• Tableau public• Google Chart Tools: • Wordle • Excel• Google Fusion Tables / Pivot Tables• R: www.r-project.org/
![Page 162: Visualization in Europe: School of Open Data in Moscow](https://reader031.vdocuments.mx/reader031/viewer/2022013011/5469482baf7959b6258b69e0/html5/thumbnails/162.jpg)
Инструменты: карты
• Arc GIS• Quantum GIS• CartoDB (http://cartodb.com/). • Geocommons • Instant Atlas (http://communities.instantatlas.com/) • Polymaps (http://polymaps.org/)• Kartograph (http://kartograph.org/)• Leaflet (http://leafletjs.com/)• OpenStreetMap (http://www.openstreetmap.org/)