Визуализация для работы цифровых медиа
- 1. Визуализация данных и в работе цифровых медиа инфографика
- 2. http://vmestoslov.info/ блог о инфографике
- 3.
- 4. «Расскажи мне, ия забуду, покажи мне, и я запомню, дай мне попробовать, и я научусь» китайская мудрость
- 5. «Способность собирать данные, пониматьих, обрабатывать, извлекать из них ценность, визуализировать их, коммуницировать их будет одним из самых важных навыков в будущем». Хал Вариан, главный экономист компании Google
- 6. «Визуализация данных -это статистическая графика сложных идей подаваемая ясно, точно и эффективно» Эдвард Тафти, теоретик визуализации данных
- 7. Что такое инфографика? И н ф о г Информация р Дизайн а ф и к а
- 9.
- 10.
- 11. Вильям Плейфейр William Playfair,The Commercial and Political Atlas: Representing, by Means of Stained Copper-Plate Charts, the Progress of the Commerce, Revenues, Expenditure and Debts of England during the Whole of the Eighteenth Century, London 1786 http://de.wikipedia.org/wiki/William_Playfair
- 12. Вильям Плейфейр William Playfair,The Commercial and Political Atlas: Representing, by Means of Stained Copper-Plate Charts, the Progress of the Commerce, Revenues, Expenditure and Debts of England during the Whole of the Eighteenth Century, London 1786 http://de.wikipedia.org/wiki/William_Playfair
- 13. Чарльз Джозеф Минард CharlesJoseph Minard's Тоннаж грузов, проходящих через порты в Европе, 1855
- 14. Чарльз Джозеф Минард CharlesJoseph Minard's flow map of Napoleon's March, 1869
- 15. Чарльз Джозеф Минард Главные принципи визуализации по Минарду (Эдвард Тафти) http://prezi.com/oxygqobsz0ni/minard/
- 16. Джордж Рорик, USAToday Weather Map by George Rorick, USA Today, 1982
- 17. Почему это важнодля цифровых медиа?
- 18. Google тренды google trendsпруфлинк google insight пруфлинк
- 19. Растущий интерес читателей(данные Google) «infographics» «инфографика»
- 20.
- 21. Динамика расставаний влюбленныхпар (данные со статусов в Фейсбуке) «Information is beautiful», Девида МакКендлес
- 24.
- 25.
- 26.
- 27. Тільки США, Великобританія, і Ізраїль не підтримують негайного припинення військових дій на Близькому Сході.
- 31.
- 34.
- 35. CNN h"p://edi/on.cnn.com/SPECIALS/war.casual/es/index.html
- 36. CNN h"p://edi/on.cnn.com/SPECIALS/war.casual/es/index.html
- 37.
- 38. BBC h"p://www.bbc.co.uk/history/interac/ve//melines/bri/sh/index.shtml
- 40.
- 43.
- 47.
- 48. PR работа штабаПрезидента США Барака Обамы (2010)
- 49. Where does theEuropean Union get its money from – and how does it spend it? €13.2bn With an annual budget of more than €122bn, the EU is an economic power in its own right, more What is the common agricultural policy? If the EU were a country, how big would it be? €13.1bn €7.0bn significant than many countries. So, how do those finances break down? This latest data, from 2010, The biggest single item of EU spending, covers farming Based on total spending (latest figures) Preservation and shows where the hard cash goes - and where it flows from and fishing €9.9bn €11.8bn management of natural resources Germany €1,186bn Preservation and management of €11.8bn France €1,068bn natural resources Those who €3.7bn Key €6.9bn Direct aid to farmers UK €807bn Preservation and Preservation and management of natural resources €bn Total EU expenditure Amount spent on country by EU category And what it really means €39.4bn France Italy €789bn management of natural resources Spain €483bn “Administration” Running the EU in each country Is the biggest receive most Netherlands €294bn “The EU as a global partner” International aid, activities outside the EU beneficiary with €9.85bn in Belgium €188bn €9.5bn agricultural “Citizenship, freedom, security and justice” Asylum, education and culture subsidies Sweden €160bn “Preservation and management of natural resources” Common agricultural policy, environment, fishing Total Austria €150bn €5.7bn Difference “Cohesion for growth and employment” Helping poorer regions of Europe €55.9bn Rural Poland €138bn Preservation and €8.5bn All 27 countries receive money from the EU, but some get more development Ireland management of “Competitiveness for growth and employment” Economic growth grants to small business, science and research €136bn Denmark natural resources than others. Here we chart EU spending and income starting with €11.5bn Receives €383.57 per head of population, €125bn Greece the largest net receiver – Poland more than €100 more Circle position – shows the difference between the red and blue bars – whether the country is a net contributor (in the red) or receiver (in the blue) per person than any other country EU–27 €122bn €96bn Finland €6.7bn €7.8bn Cohesion for €6.1bn €81bn Portugal €3.9bn growth and employment €5.7bn €4.3bn Total national contribution Amount given by country to EU €78bn Ireland Preservation and Export refunds €385m €63bn Czech Rep. management of €2.9bn Administration Food storage €94m natural resources €50bn Romania €4.4bn Difference €3.0bn €4.3bn Difference €3.7bn €1.3bn €3.4bn Cohesion for growth and €3.6bn Difference Difference Difference Difference Difference Difference Difference Difference Difference Difference Difference Difference Difference Difference Difference Difference employment €1.1bn €1.4bn €1.4bn €1.3bn €1.3bn €0.9bn €0.9bn €0.7bn €0.7bn €0.4bn €0.06bn €0.02bn -€0.3bn -€0.6bn -€0.6bn -€1.2bn -€1.7bn €2.6bn Difference Difference €2.8bn €2.8bn Difference €2.7bn €2.3bn €2.1bn €2.1bn Cohesion for growth and €1.5bn €1.7bn €5.1bn €2.5bn Difference €1.9bn €1.8bn €1.6bn employment Cohesion for Cohesion for Cohesion for €2.1bn €1.6bn €1.6bn €1.5bn €1.4bn growth and Cohesion for €1.3bn €2.1bn €1.7bn €1.1bn employment growth and growth and growth and €0.7bn Cohesion for €2.9bn €1.2bn €1.1bn employment €1.6bn employment employment growth and employment Cohesion for growth and €2.2bn €0.8bn €0.8bn €0.8bn €0.9bn €1.1bn €1.3bn Competitiveness for growth and employment Competitiveness €0.9bn €0.9bn €0.8bn €0.1bn €0.2bn €0.8bn €0.9bn €1.1bn for growth and employment €1.3bn €0.6bn employment POLAND SPAIN GREECE BELGIUM HUNGARY PORTUGAL CZECH REP. LITHUANIA SLOVAKIA LUX. ROMANIA BULGARIA IRELAND LATVIA ESTONIA SLOVENIA MALTA CYPRUS FINLAND DENMARK AUSTRIA SWEDEN NETHERLANDS ITALY FRANCE UK GERMANY €0.2bn €0.2bn €0.3bn €0.2bn €0.1bn €0.3bn €51m €0.2bn €0.5bn €0.9bn €1.0bn €1.3bn €1.2bn €1.7bn €1.6bn €2.1bn €2.1bn €14.7bn handed to EU €2.5bn How the UK’s EU money breaks down €2.8bn €3.3bn €3.3bn Includes money raised in duties within the UK and passed on to Brussels. The UK receives a 25% fee of €837.8m for this Why the gap between red and blue? Belgium Perhaps unfairly placed at this end of the chart, The UK is a rich country and the EU points out that €3.9bn Difference -€4.2bn Belgium receives a huge sum for the running of although it spends less in the UK than the national EU mechanisms. If this administration figure were contribution, the British economy gains much more Difference removed Belgium would be placed between from access to European markets and contracts Sweden and the Netherlands -€5.1bn Difference -€5.4bn €12.1bn Total national contribution Those who €3,095.74 Based on the UK’s economic power Luxembourg’s figures Are skewed by its tiny population of 502,000 and the fact that it is home to several EU institutions, €6.7bn give most including the European Court of Justice, the European Court of Auditors, Eurostat and the Secretariat of the European Parliament €3.6bn Received by UK Difference €8.9bn UK rebate €2.6bn -€8.9bn VAT At the other end of the chart are the net-givers – the economic and industrial powerhouses of Europe, led How much does each country give and receive per person? by Germany Paid for by other European countries Spent in the UK by the EU Money raised in the UK from VAT National contributions from and spending in each country in € per person and given to the UK. Negotiated by which goes towards its contribution Margaret Thatcher in 1984 Money received from EU per person Money given to EU per person €12.1bn €602.84 €566.89 €508.51 €481.20 €462.32 €13.7bn €411.63 €364.48 €375.23 €369.20 €374.66 €351.16 €309.74 €325.09 €286.82 €294.35 €293.75 €300.71 €271.16 €280.82 €253.15 €221.61 €233.14 €226.46 €195.82 €161.62 €107.98 €18.2bn €87.48 €194.34 €185.29 €303.84 €86.12 €161.10 €124.52 €69.10 €99.55 €494.90 €48.56 €41.01 €270.52 €70.40 €93.36 €156.31 €124.07 €196.82 €244.72 €275.66 €217.50 €176.24 €129.48 €157.40 €202.50 €108.75 €144.56 SOURCE: EUROPEAN COMMISSION BUDGET OFFICE, EUROSTAT POLAND SPAIN GREECE BELGIUM HUNGARY PORTUGAL CZECH REP. LITHUANIA SLOVAKIA LUX. ROMANIA BULGARIA IRELAND LATVIA ESTONIA SLOVENIA MALTA CYPRUS FINLAND DENMARK AUSTRIA SWEDEN NETHERLANDS ITALY FRANCE UK GERMANY GRAPHIC: PAUL SCRUTON, MICHAEL ROBINSON. DATA: SIMON ROGERS €20.7bn
- 50.
- 51.
- 52. Українська правда h"p://www.pravda.com.ua/ar/cles/2010/02/7/4730368/
- 53. Маркер h"p://front.marker.ru/interac/ve/taxes
- 54. The New York Times h"p://www.ny/mes.com/interac/ve/2009/03/10/us/20090310-‐immigra/on-‐explorer.html
- 55. The New York Times h"p://www.ny/mes.com/interac/ve/2010/05/27/technology/20100527-‐apple.html
- 57.
- 58. Визуализация данных + Інформаційний дизайн розповідає історію картинками. Він може сказати: "Скільки?" "Коли?" Або "де?“ Він може показати тенденції з плином часу, порівняти елементи або виявити приховані закономірності. Візуалізація даних вписує інформацію в контекст. Вона надає їй форми і структури. Це не те ж саме, що графічний дизайн. Це не брендинг, стиль, не те, що примушує виглядати продукт чи видання “красиво” або "корпоративно".
- 59. Визуализация данных + Ясність Це робить складну інформації легшою для розуміння. Привабливість Візуалізація привертає увагу людей. Переконливість Люди, які не можуть бути переконані сирими цифрами чи статистикою можуть бути, більш імовірно, зрозуміти діаграму або графік.
- 60. Визуализация данных - Дорого Це вимагає витрат на спеціалістів з графічного дизайну, наукових консультантів, соціологів, аналітиків. Трудоємно Візуалізація вимагає залучення великої кількості людиногодин. Легше написати текст. Інтелектуально Створення візуалізації, перш за все, - продукт експертного аналізу проблеми чи явища і його тенденцій. Це вимагає високої кваліфікації журналістів чи експертів, залучених у процес.
- 61. Как создать визуализациюдля медиа?
- 62. 1. Сформулировать вопрос 2.Собрать и обработать данные 3. Визуализировать
- 63. 1. Сформулировать вопрос “ Вопрос или «гипотеза» формулируется исходя из целей редакционного материала
- 64. 2. Собрать иобработать данные Основные источники: Основным источником является документ, подсчет или объект, который был написан или создан в актуальный для времени период. Примеры основных источников: Статистика, письма, рукописи, дневники, журналы, газеты, речи, интервью, мемуары, документы, подготовленные государственными учреждениями, фотографии, аудиозаписи, изображения или видеозаписи, журнальные статьи, научные исследования или выводы.
- 65. 3. Визуализировать “ Класифікація видів візуалізації надає величезний вибір для будь- яких типів даних. Окрім того, комбінація типів дає, часом, неперевершені результати.
- 66. Виды визуализаций: - Показатьотношения; - Показать динамику; - Показать части целого; - Показать набор значений; - Показать расположение; - Анализ текста;
- 67. Показать отношения одногок другому • Диаграмма рассеивания • Схема сети, майндмеп • Диаграмма Венна-Эллера • Матрица • Диаграмма связей • Дендрограмма
- 68.
- 69.
- 70. Диаграмма связей (линейная,круговая)
- 71.
- 72.
- 73.
- 74. Показать динамику • Таймлайн •Диаграма Ганта • Линейный график • Этажерочный график • Диаграмма разброса
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81. Показать части целого •Гистограмма • Круговая диаграмма • Плоское дерево • Диаграмма циклического процесса • Кольцевая диаграмма • Диаграмма Сэнки
- 82.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88. Показать набор значений •Лепестковая диаграмма • Столбиковая диаграмма • Пузырьковая диаграмма • Площадная диаграмма
- 89.
- 90.
- 91.
- 92.
- 93. Показать расположение • Карта •Тепловая диаграмма • Картограмма • Схема
- 94. Карта http://www.nytimes.com/interactive/dining/new-york-health-department-restaurant-ratings- map.html?smid=FB-nytimes&WT.mc_id=DI-E-FB-SM-LIN-NYH-022912-NYT-NA&WT.mc_ev=click
- 95.
- 96.
- 97.
- 98. Анализ текста • Деревослов • Облако тегов
- 99.
- 100.
- 102. Софт для визуализации “ 5 рівнів софту для візуалізації 1. Стандартний офісний софт 2. Софт для верстки та редагування зображень 3. Онлайн інструменти для просунутих користувачів інтернету 4. Спеціалізовані дизайнерські інструменти 5. Спеціально розроблений високоспеціалізовний софт, мови програмування
- 103. 1. Стандартный офисныйсофт • Microsoft Excel • Microsoft Word • Open Office • Numbers • ...
- 104. 1. Софт дляверстки и редактирования изображений • Adobe Illustrator • Adobe Photoshop • CorelDraw • ...
- 105. 3. Онлайн-инструменты • ManyEyes (IBM) • Visual.ly • AM Charts • Google Maps, Charts (Chart • Infogr.am • Highcharts JS wizard) • iCharts • KeyLines • Fusion Charts • GeoCommons • Wordle • GapMinder • StatSilk • OpenHeatMap • charts.hohli.com • Tableau Public • JS Charts • Lovely Charts
- 106. 4. Специализированные дизайнерскиеи онлайн инструменты • Adobe Flash vs HTML5+CSS • DataViz (http://www.dataviz.org/) • Ushahidi • Java Script infoviz toolkit (http://thejit.org/demos/) • E-Sankey • ... • Wave (http://www.oicweave.org/) • Gephi (https://gephi.org/) • Prefuse (http://prefuse.org/) • D3.js (http://mbostock.github.com/d3/)
- 107. 5. Специально разработанныйсофт, языки программирования • Processing (http://processing.org/) • VVVV (http://vvvv.org/)
- 109. Ханс Рослинг /выступление на проекте TED.com