{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Подборки по визуализации данных: заметки с тегом Сторителлинг",
    "_rss_description": "основной блог | канал в телеграмме",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/revealthedata.com\/examples\/digest\/tags\/storitelling\/",
    "feed_url": "https:\/\/revealthedata.com\/examples\/digest\/tags\/storitelling\/json\/",
    "icon": "https:\/\/revealthedata.com\/examples\/digest\/pictures\/userpic\/userpic@2x.jpg?1590473076",
    "authors": [
        {
            "name": "Роман Бунин",
            "url": "https:\/\/revealthedata.com\/examples\/digest\/",
            "avatar": "https:\/\/revealthedata.com\/examples\/digest\/pictures\/userpic\/userpic@2x.jpg?1590473076"
        }
    ],
    "items": [
        {
            "id": "19",
            "url": "https:\/\/revealthedata.com\/examples\/digest\/all\/bolshaya-podborka-za-vesnu-2021\/",
            "title": "Большая подборка за весну 2021",
            "content_html": "<h2>Одним графиком<\/h2>\n<p><i>Мой любимый жанр — когда это всего один простой график, но он очень круто оформлен и его интересно изучать или с помощью него отлично донесена какая-то идея<\/i><br \/>\n <\/p>\n<p><a href=\"https:\/\/twitter.com\/jburnmurdoch\/status\/1397995388267810818\/photo\/1\">Графики про коронавирус в UK<\/a>. Очень круто обыграны масштабы осей для двух регионов с наибольшим количеством заболеваний.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/E2adom8WEAEn3lQ.jpg\" width=\"2560\" height=\"1138\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/flowingdata.com\/2021\/05\/04\/divorce-rates-and-income\/\">Простой, но приятный график от Ната Яу<\/a> про то, что процент разводов в браке падает по мере увеличения дохода супругов.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-7.png\" width=\"973\" height=\"970\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/www.ft.com\/content\/d52d49b1-444d-4296-a4d1-6c0fbb830691\">Разница в необходимых и предоставленных инвестициях в инфраструктуру США.<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-10.png\" width=\"1280\" height=\"921\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/www.reddit.com\/r\/dataisbeautiful\/comments\/npscky\/oc_where_is_each_chess_piece_usually_captured\/\">Визуализация места гибели на доске разных шахматных фигур<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-28.png\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Очень простоя, но крутая идея добавить в <a href=\"https:\/\/www.reddit.com\/r\/dataisbeautiful\/comments\/cncd58\/my_personal_family_tree_timeline_oc\/?utm_medium=android_app&utm_source=share\">фамильное дерево<\/a> ось времени. Возможно это известный приём, но я не встречал, кайф.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-10.png\" width=\"960\" height=\"1044\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>График кол-ва разводов и среднего возраста вступления в брак по старанам.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-11.png\" width=\"1000\" height=\"619\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/twitter.com\/clured\/status\/1384132236245573637\">Кластеризация научных статей<\/a> по  тематикам и дате публикации<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-11.png\" width=\"1128\" height=\"656\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Что говорят про экономику республиканцы и демократы при смене власти. Очень подтверждает, что все мнения больше эмоциональные и предвзятые =)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-13.png\" width=\"1150\" height=\"1086\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/infopoetry.densitydesign.org\/infopoetries\/wealth-inequality.html\">Напечатанные на 3d-принтере распределения богатства между населением по странам<\/a>. Очень интересная метафора — если фигурка стоит, значит экономика устойчива. Кайф.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-16.png\" width=\"700\" height=\"467\" alt=\"\" \/>\n<\/div>\n<p> <br \/>\n <\/p>\n<h2>Карты<\/h2>\n<p><i>Астрологи объявили сезон карт, очень много классных в этот раз<\/i><\/p>\n<p><a href=\"https:\/\/tranio.ru\/articles\/issledovanie-gde-v-evrope-naibolshii-vybor-kafe-i-restoranov\/\">Исследование<\/a> насыщенности европейских городов заведениями общепита. На гифке модель распределения заведений общественного питания в Большом Париже.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/tcvjfawvuuqv.6.gif\" width=\"692\" height=\"389\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/twitter.com\/historying\/status\/1377336404066193412\">Распространение почтовых отделений в США<\/a> с 1789 по 1888. Death Stranding просто =)<\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/revealthedata.com\/examples\/digest\/video\/us-post.mp4#t=0.001\" width=\"800\" height=\"492\" controls alt=\"\" \/>\n\n<\/div>\n<p><a href=\"https:\/\/twitter.com\/ShijiaWendy\/status\/1384351486814003203\">Изменение освещенности<\/a> в ночной период в Азии с 1992 по 2019 год<\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/revealthedata.com\/examples\/digest\/video\/EzYzvXgVoAUi3Ce.mp4#t=0.001\" width=\"1200\" height=\"720\" controls alt=\"\" \/>\n\n<\/div>\n<p>Целый канал с анимациями развитий линий метро в разных городах<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/www.youtube.com\/embed\/UHKY2NeLkNg?enablejsapi=1\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/submarine-cable-map-2021.telegeography.com\/\">Занимательнейшая карта подводных кабелей.<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-20.png\" width=\"1280\" height=\"920\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/i.redd.it\/gfpqo4oid3w61.jpg\">Связи между странами по их границам<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-2.png\" width=\"1280\" height=\"927\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/www.axios.com\/an-emoji-built-from-data-for-every-state-2408885674.html\">Эмоджи карта США<\/a> на манер <a href=\"https:\/\/ru.wikipedia.org\/wiki\/%D0%9B%D0%B8%D1%86%D0%B0_%D0%A7%D0%B5%D1%80%D0%BD%D0%BE%D0%B2%D0%B0\">лиц Чернова<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-30.png\" width=\"1060\" height=\"715\" alt=\"\" \/>\n<\/div>\n<p>Активность водного транспорта в Нидерландах<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-29.png\" width=\"1152\" height=\"1280\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Как на западе видят Россию =)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-8.png\" width=\"1280\" height=\"914\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Карта расселения апостолов после смерти Христа<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-25.png\" width=\"1280\" height=\"957\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<h2>Табло Паблик<\/h2>\n<p><i>Опять считай нет хороших дашбордов =(<\/i> <\/p>\n<p>Саша Варламов опять делает залипательнейшую красоту — <a href=\"https:\/\/public.tableau.com\/views\/USRiversandStreams_16212533699780\/USARiversandStreams?:language=en&:display_count=y&:origin=viz_share_link&:showVizHome=no\">все реки США<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-19.png\" width=\"1841\" height=\"1199\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/public.tableau.com\/app\/profile\/simon.beaumont\/viz\/SportsVizSunday-ManchesterUnited202021-AcollaborationwithCJMayes\/SportsVizSunday-ManchesterUnited202021-AcollaborationwithCJMayes\">Все игры Манчестер Юнайтед в 20\/21 сезоне<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-13.png\" width=\"1591\" height=\"897\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/public.tableau.com\/en-us\/gallery\/wire-character-scene-time?tab=viz-of-the-day&type=viz-of-the-day\">Экранное время персонажей сериала The Wire<\/a>. Не хватило только как-то ещё сводного бар-чарта, чтобы был легендой =(<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-27.png\" width=\"1588\" height=\"895\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/public.tableau.com\/app\/profile\/sifeng.zhu\/viz\/2060ChinaCarbonNeutralityReportTableauVizChallenge20211\/sheet0\">Ничего не понятно! Но от этого как-то красиво =)<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-14.png\" width=\"1548\" height=\"870\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/public.tableau.com\/app\/profile\/jeffrey.shaffer\/viz\/TheAgingPresidentoftheUnitedStatesofAmerica\/AgeinOffice\">Возраст президентов США<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-15.png\" width=\"1190\" height=\"1083\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/public.tableau.com\/app\/profile\/ryanahart\/viz\/Smoothankey\/SMOOTHANKEY\">Простой, но очень аккуратный санкей<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-16.png\" width=\"970\" height=\"1003\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/public.tableau.com\/app\/profile\/thecfelix\/viz\/MakeoverMondayW16ATaleofTwoAprils\/MakeoverMondayW16ATaleofTwoAprils\">Сравнение двух месяцев до и во время пандемии<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-32.png\" width=\"1194\" height=\"921\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/public.tableau.com\/app\/profile\/john.emery\/viz\/WheredoNaturalDisastersintheUSOccur\/NaturalDisasters\">Ремейк работы NYT<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-33.png\" width=\"1103\" height=\"1074\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/public.tableau.com\/app\/profile\/christopher.conn\/viz\/EUEnergyConsumption_16125524641500\/RenewablesvsFossilFuels\">Про использование «зеленой» энергии в Европе<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-17.png\" width=\"1737\" height=\"1075\" alt=\"\" \/>\n<\/div>\n<h2>Анимации<\/h2>\n<p><a href=\"https:\/\/twitter.com\/myweather_ch\/status\/1380810423604232195\">Изменение профиля температуры над Альпами<\/a> в течение нескольких суток (10-13 апреля 2021).<\/p>\n<div class=\"e2-text-video\">\n<a href=\"https:\/\/twitter.com\/myweather_ch\/status\/1380810423604232195\" class=\"e2-text-video-link\">\n<video src=\"https:\/\/revealthedata.com\/examples\/digest\/video\/alps-temp.mp4#t=0.001\" width=\"1280\" height=\"720\" controls alt=\"\" \/>\n<\/a>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/twitter.com\/emilmalta\/status\/1385402774519701504\">Сравнение кол-ва абонентов<\/a> стационарных телефонов и мобильных по годам.<\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/revealthedata.com\/examples\/digest\/video\/EznwVOyWYAIxRHz.mp4#t=0.001\" width=\"1000\" height=\"1000\" controls alt=\"\" \/>\n\n<\/div>\n<p><a href=\"https:\/\/novayagazeta.ru\/articles\/2021\/04\/28\/deputatovka\">Объем и тип земель задекларированные депутатами.<\/a><\/p>\n<div class=\"e2-text-video\">\n<video src=\"https:\/\/revealthedata.com\/examples\/digest\/video\/IMG_2107.mp4#t=0.001\" width=\"848\" height=\"848\" controls alt=\"\" \/>\n\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Светлячки, снятые на длинной выдержке<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021.png\" width=\"700\" height=\"467\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<h2>Интерактив и логнирды<\/h2>\n<p><i>Как всегда самые красивые работы — работы больших медиа<\/i><\/p>\n<p><a href=\"https:\/\/fivethirtyeight.com\/features\/star-wars-in-one-chart\/\">Ремейк карты<\/a> похода Наполеона по тематике звёздных войн. Кайф =)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-3.png\" width=\"1024\" height=\"695\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/www.ft.com\/content\/eec9f3a6-2817-45f5-b007-a290f3e530c6\">Блокировка Суэйкцого канала.<\/a> А вот <a href=\"https:\/\/edition.cnn.com\/interactive\/2021\/03\/cnnix-steership\/\">игра<\/a>, где можно потренироваться провести через него корабль (у меня полчилось только с третей попытки).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/https___d6c748xw2pzm8.cloudfront.net_prod_8863f760-8cc9-11eb-8365-072a5bcc3510-standard.gif\" width=\"700\" height=\"663\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/www.ons.gov.uk\/visualisations\/dvc1371\/#\/E07000223\">Cкролителлинг про неравенство доходов населения в различных районах Англии<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-26.png\" width=\"1934\" height=\"1245\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/truth-and-beauty.net\/projects\/multiplicity\">Портрет Парижа<\/a> через кластеры фотографий<\/p>\n<div class=\"e2-text-video\">\n<iframe src=\"https:\/\/player.vimeo.com\/video\/267290051\" allow=\"autoplay\" frameborder=\"0\" allowfullscreen><\/iframe>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/everynoise.com\/engenremap.html\">Карта музыкальных жанров<\/a>. Не супер понятная и полезная с точки зрения датавиза, зато можно позалипать на супер необычную и непривычную музыку.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-12.png\" width=\"1641\" height=\"920\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/orb.farm\">Интерактивный симулятор замкнутой экосистемы<\/a>. Осторожно залипалово.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-15.png\" width=\"1280\" height=\"645\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/www.washingtonpost.com\/technology\/interactive\/2021\/amazon-apple-facebook-google-acquisitions\/?ref=vc.ru\">История приобретений стартапов крупными игроками<\/a>. Простое, но очень интересное визуальное повествование. А ещё кайфовые спарклайны над заголовком статьи.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-4.png\" width=\"1267\" height=\"693\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/pudding.cool\/projects\/vocabulary\/index.html\">Крутой проект от Pudding<\/a> про размер вокабуляра у реперов. Свой ктсати можно проверить <a href=\"http:\/\/testyourvocab.com\/\">тут<\/a>.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-22.png\" width=\"1578\" height=\"737\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><a href=\"https:\/\/www.nytimes.com\/interactive\/2021\/04\/30\/opinion\/politics\/bubble-politics.html\">Залипательные карты от NYT<\/a> про то, что люди разных политических взглядов живут рядом с собой и изолированы друг от друга. Всё круто, у меня только вопрос откуда они так точно знают информацию о расположении?<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-6.png\" width=\"957\" height=\"913\" alt=\"\" \/>\n<\/div>\n<p>Скроллителинг про базовые ML алгоритмы предсказания результата на примере вина.<br \/>\n<a href=\"https:\/\/pudding.cool\/2021\/03\/wine-model\/\">https:\/\/pudding.cool\/2021\/03\/wine-model\/<\/a><br \/>\n <\/p>\n<p>Два логнирда <a href=\"https:\/\/pudding.cool\/2021\/03\/foundation-names\/\">про использования названий оттенков кожи в парфюмерии<\/a> и про цвет кожи моделей до и после протестов в США<br \/>\n<a href=\"https:\/\/qz.com\/1971689\/fashion-brands-arent-keeping-their-instagram-diversity-promises\/\">https:\/\/qz.com\/1971689\/fashion-brands-arent-keeping-their-instagram-diversity-promises\/<\/a><\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-12.png\" width=\"1125\" height=\"651\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p><b>Soviet style инфографика<\/b><br \/>\n<i>В этот раз как-то собралась и такая подборка =)<\/i><br \/>\nМилая инфографика про масштабы времени<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-21.png\" width=\"1125\" height=\"1093\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Жизнь вождя<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-18.png\" width=\"1280\" height=\"931\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Пробивной график на похоронах вождя<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-31.png\" width=\"760\" height=\"982\" alt=\"\" \/>\n<\/div>\n<p> <\/p>\n<p>Схема голубиной почты<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-17.png\" width=\"1280\" height=\"1163\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Зависимость повреждений от расстояния эпицентра взрыва<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-9.png\" width=\"488\" height=\"700\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Бумажный «секвенсер» композитора саундртерка Соляриса. Выглядит огонь. Особенно если вчитаться в названия инструментов — шопот, хрустальный бокал, хрустальные стержни…<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-23.png\" width=\"2040\" height=\"1530\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-24.png\" width=\"2040\" height=\"1530\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2021-06-05T13:39:32+01:00",
            "date_modified": "2021-06-05T13:38:17+01:00",
            "tags": [
                "Карты",
                "Один график",
                "Сторителлинг"
            ],
            "image": "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-1.png",
            "_date_published_rfc2822": "Sat, 05 Jun 2021 13:39:32 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "19",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-1.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-14.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-5.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/E2adom8WEAEn3lQ.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-7.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-10.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-28.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-10.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-11.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-11.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-13.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-16.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/tcvjfawvuuqv.6.gif",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/remote\/youtube-UHKY2NeLkNg-cover.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-20.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-2.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-30.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-29.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-8.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-25.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-19.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-13.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-27.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-14.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-15.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-16.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-32.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-33.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-17.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-3.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/https___d6c748xw2pzm8.cloudfront.net_prod_8863f760-8cc9-11eb-8365-072a5bcc3510-standard.gif",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-26.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/remote\/vimeo-267290051-cover.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-12.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-15.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-4.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-22.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-6.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-12.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-21.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-18.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-31.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-17.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/bolshaya-podborka-za-vesnu-2021-9.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-23.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/image-24.png"
                ]
            }
        },
        {
            "id": "11",
            "url": "https:\/\/revealthedata.com\/examples\/digest\/all\/pro-dengi-i-masshtaby\/",
            "title": "Про деньги и масштабы",
            "content_html": "<p>Визуализация данных — отличный инструмент чтобы сравнивать разные величины. Многие издания пользуются этим и часто делают эмоциональные истории, построенные на сравнении больших величин с небольшими. В этой подборке три работы, где этим пользуются для сравнения денежного состояния разных людей.<\/p>\n<h2>Как одним графиком рассказать историю<\/h2>\n<p><a href=\"https:\/\/www.reddit.com\/r\/dataisbeautiful\/comments\/hju9nw\/oc_believe_it_or_not_the_wealth_of_elon_musk_is\/\">Эта работа<\/a> на одном графике сравнивает состояние разных людей. Мне она очень понравилась тем, что используя всего лишь один график автору удалось сделать крутой сторителлинг.<\/p>\n<p>Сначала он показывает и подписывает две точки: наш доход и состояние Джеффа Безоса. Наш доход округляет до нуля, в таких масштабах это, наверное, правда. =)<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/7-elon.png\" width=\"1397\" height=\"519\" alt=\"\" \/>\n<\/div>\n<p>Потом добавляет точки богатых людей, известно же, что футболисты — очень богатые люди:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/8-elon.png\" width=\"1389\" height=\"520\" alt=\"\" \/>\n<\/div>\n<p>Потом добавляет Стивена Спилберга, Джоан Роулинг и Дональда Трампа. Оказывается их состояние также сильно ближе к нашему, чем к состоянию Безоса:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/9-elon.png\" width=\"1384\" height=\"522\" alt=\"\" \/>\n<\/div>\n<p>И последним добавляет состояние Илона Маска и других владельцев IT гигантов. И даже их состояние оказывается ближе к нашему, чем к Безосу:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/10-elon.png\" width=\"1393\" height=\"519\" alt=\"\" \/>\n<\/div>\n<p>Прям огонь! За одним графиком целый рассказ и интересный конечный факт. Ещё у работы в целом нейтральный посыл и он скорее просто показывает занимательный факт, в отличие от двух следующих работ, где посыл скорее негативный и обвинительный.<\/p>\n<h2>Шиииииирокий лонгрид<\/h2>\n<p><a href=\"https:\/\/aensidhe.ru\/1-pixel-wealth\/\">Эта работа как лонгрид<\/a>, только в ширину. За счет необычного расположения она привлекает внимание и делает работу интересной. Здесь каждый пиксель — определенное кол-во денег, которыми владеет Джефф Безос.<\/p>\n<p>Сначала автор вводит масштаб:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/1-scale.png\" width=\"1112\" height=\"255\" alt=\"\" \/>\n<\/div>\n<p>Потом начинает показывать разные сравнения, чтобы можно было как-то сравнить миллиарды Безоса:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1200\" data-ratio=\"2.0689655172414\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/6-bezos.gif\" width=\"1200\" height=\"580\" alt=\"\" \/>\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/3-bezos.png\" width=\"1420\" height=\"562\" alt=\"\" \/>\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/4-bezos.png\" width=\"1420\" height=\"562\" alt=\"\" \/>\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/5-bezos.png\" width=\"1420\" height=\"562\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Работа спекулятивна и «очерняет» Безоса сравнивая его состояние с лекарствами для больных и т. п. Кажется, что это манипуляция. Но сам приём сравнения и сторителлинга в этой работе интересный и какие-то идеи можно взять на вооружение.<\/p>\n<h2>Видеоинфографика в ТикТоке<\/h2>\n<p>Такие же сравнения состояний делают и в <a href=\"https:\/\/amp.reddit.com\/r\/nextfuckinglevel\/comments\/hqlcgc\/jeff_bezos_net_worth_scaled_in_the_minecraft_world\/\">ТикТоке с помощью Майнкрафт<\/a>! А что, это тоже инфографика!<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"https:\/\/amp.reddit.com\/r\/nextfuckinglevel\/comments\/hqlcgc\/jeff_bezos_net_worth_scaled_in_the_minecraft_world\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-27_18.59.05-48P0l.png\" width=\"600\" height=\"471\" alt=\"\" \/>\n<\/a><div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Или делают <a href=\"https:\/\/twitter.com\/monachalabi\/status\/1244011133897498624\">обвинительные видео в сторону Цукербега<\/a>, сравнивая его пожертвования на борьбу с ковидом и его состояние.<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"https:\/\/twitter.com\/monachalabi\/status\/1244011133897498624\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-27_18.57.19-GLHKp.png\" width=\"610\" height=\"603\" alt=\"\" \/>\n<\/a><div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<h2>Тоже самое, но без манипуляции<\/h2>\n<p>Три примера выше получились слегка манипулятивными, но с помощью них хотел показать как можно рассказывать истории сравнивая масштабы данных и задавая разный тон повествования. В противовес этим примерам, <a href=\"https:\/\/xkcd.com\/980\/huge\/\">вот эта работа с xkcd<\/a>, где всё вроде тоже самое, но нет манипуляции за счет сторителлинга. Отлично показы масштабы, но выводы читатель может делать сам.<\/p>\n<div class=\"e2-text-picture\">\n<a href=\"https:\/\/xkcd.com\/980\/huge\/\" class=\"e2-text-picture-link\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-08-05_11.24.33-iui1Y.png\" width=\"1942\" height=\"1276\" alt=\"\" \/>\n<\/a><\/div>\n<p><b>Вместо вывода:<\/b> с помощью сторителлинга можно создавать нужный тон работе и донести ту мысль которую вы хотите. Нужно это вам или нет для вашей задачи — решать вам. Если сомневаетесь лучше дайте удобный инструмент для анализа, а зритель сам решит как ему трактовать данные.<\/p>\n",
            "date_published": "2020-07-29T19:34:23+01:00",
            "date_modified": "2020-08-05T13:59:31+01:00",
            "tags": [
                "Видео",
                "Лаконичность",
                "Один график",
                "Сторителлинг"
            ],
            "image": "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2-bezos.png",
            "_date_published_rfc2822": "Wed, 29 Jul 2020 19:34:23 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "11",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2-bezos.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/7-elon.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/8-elon.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/9-elon.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/10-elon.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/1-scale.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/6-bezos.gif",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/3-bezos.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/4-bezos.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/5-bezos.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-27_18.59.05-48P0l.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-27_18.57.19-GLHKp.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-08-05_11.24.33-iui1Y.png"
                ]
            }
        },
        {
            "id": "10",
            "url": "https:\/\/revealthedata.com\/examples\/digest\/all\/interaktivnye-obyasnyalki\/",
            "title": "Интерактивные объяснялки",
            "content_html": "<p><a href=\"https:\/\/t.me\/kirillbelyaev\">Кирилл Беляев<\/a> скинул мне чумовую работу про свет. Я вспомнил, про еще несколько работ в этом жанре с собрал их в этой подборке.<\/p>\n<h2>Как работает свет<\/h2>\n<p>Это просто <a href=\"https:\/\/ciechanow.ski\/lights-and-shadows\/\">чумовой пример<\/a> как можно делать современные учебники. Я даже не знаю как назвать этот материал, больше всего тянет на главу из учебника. Да и визуализация данных здесь условная, но вот как жанр интерактивной инфографики прям хорошо. Страница явно сделана с любовью, старанием и явно хорошим техническим стеком. Отличный проект!<\/p>\n<p>Больше всего понравилась вот эта часть про отражения света разного порядка:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-11_16.39.54-C5ZN4.gif\" width=\"941\" height=\"705\" alt=\"\" \/>\n<\/div>\n<p>И про то, как комбинируются цвета:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-11_16.41.37-S4BwO.gif\" width=\"790\" height=\"774\" alt=\"\" \/>\n<\/div>\n<h2>Как работает машинное обучение<\/h2>\n<p><a href=\"http:\/\/www.r2d3.us\/visual-intro-to-machine-learning-part-1\/\">Это потрясающая работа<\/a>, которая с помощью скролителлинга и графиков объясняет как работает машинное обучение. Проект довольно старый, но у него выходят <a href=\"http:\/\/www.r2d3.us\/visual-intro-to-machine-learning-part-2\/\">новые части<\/a>. Самое классное в нём как частица данных переходит от визуализации к визуализации при скроллинге. Еще мне нравится название команды r2d3, по-моему оригинально )) Остальные работы у этой творческой пары тоже в этом ключе и очень хорошо сделаны. Если ищите вдохновения по этому жанру, то рекомендую.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/9-ml.gif\" width=\"910\" height=\"710\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/10-ml.gif\" width=\"700\" height=\"700\" alt=\"\" \/>\n<\/div>\n<h2>Как работает парадокс дней рождений<\/h2>\n<p>Этот забавный математический факт часто используют преподаватели в ВУЗах. В этой <a href=\"https:\/\/pudding.cool\/2018\/04\/birthday-paradox\/\">объяснялке от Pudding<\/a> наглядно показывается как это работает. В целом, этот классный пример направленный именно на неподготовленного слушателя, здесь хорошо подглядеть как объяснять сложные темы обычным читателям. И ещё классно, что в результате читатель видеть как ответили другие и работает ли парадокс дней рождений.<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1435\" data-ratio=\"1.9158878504673\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/1-bp.png\" width=\"1435\" height=\"749\" alt=\"\" \/>\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2-bp.png\" width=\"1439\" height=\"776\" alt=\"\" \/>\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/3-bp.png\" width=\"1440\" height=\"776\" alt=\"\" \/>\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/5-bp.png\" width=\"893\" height=\"207\" alt=\"\" \/>\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/6-bp.png\" width=\"900\" height=\"203\" alt=\"\" \/>\n<\/div>\n<\/div>\n",
            "date_published": "2020-07-11T15:00:35+01:00",
            "date_modified": "2020-07-11T14:56:56+01:00",
            "tags": [
                "Объяснялки",
                "Примеры",
                "Сторителлинг"
            ],
            "image": "https:\/\/revealthedata.com\/examples\/digest\/pictures\/8-ml.png",
            "_date_published_rfc2822": "Sat, 11 Jul 2020 15:00:35 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "10",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/8-ml.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-11_16.39.54-C5ZN4.gif",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-11_16.41.37-S4BwO.gif",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/9-ml.gif",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/10-ml.gif",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/1-bp.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2-bp.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/3-bp.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/5-bp.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/6-bp.png"
                ]
            }
        },
        {
            "id": "9",
            "url": "https:\/\/revealthedata.com\/examples\/digest\/all\/puteshestviya-i-karty\/",
            "title": "Путешествия и карты",
            "content_html": "<p>В этой подборке три работы: про компактное отображение маршрутов путешествия; про гибкость Табло и возможность показать в нём мореходные пути; и подборка очень красивых хэнд-мейд карт.<\/p>\n<h2>История путешествия беженцев<\/h2>\n<p>В <a href=\"http:\/\/www.storiesbehindaline.com\/\">этом примере<\/a> мне многое понравилось, а что-то вызвало вопросы. Разберемся, какие в работе есть классные ходы, а что можно было бы улучшить.<\/p>\n<p>Это работа Federica Fragapane и Alex Piacentini, посвящённая историям шести беженцев, которые, которые бежали из своей страны в Италию в 2016 году в поисках лучшей жизни. Начинается работа с овервью маршрутов каждого из шести беженцев и краткого описания проекта.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_12.18.36-YNGRr.png\" width=\"1897\" height=\"888\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Мне кажется, что не стоило отрывать маршруты от географии. Я бы показывал это овервью на карте — не так много участников, да ещё два из них пришли «справа» из Пакистана, что совсем теряется когда нет карты.<\/p>\n<p>Грубо, что-то такое:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_12.32.21-rr27V.png\" width=\"746\" height=\"789\" alt=\"\" \/>\n<\/div>\n<p>Следующим этажом в визуализации идёт большая легенда. Она сложная, тут мне не хватило, чтобы читателя провели за руку. Я бы пояснял такую легенду на каком-то одном примере с помощью скролителлинга.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_12.36.40-aFWmK.png\" width=\"1362\" height=\"707\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Ещё я бы убрал легенду транспорта и просто рядом с маршрутом рисовал бы иконки транспорта. Очень грубо:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_12.45.12-FngKh.png\" width=\"714\" height=\"784\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>После легенды идёт история путешествия каждого из беженцев. Можно смотреть путь на карте, а можно выбрать вот такой формат визуализации, как на картинке ниже. Это что-то похожее на «квадратную диаграмму» и этот формат больше всего зацепил меня в работе. Получился очень классный и интересный подход, который позволяет легко сравнивать разные путешествия. Цифры напротив каждой точки — это количество дней, проведенных на остановке, оно же дублируется длинной фиолетовой линии. Высота бирюзового квадрата — количество пройденных километров, ширина — потраченное время. Красные точки — проблемы или важные события на пути беженца.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/4-path-details.png\" width=\"1427\" height=\"746\" alt=\"\" \/>\n<div class=\"e2-text-caption\"> <\/div>\n<\/div>\n<p>Я бы использовал такой формат, чтобы собрать small multiples со сравнением путешествий. Сразу видно: некоторые путешествия длинные по километрам (высота визуализации), но не такие долгие (ширина визуализации). Одни прошли путь без остановок, другие попадали в тюрьмы и долго оставались на промежуточных остановках (количество и длинна фиолетовых линий). Если не использовать иконки транспорта, то цветом линий можно было бы показать тип транспорта. Докрутив этот формат, было бы классно сравнивать путешествия.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_13.10.45-x93kk.png\" width=\"1641\" height=\"424\" alt=\"\" \/>\n<\/div>\n<h2>Мореходные пути Английского флота<\/h2>\n<p><a href=\"https:\/\/public.tableau.com\/profile\/alexandervar#!\/vizhome\/AtlanticSeaRoutesoftheRoyalNavy_15909988749280\/SeaRoutes\">Это работа Егора Ларина и Саши Варламова<\/a>. В работе есть, что прокачать по верстке и графически, но для меня она больше про «Табло может как угодно». Классно, что в BI инструменте можно сделать нужную стилистику и «кометы».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_13.33.25-wwPxK.png\" width=\"1784\" height=\"972\" alt=\"\" \/>\n<\/div>\n<p>Причём «кометы» сделаны гениально и одновременно просто. Это изменение размера линии для последней точки маршрута, решение — огонь.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_13.38.09-2PU0d.png\" width=\"1117\" height=\"784\" alt=\"\" \/>\n<\/div>\n<h2>Хенд-мейд карты<\/h2>\n<p>Последний пример про дата-арт. <a href=\"https:\/\/infowetrust.com\/project\/couture-carto\">Это подборка<\/a> безумно красивых карт, которые сшили, связали, вышили или склеили. Тут нечего добавить, просто красота:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/BARRAGAO-vanessa-heathrow-5.jpg\" width=\"1170\" height=\"780\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/BARRAGAO-vanessa_barragao_yarn_art.jpg\" width=\"1170\" height=\"780\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/HUGHES-NEW.jpg\" width=\"570\" height=\"701\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/ROSE-81556177_2437334559863209_8741010328679561356_n.jpg\" width=\"1170\" height=\"534\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/TARLING-71141634_2463615493960725_7840155434994859821_n-1.jpg\" width=\"1170\" height=\"546\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/TARLING-75538159_3225381790812015_9004773556578830958_n.jpg\" width=\"570\" height=\"570\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/TARLING-65971217_1164627500413568_6680601656811935605_n.jpg\" width=\"570\" height=\"570\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/HACK-WhalingGr02.jpg\" width=\"570\" height=\"718\" alt=\"\" \/>\n<\/div>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/BASS-34141627_502404810174496_2300452400055451648_n.jpg\" width=\"570\" height=\"570\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2020-07-01T11:51:26+01:00",
            "date_modified": "2020-07-01T14:16:06+01:00",
            "tags": [
                "Дата-арт",
                "Карты",
                "Один график",
                "Сторителлинг"
            ],
            "image": "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_12.18.36-YNGRr.png",
            "_date_published_rfc2822": "Wed, 01 Jul 2020 11:51:26 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "9",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_12.18.36-YNGRr.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_12.32.21-rr27V.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_12.36.40-aFWmK.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_12.45.12-FngKh.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/4-path-details.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_13.10.45-x93kk.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_13.33.25-wwPxK.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-07-01_13.38.09-2PU0d.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/BARRAGAO-vanessa-heathrow-5.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/BARRAGAO-vanessa_barragao_yarn_art.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/HUGHES-NEW.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/ROSE-81556177_2437334559863209_8741010328679561356_n.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/TARLING-71141634_2463615493960725_7840155434994859821_n-1.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/TARLING-75538159_3225381790812015_9004773556578830958_n.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/TARLING-65971217_1164627500413568_6680601656811935605_n.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/HACK-WhalingGr02.jpg",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/BASS-34141627_502404810174496_2300452400055451648_n.jpg"
                ]
            }
        },
        {
            "id": "8",
            "url": "https:\/\/revealthedata.com\/examples\/digest\/all\/storitelling-pro-moralny-vybor-bespilotnika\/",
            "title": "Сторителлинг про моральный выбор беспилотника",
            "content_html": "<p>Сегодня разберу один пример, но довольно подробно. Он зацепил не сложной визуализацией, а продуманным и интересным сторителлингом.  Это отличная статья на <a href=\"https:\/\/ici.radio-canada.ca\/info\/2019\/voitures-autonomes-dilemme-tramway\/index-en.html\">сайта Канадского радио<\/a>.<\/p>\n<p>В обычном автомобиле в случае отказа тормозной системы все решения принимает водитель в текущем моменте. А вот в беспилотном автомобиле решения программируются заранее. И появляется этический вопрос: какой выбор должен сделать беспилотник в случае, когда на кону стоят жизни пешеходов и пассажиров. В этой статье читатель отлично проводится по статье с рассуждениями и примерами.<\/p>\n<p>Сторителлинг строится по схеме: гипотетическая ситуация с вовлечением читателя в принятие решения (онбординг, вовлечение и эмпатия) → овервью по всем странам с возможностью выбрать разные страны (изучение и самостоятельное сравнение) → реальная проблематика с примерами и вовлечением читателя (эмпатия) → выводы (подкрепление и интерактив).<\/p>\n<p><b>Онбординг читателя<\/b><br \/>\n<i>В этой части статьи представляется гипотетическая ситуация и просят сделать выбор. Интерактив круто вовлекает читателя, сразу интересно, что же дальше.<\/i><\/p>\n<p>Представьте, что вы видите сломанный трамвай. Он мчится навстречу группе из пяти человек. Вы стоите рядом со стрелкой и можете отправить трамвай на другой путь, там находится только один человек. Используете ли вы переключатель, чтобы пожертвовать одной жизнью и спасти пять?<\/p>\n<p>И второй вопрос. Сломанный трамвай также приближается к пяти людям, которые находятся на рельсах. По пути к ним рядом с рельсами стоит крупный мужчина. Толкнули бы вы его под трамвай, если в этом случае транспорт остановится и пять человек останутся живы?<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/1-trolley.gif\" width=\"1100\" height=\"600\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Трамвай, который не спас пятерых<\/div>\n<\/div>\n<p>В первом вопросе большинство людей выбирают вмешаться и использовать переключатель. Во втором — наоборот, предпочитают не толкать человека на рельсы.<\/p>\n<p>Эти две дилеммы похожи тем, что предлагают пожертвовать одним человеком, чтобы спасти пятерых, но отличаются тем, насколько активную роль вы должны принять в смерти человека, принесенного в жертву. Интересно, что этого нюанса достаточно, чтобы изменить то, что люди считают правильным этическим выбором. Производители беспилотников должны будут научить свои автомобили, как вести себя в подобных ситуациях.<\/p>\n<p><b>Овервью и самостоятельное исследование<\/b><br \/>\n<i>В этой части статьи читателю дают свободу самому поизучать данные, если хочется. Это вовлекает самых заинтересованных. Тех кому это не нужно просто прочитают вывод.<\/i><\/p>\n<p>Должны ли они быть запрограммированы на действия, спасающие большинство жизней, если для этого нужно пожертвовать кем-то, кто изначально не находился в опасности? А что, если придется убить водителя автомобиля, чтобы спасти большее количество людей на дороге? Производителям придется продумать алгоритмы для таких ситуаций. Причем, отказ от выбора сам по себе является выбором.<\/p>\n<p>В 2016 году исследователи Массачусетского технологического института запустили международный опрос через интернет — «машину морали».<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2-world.png\" width=\"565\" height=\"674\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Западный, восточный и южный кластер — области, в которых люди принимали похожие решения. Россия находится в западном кластере<\/div>\n<\/div>\n<p><b>Реальная проблематика<\/b><br \/>\n<i>В этой части статьи продолжается уже известная для читателя «игра» с выбором, но теперь это реальная проблематика, которую будет нужно решать инженерам. Так как читатель уже знаком с механикой и ему дали объяснение и овервью, большое кол-во таких решений проходит быстро и интересно<\/i><\/p>\n<p>Давайте рассмотрим еще несколько ситуаций, только уже с беспилотным автомобилем.<br \/>\nУ беспилотника отказали тормоза. Если он продолжит движение, то убьет женщину. На другой полосе стоит мужчина. Должен ли автомобиль продолжать движение прямо или сменить полосу движения? А если так: на полосе движения стоит ребенок, а в соседней полосе — пожилой человек. Что должен сделать беспилотник? Еще одна ситуация: беспилотник собьет двух женщин, если продолжит движение. Если сменит полосу, то вместо них собьет беременную женщину.  Или вот: беспилотник собьет двух пешеходов, если останется на своей полосе. Если он сменит полосу, то врежется в одного человека, стоящего на тротуаре.<\/p>\n<p>Попробуйте сами принять решения на сайте статьи.<\/p>\n<p><b>Выводы <\/b><br \/>\n<i>В этой части статьи делается выводы и подводятся итоги, объясняется почему беспилотники не должны вызывать страх и приводится классный интерактивный пример.<\/i><\/p>\n<p>Конечно, читая все это, приходишь к мысли, что если беспилотники так этически опасны, зачем они вообще нужны на дороге.<\/p>\n<p>В Канаде подсчитали, что в 2016 году около 94% дорожно-транспортных происшествий были вызваны человеческими ошибками. Помимо устранения человеческой ошибки, беспилотники могут быть в состоянии избежать аварий из-за меньшего времени реакции и более коротких остановочных путей.<br \/>\nНиже моделирование торможения беспилотника с нулевым временем реакции и автомобиля с водителем, время реакции которого — 1,5 секунды.<\/p>\n<p>Обратите внимание, как возрастает длина остановочного пути с увеличением скорости автомобиля. А значит, возрастает и разница длины этого пути у беспилотника и автомобиля с водителем. В России на автомагистрали автомобиль может ехать со скоростью 110 км\/ч. В Италии — 150 км\/ч.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/3-braking-distance.gif\" width=\"1100\" height=\"600\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Визуализация тормозного пути беспилотника и автомобиля с водителем. Можно менять скорость движения<\/div>\n<\/div>\n<p>Тормозные пути рассчитываются для сухого дорожного покрытия. Реальные беспилотники не будут тормозить мгновенно, но могут достичь значительно меньшего времени реакции по сравнению с предполагаемыми 1,5 секундами, которые требуются людям, чтобы начать торможение.<\/p>\n<p>И напоследок: если у вас появилось желание пройти полный <a href=\"http:\/\/moralmachine.mit.edu\/hl\/ru\">тест<\/a>, это можно сделать на русском языке по ссылке. Он охватывает больше моральных проблем, чем приведено в статье.<\/p>\n<p><b>Вместо заключения<\/b><br \/>\nМне очень понравился этот пример, много интерактива и легко объясняются сложные вещи. При этом «тяжелая» тематика сглажена пиксельной графикой и оформлением.  Отдельно понравилось как были встроены видео экспертов — очень круто и не обычно, хотя просто поменяли соотношение сторон видео, а сразу ощущение, что собеседники разговаривают между собой и «живут» внутри этой статьи.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-06-17_14.33.19-8Kdnh.png\" width=\"837\" height=\"762\" alt=\"\" \/>\n<\/div>\n",
            "date_published": "2020-06-17T12:44:38+01:00",
            "date_modified": "2020-06-17T22:39:54+01:00",
            "tags": [
                "Лаконичность",
                "Примеры",
                "Сторителлинг"
            ],
            "image": "https:\/\/revealthedata.com\/examples\/digest\/pictures\/1-trolley.gif",
            "_date_published_rfc2822": "Wed, 17 Jun 2020 12:44:38 +0100",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "8",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/1-trolley.gif",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2-world.png",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/3-braking-distance.gif",
                    "https:\/\/revealthedata.com\/examples\/digest\/pictures\/2020-06-17_14.33.19-8Kdnh.png"
                ]
            }
        }
    ],
    "_e2_version": 4134,
    "_e2_ua_string": "Aegea 11.3 (v4134)"
}