{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Стас Зверянов: заметки с тегом таблица",
    "_rss_description": "Об авторе • Тelegram • Почта",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/twisterblog.ru\/tags\/tablica\/",
    "feed_url": "https:\/\/twisterblog.ru\/tags\/tablica\/json\/",
    "icon": "https:\/\/twisterblog.ru\/user\/userpic@2x.jpg?1600967750",
    "author": {
        "name": "pÿøšèł",
        "url": "https:\/\/twisterblog.ru\/",
        "avatar": "https:\/\/twisterblog.ru\/user\/userpic@2x.jpg?1600967750"
    },
    "items": [
        {
            "id": "5",
            "url": "https:\/\/twisterblog.ru\/all\/cvetovoe-kodirovanie-grafiki\/",
            "title": "Цветовое кодирование — графики",
            "content_html": "<p>Специалисты исследовали, где как перемещаются по городам<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/twisterblog.ru\/pictures\/IMG_20200206_165915_761.jpg\" width=\"964\" height=\"868\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Наисследовали вот что<\/div>\n<\/div>\n<p>На картинке непонятное цветовое кодирование: если не вчитываться, кажется, что есть плохой (красный) и хороший (зеленый) способ перемещения, а в центре вообще его отсутствие (наверное, там про людей, которые не перемещаются совсем).<\/p>\n<p>Нет.<\/p>\n<p>Присмотримся и выясним, что четыре цвета означают четыре разных транспортных средства. Неясно, почему ходьба пешком оказалась светло-зеленой, велосипеды — красными, а общественный транспорт — прозрачным.<\/p>\n<p>Также непонятно, почему по первым трём параметрам проценты целые, а у мопедов — с дробными частями. Вряд ли кому-то принципиально, сколько в Брюсселе пользуются мототранспортом: 43,4% или 43%.<\/p>\n<p>Это — наплевательское отношение к принятой цветовой культуре и цветовым кодированиям. Никто не ожидает, что из красного крана польется холодная вода.<\/p>\n<p>Неудачное цветовое кодирование решается заменой цветов, но не абы какой заменой. Попробуем:<\/p>\n<ul>\n<li>Обесцветить картинку. Потеряется ли информативность?<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/twisterblog.ru\/pictures\/IMG_20200206_165915_761-01.jpeg\" width=\"964\" height=\"868\" alt=\"\" \/>\n<\/div>\n<p>Потерялась! Зато теперь явно видно разницу между общественным транспортом и всем остальным.  Оставим этот шаг напоследок, сперва поиграемся с оттенками.<\/p>\n<ul>\n<li>Изменить интенсивность одного и того же цвета — это делается в настройках, при клике на чекбокс «В».<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/twisterblog.ru\/pictures\/photo_2020-02-06_18-37-25.jpg\" width=\"1010\" height=\"79\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Цвета всё ещё ничего не сообщают, но теперь хотя бы видно различие между шкалами, и проинтерпретировать график неверно сложнее.<\/div>\n<\/div>\n<ul>\n<li>Обесцветить второй вариант<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/twisterblog.ru\/pictures\/photo_2020-02-06_18-40-51.jpg\" width=\"1005\" height=\"59\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Ничего особо не изменилось<\/div>\n<\/div>\n<ul>\n<li>Перерисовать схему в экселе<\/li>\n<\/ul>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/twisterblog.ru\/pictures\/Screenshot_3.png\" width=\"1097\" height=\"107\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Неоригинально, но по заполнению столбца сразу можно понять, как этот город чувствует себя относительно остальных. С цветовым кодированием всё ещё проблемы, но теперь по крайней мере один из цветов не перекрикивает другой<\/div>\n<\/div>\n<p>Оказывается, переверстать табличку с процентами — не такая уж тривиальная задача. Программу минимум выполнить удалось, а вот сделать вариант на голову выше оригинала — нет.<\/p>\n<p>Не ебланьте с цветом,<br \/>\n✨<\/p>\n",
            "date_published": "2020-02-06T23:28:15+03:00",
            "date_modified": "2020-02-06T23:29:06+03:00",
            "image": "https:\/\/twisterblog.ru\/pictures\/IMG_20200206_165915_761.jpg",
            "_date_published_rfc2822": "Thu, 06 Feb 2020 23:28:15 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "5",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/twisterblog.ru\/pictures\/IMG_20200206_165915_761.jpg",
                    "https:\/\/twisterblog.ru\/pictures\/IMG_20200206_165915_761-01.jpeg",
                    "https:\/\/twisterblog.ru\/pictures\/photo_2020-02-06_18-37-25.jpg",
                    "https:\/\/twisterblog.ru\/pictures\/photo_2020-02-06_18-40-51.jpg",
                    "https:\/\/twisterblog.ru\/pictures\/Screenshot_3.png"
                ]
            }
        }
    ],
    "_e2_version": 3572,
    "_e2_ua_string": "E2 (v3572; Aegea)"
}