Forwarded from 🗞 Виз Ньюз (Nikita Rokotyan)
This media is not supported in your browser
VIEW IN TELEGRAM
Fathom — компания Бена Фрая (Ben Fry), одного из авторов Processing — выкатили супер быстрый инструмент для анализа CSV файлов Excel-таблиц прямо в браузере под названием Rowboat.
Попробовал открыть файл на 500 мегабайт, и это заняло всего несколько секунд! Интерфейс тоже супер быстрый, за что отдельный респект.
Интересно, что под капотом. У меня есть догадки, но до конца докопаться не смог.
https://rowboat.xyz (бесплатно, но нужно зарегаться даже что бы пример посмотреть)
@dataviznews
Попробовал открыть файл на 500 мегабайт, и это заняло всего несколько секунд! Интерфейс тоже супер быстрый, за что отдельный респект.
Интересно, что под капотом. У меня есть догадки, но до конца докопаться не смог.
https://rowboat.xyz (бесплатно, но нужно зарегаться даже что бы пример посмотреть)
@dataviznews
🔥29👍5
Forwarded from Силантьева про контент (Oksana Silanteva)
Media is too big
VIEW IN TELEGRAM
Как показать 150 лет развития газет за 55 секунд?
Перед вами 60 000 (шестьдесят тысяч) первых полос Нью-Йорк Таймс. Художник Джош Бегли собрал визуальную хронологию изменения подачи новостей. Медитативное, наталкивающее на множество мыслей, видео.
Добавлю немного текстовой хронологии:
11 декабря 1861
«Нью-Йорк Таймс» публикует свои первые иллюстрации на первой странице. Одна из них — карта Вирджинии, а две другие — политические карикатуры, насмехающиеся над Джеймсом Гордоном Беннетом, основателем «Нью-Йорк Геролд», одного из главных конкурентов «Таймс».
15 апреля 1865
На первой странице колонки были обведены черным, так как сообщали об убийстве Линкольна.
10 февраля 1897
На первой странице появлется слоган «Все новости, которые стоит печатать»
30 мая 1910
На первой странице появляется первая новостная фотография — фото летчика Гленна Кертиса, который летит из Олбани в Нью-Йорк с скоростью 87 километров в час.
1 мая 1926
NYT печатает первую фотографию, «радиопереданную» в газету из Лондона. До этого дня фотографии пересылали по почте. Время передачи: 1 час 45 минут.
21 июля 1969
Первое использование шрифта размером 96 пунктов на первой странице. Передовица посвящена посадке «Аполлона-11» на Луну. Этот крупный шрифт также будет использоваться для объявления об отставке Никсона, первом дне 2000 года, 11 сентября и выборах Обамы.
7 сентября 1976
Колонки на первой странице становятся шире, уменьшая их количество с 8 до 6.
16 октября 1997
На первой странице NYT печатается первая цветная фотография.
#дата_сторителлинг
#визуальные_истории
#так_тоже_можно
Перед вами 60 000 (шестьдесят тысяч) первых полос Нью-Йорк Таймс. Художник Джош Бегли собрал визуальную хронологию изменения подачи новостей. Медитативное, наталкивающее на множество мыслей, видео.
Добавлю немного текстовой хронологии:
11 декабря 1861
«Нью-Йорк Таймс» публикует свои первые иллюстрации на первой странице. Одна из них — карта Вирджинии, а две другие — политические карикатуры, насмехающиеся над Джеймсом Гордоном Беннетом, основателем «Нью-Йорк Геролд», одного из главных конкурентов «Таймс».
15 апреля 1865
На первой странице колонки были обведены черным, так как сообщали об убийстве Линкольна.
10 февраля 1897
На первой странице появлется слоган «Все новости, которые стоит печатать»
30 мая 1910
На первой странице появляется первая новостная фотография — фото летчика Гленна Кертиса, который летит из Олбани в Нью-Йорк с скоростью 87 километров в час.
1 мая 1926
NYT печатает первую фотографию, «радиопереданную» в газету из Лондона. До этого дня фотографии пересылали по почте. Время передачи: 1 час 45 минут.
21 июля 1969
Первое использование шрифта размером 96 пунктов на первой странице. Передовица посвящена посадке «Аполлона-11» на Луну. Этот крупный шрифт также будет использоваться для объявления об отставке Никсона, первом дне 2000 года, 11 сентября и выборах Обамы.
7 сентября 1976
Колонки на первой странице становятся шире, уменьшая их количество с 8 до 6.
16 октября 1997
На первой странице NYT печатается первая цветная фотография.
#дата_сторителлинг
#визуальные_истории
#так_тоже_можно
🔥43❤11👍7
Силантьева про контент
Как показать 150 лет развития газет за 55 секунд? Перед вами 60 000 (шестьдесят тысяч) первых полос Нью-Йорк Таймс. Художник Джош Бегли собрал визуальную хронологию изменения подачи новостей. Медитативное, наталкивающее на множество мыслей, видео. Добавлю…
👆🏻Бигдата, которая рассказывает (и показывает) историю.
👍4
Это удивительно, но несмотря на абсолютно провальный и некомпетентный блок по визуализации данных в курсе о презентациях, о котором я кстати тоже писал, Ильяхов продолжает продвигать свои странные мысли с тоном эксперта. Теперь он отменил столбики 🤷
👇🏻
👇🏻
❤7😢7🔥2🥴2
Forwarded from Сделай это красиво
This media is not supported in your browser
VIEW IN TELEGRAM
Наткнулся в инстаграме на видео Максима Ильяхова, в котором он, судя по всему, советует использовать Step Line Chart вместо столбиков.
В комментариях Максиму уже высказали много всякого, и я тут поддержу комментаторов: это чушь.
🔴 То, о чём рассказывает Максим, — это известный принцип Data-ink ratio: график тем эффективнее решает задачу, чем больше чернил потрачено на визуализацию информации, а не дополнительные украшательства. С некоторыми оговорками этот принцип верен, и я сам его пропагандирую, в том числе и в этом канале.
🔴 В большинстве случаев столбики нельзя заменить на линейный график. Любую вариацию линейных графиков корректно применять для непрерывных данных — например, для визуализации изменений во времени. Крайне некорректно таким образом визуализировать, например, число жителей в разных странах.
🔴 Допустим, из видео вырезали оговорку про непрерывные данные. Всегда ли для них надо использовать линии / степы вместо баров? Тоже нет. Надо учитывать нюансы.
🔴 Линейный график хуже работает на сравнение абсолютов. Нашему мозгу проще сравнить размеры двух прямоугольников, чем положение двух точек на экране.
Если задача графика — показать не столько динамику, сколько разницу между точками, столбики могут быть более чем уместны.
🔴 Иногда бывает так, что линия просто хуже смотрится композиционно. Если ситуация позволяет построить столбики — странно ей в этом случае не воспользоваться.
🔴 Тезис в конце вообще не выдерживает критики. «Когда у тебя есть на слайде одна чисто нарисованная линия, у тебя к ней тянется всё внимание».
А если есть один ряд столбиков, внимание к нему тянуться не будет?
В комментариях Максиму уже высказали много всякого, и я тут поддержу комментаторов: это чушь.
Если задача графика — показать не столько динамику, сколько разницу между точками, столбики могут быть более чем уместны.
А если есть один ряд столбиков, внимание к нему тянуться не будет?
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥54😁9😱4👍3❤2
Сайт с 2500+ палитрами для визуализации данных. Это все для питона, можно с помощью библиотеки pypalette использовать в две строчки кода. Но никто не мешает и забрать цвета в любой другой проект.
https://python-graph-gallery.com/color-palette-finder/
А вот тут ещё ссылка на то, как это прикрутить в Tableau.
https://python-graph-gallery.com/color-palette-finder/
А вот тут ещё ссылка на то, как это прикрутить в Tableau.
The Python Graph Gallery
Python Color Palette Finder
Browse 2500+ color palette. Find the perfect match for your Python Chart. Get the matplotlib code.
👍35🔥12❤5
Завтра на стриме расскажу интересное про производственные процессы создания сложной инфографики и картографии для медиа. Приходите, если тема интересна.
👇
https://t.me/data_csv/1499
👇
https://t.me/data_csv/1499
Telegram
data.csv
Недавно в канале я писал про серию красивых дата-историй, которые публикует у себя гео-платформа Urbi. Проекты наполнены аккуратной, разнообразной и привлекательной инфографикой о том, как устроены города ОАЭ, и наверняка ещё дадут о себе знать на конкурсах.…
❤🔥16❤4👍4🥰1
Forwarded from настенька и графики
Как запутать графиком или кейсы, когда неправильно подобран способ кодирования данных для визуализации (aka visual channel)
1. Если метрика растет, то он точно не дрлжна быть перевернута, как будто падает. А ведь такой график один раз даже сделали.
2. Есть четкая цветовая ассоциация, темный цвет – много, светлый – мало. Но вот работает она только на светлом фоне, поэтому если вдруг у вас есть темная тема, то там эта ассоциация начинает ломаться.
3. Нельзя использовать способы кодирования числовых данных для кодирования категориальных. Например, не нужно кодировать категории длиной, яркостью цвета или положением на шкале. Подробнее про типы каналов писала тут и приложила картинку.
4. Разные типы графиков порождают разные задачи. Барчарты хочется сравнивать, а в линейных графиках сразу создатеся ощущение динамики и желание проследить тренд. Поэтому линейные графики только для динамики, подробнее писала тут.
1. Если метрика растет, то он точно не дрлжна быть перевернута, как будто падает. А ведь такой график один раз даже сделали.
2. Есть четкая цветовая ассоциация, темный цвет – много, светлый – мало. Но вот работает она только на светлом фоне, поэтому если вдруг у вас есть темная тема, то там эта ассоциация начинает ломаться.
3. Нельзя использовать способы кодирования числовых данных для кодирования категориальных. Например, не нужно кодировать категории длиной, яркостью цвета или положением на шкале. Подробнее про типы каналов писала тут и приложила картинку.
4. Разные типы графиков порождают разные задачи. Барчарты хочется сравнивать, а в линейных графиках сразу создатеся ощущение динамики и желание проследить тренд. Поэтому линейные графики только для динамики, подробнее писала тут.
👍22❤2
Очередной раз хочется повторить, что выбор шкалы для оси Y в линейном графике (от нуля или нет, какой именно диапазон, какие пропорции с осью X) и уровень наклона получающегося графика определяется на умозрительными градусами или формулами, а содержанием и контекстом передаваемых данных в тесной связи с тем сообщением, которое этим конкретным графиком хотим передать.
И какое-либо универсальное решение для автоматизированных графиков всегда будет проигрывать тому, который выбрал человек с учетом вышесказанного. Более того, аналогичную логику будет иметь смысл применять и к автоматизированным графикам, примерно предполагая разные контексты использования и прочитывания и выбирая какой-то усредненный компромиссный вариант, закрывающий большую часть сценариев. А если какие-то из них противоречат друг другу, то показывать те же данные два раза, с разной размерностью оси Y.
👇🏻
https://t.me/nastengraph/4303
И какое-либо универсальное решение для автоматизированных графиков всегда будет проигрывать тому, который выбрал человек с учетом вышесказанного. Более того, аналогичную логику будет иметь смысл применять и к автоматизированным графикам, примерно предполагая разные контексты использования и прочитывания и выбирая какой-то усредненный компромиссный вариант, закрывающий большую часть сценариев. А если какие-то из них противоречат друг другу, то показывать те же данные два раза, с разной размерностью оси Y.
👇🏻
https://t.me/nastengraph/4303
Telegram
настенька и графики
Есть такое правило к линейным графикам, что средний угол наклона линий должен быть 45º. Идея заключается в том, что такой угол позволяет легче визуально интерпретировать тенденции в данных.
Я всегда думала, что придумал его Тафти, но оказалось Уильям Кливленд…
Я всегда думала, что придумал его Тафти, но оказалось Уильям Кливленд…
❤8🔥6👍4💯2🤡1
Forwarded from Дата-сторителлинг (Андрей Дорожный)
📈Идеальная инфографика для увеличения продаж в строительном магазине
🔥81❤9😁9👍8
Forwarded from настенька и графики
Совершенно потрясащий сайт Misinformed By Visualization
Внутри автор Leo Yu-Ho Lo собрал случаи, когда графики вводят нас в заблуждение. Все разделено на основные категории ака причины, по которым графики могут врать:
1. Исходные данные - проблемы с данными или статистикой, которую мы рассчитываем.
2. Дизайн визуализации - неудачный выбор типа графика, настройки осей или неправильное использование цветов.
3. Построение графика - проблемы с расположением или отсутствие важных элементов графика.
4. Восприятие - Визуальные иллюзии, такие как 3D-эффекты, кодирование областей или неправильное использование соотношений площадей.
5. Интерпретация - вводящий в заблуждение текст, некорректные сравнения или ложные корреляции.
Прям очень советую потыкать. Работа огроменная.
Внутри автор Leo Yu-Ho Lo собрал случаи, когда графики вводят нас в заблуждение. Все разделено на основные категории ака причины, по которым графики могут врать:
1. Исходные данные - проблемы с данными или статистикой, которую мы рассчитываем.
2. Дизайн визуализации - неудачный выбор типа графика, настройки осей или неправильное использование цветов.
3. Построение графика - проблемы с расположением или отсутствие важных элементов графика.
4. Восприятие - Визуальные иллюзии, такие как 3D-эффекты, кодирование областей или неправильное использование соотношений площадей.
5. Интерпретация - вводящий в заблуждение текст, некорректные сравнения или ложные корреляции.
Прям очень советую потыкать. Работа огроменная.
🔥24👍6❤1
Чартомойка
Я напоминаю, что по-прежнему для скачивания доступен бесплатный постер по выбору графиков. Он не только полезен, но еще и красив, может закрыть дыру на стене, привлекает внимание коллег и может стать отличным подарком. Печатать рекомендую в размере А1, иначе…
poster20201112.pdf
362.9 KB
⭐️ Постер!
В связи с тем, что Ноушн приказал долго жить, постер с выбором графиков больше не доступен. Но.. он доступен!
Вешаю его в файлом в этот пост и ставлю в закреп. Постер по-прежнему ваш, без ограничений, бесплатно.
В связи с тем, что Ноушн приказал долго жить, постер с выбором графиков больше не доступен. Но.. он доступен!
Вешаю его в файлом в этот пост и ставлю в закреп. Постер по-прежнему ваш, без ограничений, бесплатно.
❤96🔥52👍10🏆7🙏3
Forwarded from mizinov.pro
Обкатываю в Tilemapper так называемые спарклайны — микрографики, отображающие общий вид динамики показателя. Активируются микрографики в блоке опций. Разумеется для их построения нужны более полные данные. Собрал google-табличку в качестве примера, можно вставлять сразу в Tilemapper для экспериментов:
https://docs.google.com/spreadsheets/d/1YQ0ahil4X6Rhpc1skwDHHL3V3nG4hfZJ1_xaC-RqaJ0
Сохранил для демонстрации несколько разных дизайнов плиток. 🤓
https://mizinov.pro/tilemapper
#сделалпроект
https://docs.google.com/spreadsheets/d/1YQ0ahil4X6Rhpc1skwDHHL3V3nG4hfZJ1_xaC-RqaJ0
Сохранил для демонстрации несколько разных дизайнов плиток. 🤓
https://mizinov.pro/tilemapper
#сделалпроект
👍27🔥12❤4🤔2