{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "My blog: заметки с тегом визуализация",
    "_rss_description": "Коллекционирую приёмы визуального представления информации",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-422.png",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/blogengine.dubrvn.ru\/tags\/visualdata\/",
    "feed_url": "https:\/\/blogengine.dubrvn.ru\/tags\/visualdata\/json\/",
    "icon": false,
    "authors": [
        {
            "name": "Автор блога",
            "url": "https:\/\/blogengine.dubrvn.ru\/",
            "avatar": false
        }
    ],
    "items": [
        {
            "id": "21",
            "url": "https:\/\/blogengine.dubrvn.ru\/all\/peremeschenie-lyudey-po-dannym-epla\/",
            "title": "Перемещение людей по данным Эпла",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/bunin.jpg\" width=\"2400\" height=\"1554\" alt=\"\" \/>\n<\/div>\n<p>Сделал <a href=\"https:\/\/public.tableau.com\/profile\/roman4734#!\/vizhome\/24017\/sheet0\">мини-проект — прототип дашборда<\/a> про перемещение людей <a href=\"https:\/\/www.apple.com\/covid19\/mobility\">по данным Эпла<\/a>. К сожалению, визуализация в всплывающей подсказке в Табло работает медленно, но в целом хотелось показать именно как сработала бы тепловая карта.<\/p>\n<p class=\"foot\"><a href=\"https:\/\/revealthedata.com\/blog\/all\/peremeschenie-lyudey-po-dannym-apple\/\">Заметка Романа Бунина<\/a><\/p>\n",
            "date_published": "2022-11-09T10:00:00+00:00",
            "date_modified": "2022-11-12T07:08:27+00:00",
            "tags": [
                "визуализация",
                "интерфейс",
                "программирование"
            ],
            "image": "https:\/\/blogengine.dubrvn.ru\/pictures\/bunin.jpg",
            "_date_published_rfc2822": "Wed, 09 Nov 2022 10:00:00 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "21",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/bunin.jpg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-422.png"
                ]
            }
        },
        {
            "id": "19",
            "url": "https:\/\/blogengine.dubrvn.ru\/all\/interaktivny-longrid-ot-faynenshel-tayms-pro-kosmicheskiy-musor\/",
            "title": "Интерактив в тексте",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-1.png\" width=\"1840\" height=\"845\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Скриншот статьи о космическом мусоре<\/div>\n<\/div>\n<p>Мне кажется я нашёл неплохой пример, где текст опирается на наглядность и всё круто работает. <a href=\"https:\/\/ig.ft.com\/space-debris\/\">В интернет-статье про космический мусор<\/a> крутится наша планета. Легкая анимация при скролле вниз, и мусор начинает летать, словно рой надоедливых мух. Ощущение полнейшего ужаса передано замечательно. Никакое измерительное описание так не сработает. Что для вас сотня тонн или кубометров? Пустой звук. А если изобразить плотность точками и заставить её двигаться на фоне земного шара, то это впечатлит куда сильнее.<\/p>\n",
            "date_published": "2022-11-08T08:00:00+00:00",
            "date_modified": "2022-11-12T08:06:27+00:00",
            "tags": [
                "визуализация",
                "космос",
                "редактура"
            ],
            "image": "https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-1.png",
            "_date_published_rfc2822": "Tue, 08 Nov 2022 08:00:00 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "19",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-1.png",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-422.png"
                ]
            }
        },
        {
            "id": "45",
            "url": "https:\/\/blogengine.dubrvn.ru\/all\/epopeya-s-akkumulyatorom\/",
            "title": "Эпопея с аккумулятором",
            "content_html": "<p>Мне нужно было поменять аккумулятор на машине, старый приказал долго жить. Машина уже постгарантийная, да и задача выглядела не сложной. Не стал обращаться к дилеру, понадеялся на свой интеллект. А зря.<\/p>\n<p>В начале я открыл великую тайну, что аккумуляторы бывают разные, и не каждый подойдёт. Мне нужно было знать размер Ш × Д × В, тип крепления, полярность клемм (обратная или нет), объём батареи, силу тока при старте и что-то ещё. Я полез искать всё это дело и окончательно запутался.<\/p>\n<p><b>Поиски полярности.<\/b> Какая-то из них называется прямой, а какая-то обратной. Чтобы это понять, надо повернуть к себе батарею лицом. В другом месте объясняют ровно наоборот — поверните к себе задом. И только 6 сайтов спустя, я нашёл магазин, который советовал просто открыть капот и посмотреть. Если я вижу (− +), значит мне вот эти аккамуляторы, если наоборот — другие.<\/p>\n<p><b>Размеры.<\/b> В 2021 году все аккумуляторы неимоверно разные и вряд ли это когда-то измениться. Чтобы понять какие подходят именно тебе, надо внимательно следить за характеристиками. То размеры пишут в середине описания, то в конце. То таблица, то список. То ширину называют глубиной. То в сантиметрах, то в миллиметрах. То вообще не пишут. А где-то заботливо уточняют: даже если вам подошли размеры, но нет какой-то ножки, то может и не подойти. Да, твою дивизию!<\/p>\n<p><b>А чё за тачка?<\/b> Почему никто не захотел предложить на сайте аккумуляторы по марке и году машины? Или по вин-номеру. Это сговор или вселенская тайна? Нахрена мне знать полярности, размеры, объемы? Я окончательно раздёргался и решил просто поехать в магазин. Еду и думаю, ну может там всё таки есть какие-то причины, может не всё так просто? Интересно, а что меня первым делом спросит продавец?<\/p>\n<p>Захожу в магазин, прошу помочь мне подобрать аккум. Продавец: А у вас машина какая?<\/p>\n",
            "date_published": "2022-11-07T05:47:00+00:00",
            "date_modified": "2022-11-12T07:58:42+00:00",
            "tags": [
                "визуализация",
                "жизнь",
                "интерфейс"
            ],
            "image": "https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-422.png",
            "_date_published_rfc2822": "Mon, 07 Nov 2022 05:47:00 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "45",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-422.png"
                ]
            }
        },
        {
            "id": "34",
            "url": "https:\/\/blogengine.dubrvn.ru\/all\/steklomorfizm\/",
            "title": "Стекломорфизм",
            "content_html": "<p>Заметил, как эффект матового стекла в интерфейсах набирает популярность. Не исключено, что выход Биг Сура косвенно повлиял на это. Симпатишный эффект. И чтобы он проявлялся нужен цветастый фон. Мне кажется в этом и заключается основная беда.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/1_2ipefONlvlb_T2LYvWT0Yg.png\" width=\"1600\" height=\"1200\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Marshall, dribbble.com<\/div>\n<\/div>\n<p>Одно дело сверстать форму так, чтобы и на белом фоне она легко читалась, и на разных экранах, и с разным типом зрения. А другое — эффект ради эффекта, когда мы хотим его проявить на каждом элементе. Вряд ли это помогает делать интерфейсы доступными. Подробнее можно почитать у <a href=\"https:\/\/uxdesign.cc\/glassmorphism-in-user-interfaces-1f39bb1308c9\">Михаила Малевича<\/a>.<\/p>\n",
            "date_published": "2022-11-05T09:07:00+00:00",
            "date_modified": "2022-11-12T09:08:01+00:00",
            "tags": [
                "визуализация",
                "интерфейс",
                "цвет"
            ],
            "image": "https:\/\/blogengine.dubrvn.ru\/pictures\/1_2ipefONlvlb_T2LYvWT0Yg.png",
            "_date_published_rfc2822": "Sat, 05 Nov 2022 09:07:00 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "34",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/1_2ipefONlvlb_T2LYvWT0Yg.png",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-422.png"
                ]
            }
        },
        {
            "id": "1",
            "url": "https:\/\/blogengine.dubrvn.ru\/all\/russkiy-risovanny-lubok\/",
            "title": "Русский рисованный лубок",
            "content_html": "<p>Мне попалась чудесная книжица про народный изобразительный примитив. Делюсь наблюдениями и показываю фрагменты книги «Русский рисованный лубок», Москва, 1992 год. Составитель Е.И. Иткина.<\/p>\n<p>Вместо пропаганды старой церкви и порицания новой, предлагается сравнительный рисунок. Сколько деталей в указании различий: двое (трое) перстие, разные распятия, патриаршие жезлы, своды, архитектура, одежда прихожан. И даже половичок! А еще в обеих картинках наверху красиво выходят за рамки кресты.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/d0656c2c-9160-4972-a519-b3d3a2cce994.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Сравнительное изображение символики и атрибутов у старообрядцев (слева) и официальной церкви (справа).<\/div>\n<\/div>\n<p>На следующей картинке мы видим как соблюдается правильный порядок чтения: слева направо, сверху вниз. В левой верхнем углу — сцена сотворения. Видите, как мило Ева вылезла из Адама? А в правом нижнем — изгнание из рая.<br \/>\nПлохие сайты и газеты до сих пор заставляют человека крутить головой, скролить вверх-вниз страницы, терять нить повествования между абзацами. А староверы молодцы.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/e31a93d9-01da-4026-b808-7c8c1f4eb440.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Сотворение человека. Изгнание из рая.<\/div>\n<\/div>\n<p>Не перестаю радоваться изобразительной наивности. Ева показывает пальцем на Змия, мол это всё он. И где она таких размеров дубовый листик нашла? На всю жопу, да еще и с вылетом. У Адама почему-то ошейник.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/647f9fb0-e1f9-41ca-80ab-7bdadc6bbadd.jpeg\" width=\"960\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p>Плакат с певческим текстом. Знаки над буквами — это крюковые ноты. Так в одной типографике сочленены соли (песнопевческие ноты) и сам текст. Всё отчетливо видно и блок текста не разваливается.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/a4254010-8695-4e2f-8045-a00cf003e815.jpeg\" width=\"960\" 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:\/\/blogengine.dubrvn.ru\/pictures\/93683294-c994-4ccf-85dd-cd2020090e6d.jpeg\" width=\"960\" 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:\/\/blogengine.dubrvn.ru\/pictures\/3fd1cc9d-5fdc-4f3a-afb8-7423c1e43750.jpeg\" width=\"1280\" height=\"960\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Рассуждение о человеческом рождении, жизни и смерти.<\/div>\n<\/div>\n<p>В копилку еще один формат полезного плаката — календарь. Что такое месяцеслова  я не знаю. А с версткой есть проблемы. Подписи колонок расположены на равном расстояние между этажами. И не сразу поймёшь к какому этажу они относятся, к верхнему или нижнему? А рисунок к левой или правой колонке?<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/d6e015f9-be2e-471e-978d-ac52e2c9594f.jpeg\" width=\"960\" height=\"1280\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Календарь месяцеслов.<\/div>\n<\/div>\n<p>А это календарь уже делал матёрый старообрядец. Здесь все однозначно подписано, красиво сверстано. Столбцы выразительно прямоугольные, как и формат плаката.  Хорошо придумано, как незаметно 4 колонки превратить в 5. Подытоживающий столбец в правом нижнем углу содержит красивую таблицу. Даже иллюстрации в верхнем этаже подписаны однозначно. Учись предыдущий старообрядец!<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/c0861a4c-f2b6-4a6e-abf5-2e09b6c42231.jpeg\" width=\"960\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p>Обратите внимание на лики персонажей. А теперь на череп на столе.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/6e5f3aca-941b-4933-8b11-d73539ce7fc7.jpeg\" width=\"960\" height=\"1280\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Иллюстрация к стихам С. Яворского «Взирай с прилежанием, тленный человече».<\/div>\n<\/div>\n<p>Как можно красиво нарисовать голову и при этом так смешно навалить лепешку в виде черепа? Казалось бы, раз в анатомии разбираешься, что стоит череп изобразить? Лики на иконах сохраняют и анатомичность и святость. Это тяжело делать. Но если сильно постараться, можно скопировать, что мы и видим. А череп не часто изображают на иконах. Получился, как получился. Там на столе вообще черти что творится с изометрией, даже фикус не спасает. А еще мило подписано солнце.<\/p>\n",
            "date_published": "2021-11-03T01:41:10+00:00",
            "date_modified": "2022-11-13T15:20:46+00:00",
            "tags": [
                "визуализация",
                "искусство",
                "книги",
                "композиция",
                "плакат",
                "типографика"
            ],
            "image": "https:\/\/blogengine.dubrvn.ru\/pictures\/7e907eda-d888-4a49-88bc-74409c2a4df4.jpeg",
            "_date_published_rfc2822": "Wed, 03 Nov 2021 01:41:10 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "1",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/7e907eda-d888-4a49-88bc-74409c2a4df4.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/57a5cff5-a632-42fc-ba12-5393582a932e.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/fa0a043c-1294-493e-9bd2-6708206aa95d.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/d0656c2c-9160-4972-a519-b3d3a2cce994.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/e31a93d9-01da-4026-b808-7c8c1f4eb440.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/647f9fb0-e1f9-41ca-80ab-7bdadc6bbadd.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/a4254010-8695-4e2f-8045-a00cf003e815.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/93683294-c994-4ccf-85dd-cd2020090e6d.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/3fd1cc9d-5fdc-4f3a-afb8-7423c1e43750.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/d6e015f9-be2e-471e-978d-ac52e2c9594f.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/c0861a4c-f2b6-4a6e-abf5-2e09b6c42231.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/6e5f3aca-941b-4933-8b11-d73539ce7fc7.jpeg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-422.png"
                ]
            }
        },
        {
            "id": "31",
            "url": "https:\/\/blogengine.dubrvn.ru\/all\/samye-populyarnye-cveta-v-zhivopisi-1500-2020\/",
            "title": "Самые популярные цвета в живописи, 1500—2020",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/blogengine.dubrvn.ru\/pictures\/photo_2020-09-21_13-33-55.jpg\" width=\"1280\" height=\"850\" alt=\"\" \/>\n<\/div>\n<p><a href=\"https:\/\/www.ohmychart.com\/atlas\/\">Диаграмма<\/a> показывает 10 самых популярных цветов в картинах для каждой декады, начиная с 1500 года. Для анализа каждого десятилетия было выбрано 50 случайных картин.<\/p>\n<p>Высота столбиков кодирует соотношения цветов между собой.<\/p>\n<p class=\"foot\"><a href=\"https:\/\/rationalnumbers.ru\/all\/samye-populyarnye-cveta-v-zhivopisi-1500-2020\/\">Заметка Кирилла Олейниченко<\/a><\/p>\n",
            "date_published": "2020-11-08T10:00:00+00:00",
            "date_modified": "2022-11-12T07:46:59+00:00",
            "tags": [
                "визуализация",
                "программирование"
            ],
            "image": "https:\/\/blogengine.dubrvn.ru\/pictures\/photo_2020-09-21_13-33-55.jpg",
            "_date_published_rfc2822": "Sun, 08 Nov 2020 10:00:00 +0000",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "31",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [],
                "og_images": [
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/photo_2020-09-21_13-33-55.jpg",
                    "https:\/\/blogengine.dubrvn.ru\/pictures\/Frame-422.png"
                ]
            }
        }
    ],
    "_e2_version": 4171,
    "_e2_ua_string": "Aegea 11.4 (v4171e)"
}