https://revealthedata.com/examples/digest/tags/hitmap/ основной блог | канал в телеграмме ru Aegea 11.3 (v4134) основной блог | канал в телеграмме 13 https://revealthedata.com/examples/digest/all/3-prostyh-hitmapa/ Fri, 25 Sep 2020 10:20:48 +0100 https://revealthedata.com/examples/digest/all/3-prostyh-hitmapa/ <p>В этой подборке три простые работы. С точки зрения «инфографики» и визуализаций для широкой аудитории, это мой любимый вид — простые, лаконичные, но очень интересные графики. А в этих примерах, можно сказать, что даже просто таблички. =)</p> <h2>Сложность пароля</h2> <p>В строках — количество символов, в столбцах — сложность пароля, в ячейке — длительность взлома пароля. Сразу становится понятно, почему сайты требуют добавлять буквы и спецсимволы. Вспоминаешь свой пароль → проверяешь по табличке → идешь менять =)</p> <div class="e2-text-picture"> <a href="https://www.thesecurityfactory.be/password-cracking-speed/" class="e2-text-picture-link"> <img src="https://revealthedata.com/examples/digest/pictures/crackingspeed.png" width="902" height="656" alt="" /> </a></div> <h2>Переплата по кредиту</h2> <p>В строках — ставка по кредиту, в столбцах — количество лет, которое будешь платить кредит, в ячейке — процент переплаты от взятой суммы. Нравится, что этот график не зависит от размера взятой суммы. Смотришь именно на процент переплат. Эту визуализацию сделал мой друг, когда хотел брать кредит. Посмотрел на визуализацию и решил не брать. ))</p> <div class="e2-text-picture"> <img src="https://revealthedata.com/examples/digest/pictures/Ipoteka.jpg" width="469" height="513" alt="" /> </div> <h2>Ответы на сообщения на сайте знакомств</h2> <p>В строках — возраст того, кто отвечает на сообщение, в столбцах — того, кто прислал. В ячейке — процент ответов на это сообщение. В этот раз цветом показаны не сами значения в ячейке, а превышение относительно процента ответов для всех возрастов (столбец с синими цифрами правее от хитмапа). У мужчин образуется два аномальных кластера: мужчины 25-30 лет часто отвечают дамам за 40, а мужчины старше 30 отвечают двадцатилетним девушкам. А вот девушки чаще всего отвечают именно мужчинам своего возраста.</p> <div class="e2-text-picture"> <a href="https://theblog.okcupid.com/undressed-whats-the-deal-with-the-age-gap-in-relationships-3143a2ca5178" class="e2-text-picture-link"> <img src="https://revealthedata.com/examples/digest/pictures/Dating.png" width="1250" height="872" alt="" /> </a></div> <h2>Вместо вывода</h2> <p>Эти примеры классно показывают, что вовлечь читателя можно, если он может «примерить» на себя те данные, что есть в визуализации. При этом для такого рода визуализаций — чем проще формат, тем лучше.</p>