🗞 Виз Ньюз

Поделюсь еще одним курсом от друзей-коллег. Ребята из @setka_design на днях запустили JavaScript курс по созданию красивых, динамичных, интерактивных сайтов.

Это не датавиз, но навыки очень смежные, особенно если хотите делать сложные дата-журналистские проекты. Считаю, что изучать вэб-разработку через такие вот творческие задачи — самый веселый и правильный способ это делать. Всем удачи!

Фантастические сайты на Джаваскрипте

Видели когда-нибудь крутые сайты с плавными анимациями, красивыми эффектами и интерактивом? Те сайты, которые попадают на Эвввордс и выигрывают международные премии. Про которые думаешь: «офигеть, как они вообще такое сделали?»

Такие сайты не соберёшь на Тильде и даже не нарисуешь в Фигме. Их программируют на Джаваскрипте. И это делают не программисты, а дизайнеры-программисты, которые умеют и придумывать крутые эффекты, и сразу же их кодить.

Мы верим в то, что быть таким специалистом выгодно:
— умеешь делать то, что остальные не умеют; делаешь классные сайты другим на зависть;
— можешь комбинировать скиллы на стыке дизайна и технологий; становишься более уникальным и универсальным специалистом, получаешь рыночное преимущество;
— можешь работать в одиночку, не привлекая программиста, который будет реализовывать все задумки;
— легче встраиваешься в технические команды, потому что разговариваешь с разработчиками на одном языке.

И вообще, уметь кодить полезно, даже если не собираешься становиться программистом:
— начинаешь понимать, как примерно устроено внутри всё, чем пользуешься каждый день: сайты, веб-приложения и информационные системы;
— это помогает делать макеты, к которым у разработчиков нет вопросов (особенно это ценно для продуктовых дизайнеров);
— это хорошая инвестиция в будущее; зная Джаваскрипт, будет значительно легче освоить фронтенд-фреймворк или выучить другой язык;
— это весело и иногда похоже на магию.

В прошлом году мы решили, что этой магии можно научить дизайнеров, и провели живой поток курса «Джаваскрипт по-дизайнерски». А потом долго-долго готовили его к выпуску в записи.

И вот.

Фантастические сайты на Джаваскрипте

Курс, на котором мы учим основам JS и показываем реализацию самых распространённых интерактивных эффектов в вебе.

12 занятий, оформленных в виде телеграм-каналов. В каждом канале — видеолекция, домашка, квизы, референсы для вдохновения и другие дополнительные материалы.

Подробная информация, программа, FAQ, формат, тизер и отзывы — на обновлённом лендинге.

Купить доступ можно через телеграм-бота: @gendesign_bot.

Продолжаем образовательную тему. Observable взял пример с Datawrapper и начал писать в блог образовательные посты с кликбейтными заголовками:

🖥️ Seven ways to design better dashboards (Семь способов создать более эффективные дашборды)

🍩 Everything you think you know about pie charts is wrong (Всё, что вы знаете о круговых диаграммах — неправда)

📊 Five techniques to improve chart annotations (Пять методов улучшения аннотаций к графикам)

🎞️ Five ways to effectively use animation in data visualization (Пять способов эффективно использовать анимацию в визуализации данных)

📉 It’s never okay to crop the y-axis, except when it is (Обрезать ось Y никогда не допустимо — кроме тех случаев, когда это всё-таки допустимо)

@dataviznews

📖 Вышел текстовый курс Настеньки по визуализации данных — значимое событие в мире русскоговорящего датавиза! Если вы давно хотели освоить теорию, но что-то мешало, это отличная возможность: https://nastengraph.ru.

А еще тем, кто хорошо владеет английским, я всегда рекомендую блог Datawrapper: https://blog.datawrapper.de. Когда меня о чём-то спрашивают, я, как правило, отсылаю именно туда, если там есть подходящая статья.

Ура ура наконец-то лендинг курса "гибкий график" 🚀

Сегодня первый запуск курса! 11 глав, куча домашек с обратной связью от графиков до дэшбордов 🤓

Посмотреть, что внутри и купить можно по ссылке
👉 https://nastengraph.ru/ 👈

Курс текстовый, можно читать даже с телефона и проходить в своем темпе. Максимально комфортно будет проходить 1-2 главы в неделю, чтобы успевать практиковаться. Уже создала чатик и буду рада вас там увидеть 🧡

ps по любым вопросам по курсу пишите на почту [email protected]

Невероятной красоты проект Refik Anadol Studio и Данилы Криворучко. Огромная дата-инсталляция на 220 кв. метров для турецкого банка Akbank.

Вот, что пишит Данил о проекте в своем канале:

«Из интересного там была часть с пред-обработкой данных, когда многомегабайтную таблицу с парой десятков столбцов и десятками тысяч строк, в которой были какие-то транзакционные данные из этого банка, с помощью UMAP ml-алгоритма сегментировали и ужали до 6 измерений (координаты и цвет). И вот это уже было отправной точкой для симов.»

Студия: Refik Anadol Studio
Дизайн / 3D: Danil Krivoruchko

https://myshli.com/project/akbank-x-refik-anadol

☝️У Настеньки много полезной информации о линейных графиках, очень кратко и по делу. Но готов поспорить с первым пунктом, что линейные графики подходят только для временных данных.

На прошлой неделе показывала кусочки курса, который будет в конце января. Вот, кстати, глава из него на потрогать и посмотреть ✨

Визуализация данных во времени – одна из самых частых задач. Линейные графики так точно попадают в топ самых популярных визов, но не только их можно использовать, чтобы показать динамику.

📍 Хочу добавить туда еще больше примеров. Если у вас есть классные примеры линейных и не только, присылайте на почту [email protected], буду очоч рада и постараюсь включить их в курс!

⌛️Читать тут: https://nastengraph.ru/chapter4

ps на картинке кусок про "что делать с двойными осями"
pps я часто делаю очепатки и совсем их не вижу, простите за это 🙈

🪐💞🐍 Космограф виджет для Python!

Предновогодний сюрприз для дата-сайентистов работащих с Python. Мы аносируем публичный бета релиз Cosmograph Jupyter Widget для визуализации больших графов и AI эмбеддингов! Виджет еще умеет не все, что умеет приложение и JavaScript библиотека, но он обязательно научится!

О том как работать с виджетом можно узнать в документации на нашем сайте. Или просто посмотрите эти Colab ноутбуки:
- Сosmograph Widget
- Mobius in Cosmograph Widget
- Clusters in Cosmograph

🛸 Не забывайте — это бета-релиз и в нем наверняка есть баги (я уже нашел). Не стесняйтесь, пишите в https://github.com/cosmograph-org/py_cosmograph/issues, мы поправим!

🎄 И, напоследок, поделитесь, пожалуйста, этой новостью с вашим дата-сайенс другом. Кто знает, может быть ему нечем заняться в праздники...

@dataviznews

❤️‍🩹 Пост поддержки — Кристине Уласович из нашего маленького датавиз / дата журналистского сообщества нужна помощь.

Если у вас есть связи в системе здравоохранения Москвы — напишите ей @ave_kirsten

Совместный проект Кристины и Марии Хомутовой в прошлом году вошел в шортлист Information is Beautiful Awards, на церемонии награждения которой мы и познакомились.

Ниже привожу текст от Кристины:

«Дорогие все.

Так случилось, что в моей семье ужасное горе - мама заболела раком, IV стадия.
Не передать словами, насколько ужасный был месяц: 3 недели в реанимации, опасная для жизни операция, ТЭЛА.

Она сейчас в состоянии средней тяжести после всего пережитого — у нее пневмония, нарушены двигательные функции, кислородотерапия. Но есть положительная динамика по восстановлению.

В таком состоянии, как у нее сейчас, химию делать нельзя. А ей она нужна, потому что есть метастазы. Единственный наш шанс — это чтобы мама долечилась и прошла реабилитацию. Однако наша больница долечивать ее не очень хочет и настаивает на паллиативе, но остановиться на полпути, сдать ее в хоспис и опустить руки сердце мне не позволяет.

Я обычно стараюсь все вытянуть сама, но тут мне просто не хватает собственной мощи. Если вы знаете кого-то, кто мог бы помочь в этой ситуации - может быть, маму удастся перевести лечиться в другую больницу, в реабилитационный центр, где ей можно будет дать шанс восстановиться - или знаете, что можно ещё сделать, то напишите мне или просто поделитесь моей историей.

Скоро Новый год, и моей семье очень нужно чудо. Я уже потеряла папу в 2018 году, и я должна попытаться сделать все, чтобы не потерять еще и маму.

P. S. Если вы или ваши родители знакомы с моей мамой, то пока что ей не пишите, пожалуйста. Она не знает всю полноту диагноза, сейчас ей это не нужно — иначе страх застопорит прогресс.»

Сегодня ровно 2 года с момента публичного релиза Unovis — моей веб библиотеки для визуализации данных 🥳

Приятно наблюдать за тем, как проект растет — сейчас он собирает по 20 тысяч еженедельных загрузок на NPM, а на GitHub все больше и больше людей помогают писать код.

Так что если вы вдруг ищете фронт-енд библиотеку для визуализации, которая проста в использовании и выглядит не стыдно, то обратите на Уновиз внимание.

🎄 А еще сегодня мы выложили версию Unovis 1.5 с поддержкой SolidJS и множеством улучшений. Перечислять их здесь я не буду, если интересно — добро пожаловать на страницу релиза https://unovis.dev/releases/1.5

@dataviznews

В октябре 2024 года NASA отправило космический аппарат Europa Clipper к Европе — спутнику Юпитера с возможным океаном под ледяной корой.

На борту есть треугольная пластина, защищающая электронику от радиации Юпитера, на которой выгравировано визуальное представление слова «вода» на 103 языках мира.

Впомнил, что у меня тоже есть дата-арт в космосе 😎. Только вот Planent удивительным образом слились и даже ничего не написали про эту историю.

https://europa.nasa.gov/spacecraft/vault-plate (подсмотрено @DenisZdesign)

@dataviznews

Проект от автора самого UMAP! Карта публикаций на ArXiv.

Я несколько лет назад выкладывал похожую статичную визуализацию, но эта на порядок интереснее. Тут и интерактивный таймлайн, и поиск, сделано аккуратно, и даже можно в псевдо 3D 🙂

https://lmcinnes.github.io/datamapplot_examples/arXiv/

@dataviznews

Смотрите какая красота! Это мы делаем алгорим кластеризации для Космографа. Coming soon!

@dataviznews

Целый месяц новостей (а точнее словосочетаний встречающихся в новостях) визулизированный в виде графа в Космографе. Особенно классно оно выглядит вкупе с таймлайном.

Собрали ребята из стартапа AskNews. Поиграться с самим графом можно тут 🪐

@dataviznews

Enrico Bertini провел мини-анализ статей про заголовки в визуализациях 📖

🔎 1. Заголовки привлекают внимание. Прям пример паттерна сканирования "слоеный пирог" – фиксация на заголовках. Про паттерны немного рассказывала тут.

🧠 2. Люди запоминают визуализации по заголовкам.
+1 причина, почему не стоит называть график просто график.

📝3. Основные идеи из графика тоже запоминаются по заголовкам.
Если заголовок содержит основную идею визуализации, то люди легко ее вспомнят, но если заголовок более общий – то и идея не запомнится.

⚠️ 4. Люди не особо замечают предвзятость в названиях.
Интересно, что даже если заголовок противоречит визуализации, люди это не замечают.

В этом году я сужу работы для Webby Awards (напомню, что мой проект Market Map в прошлом году вошел в топ 5 лучших работ в категории визуализации данных). И не могу не поделиться восхитительным скроллителлингом от National Geographics про Амазонку — Into The Amazon.

Больше всего мне, конечно же, понравилась часть с затопленным тропическим лесом отсканированным лидаром. Великолепная работа.

https://www.nationalgeographic.com/into-the-amazon/

@dataviznews

Давно не публиковал проекты, к которым имею непосредственное отношение. Наконец-то, появился повод — запускаю в бета-тестирование микросервис Tilemapper по созданию плиточних карт России на основе данных пользователей:

https://mizinov.pro/tilemapper

Принцип работы простой:
1. Загружаете данные:
— в виде CSV файла (код региона | значение параметра) или
— в виде ссылки на Google-таблицу (должна быть доступна на чтение по ссылке)
2. Настраиваете цветовую легенду и другие параметры плиток
3. Скачиваете результат в формате PNG или SVG

Плиточную раскладку взял свою, которую использует ТАСС (можно скачать с github). Tilemapper ориентирован на задачи срочной визуализации, без необходимости программирования или регистрации в платных онлайн-сервисах. 😎

Дальше планирую добавить пресеты цветовых раскладок и сохранение пользовательских настроек в локальный кэш браузера.

Велкам, пишите баг-репорты и отзывы или просто пользуйтесь по необходимости. Если возникнут вопросы по использованию — задавайте. 😊

#сделалпроект

Nomic анонсировали функцию скроллителинга, которую можно будет добавлять к своим картам.

Она показалась мне немного скучной, но, возможно, это из-за того, что у меня пока нет задачи, где эта функция была бы полезна.

Если бы вы таким пользовались, напишите в комментариях, пожалуйста, для чего именно.

https://www.nomic.ai/blog/posts/atlas-story-congressional-tweets

@dataviznews

Акула датавиза Моритц Стефанер (Moritz Stefaner) поделился новым проектом, над которым работал в последнее вермя — визуализация Индекса климатической уязвимости и конфликтов (CCVI, Climate—Conflict—Vulnerability Index).

«Проект впервые предоставляет целостный взгляд на глобальные риски, связанные с климатом и конфликтами, с высокой временной и пространственной детализацией.

На основе множества общедоступных источников данных, информация охватывает не только климатические опасности, но и уровень подверженности и уязвимости населения»

Кажется, у Моритца уже есть свой узнаваемый стиль в дата-дизайне. Его работы я начинаю узнавать просто глядя на них.

https://climate-conflict.org (данные тоже дают скачать, если хотите поиграться)

@dataviznews

Настенька пишет, что аналогичная карта есть еще и для публикаций c конференции CHI 2024 (посвященной взаимодействию людей и компьютеров, human-computer interaction).

1763 работы, и с каждым годом их все больше. Удачи, если хотите за всем этим следить 🙃 Хотя вот такие вот карты делают эту задачу немного проще.

У меня есть похожая карта для всех статей с https://vispubs.com, поделюсь на как-нибудь ей тоже.

@dataviznews

Недавно писал о ресурсе, на котором собраны тысячи исследовательских публикаций по визуализации данных.

И вот наткнулся на работу профессора Северо-Восточного университета (Northeastern University), в которой визуально собраны все публикации с еще идущей конференции IEEE VIS 2024. Мой любимый UMAP с навигацией и вспомогательными блоками.

История закольцовывается тем, что на конференции представлен его доклад о создании этого самого инструмента 🙂

Ссылка на интерактивную карту

@dataviznews

🔭 Коллеги исследуют рынок аналитиков

Вы наверняка уже читали об этом в соседних каналах, но не грех напомнить. Ребята из NEWHR с 2018 исследуют рынок и проводят регулярные опросы. И если не от нас с вами, то откуда у нас же возмуться данные о своей собственной индустрии.

Что исследуют?
- Зарплаты и их динамику.
- Рейтинг работодателей для аналитиков
- Где и как работают аналитики
- Как меняется зона ответственности аналитиков
- Как аналитики ищут работу и выбирают работодателя.
- Чему учатся аналитики
- Каких экспертов котируют

А вам что с этого?
- Ребята планируют делиться со всеми участниками исследования промежуточными результатами, а также обещают приглашение на закрытый стрим, где буду делиться всеми находками и отвечать на вопросы.

Окончательные результаты исследования будут опубликованы в начале 2025.

Ссылка на опрос: https://forms.yandex.com/u/66ea88f5e010db2807c79c4f/

Прикольный студенческий проект о генерации пространственных планировок (квартирных, например) с использованием диаграмм Вороного.

«В работе представлена методика создания планировок с использованием диаграмм Вороного, где формы комнат определяются расстоянием от точек Вороного. Такой подход позволяет гибко изменять планировку стен, перемещая эти точки, что помогает удовлетворять различные ограничения, такие как размеры и соединение комнат.

Алгоритм итеративно перемещает центроиды Вороного до тех пор, пока не будет достигнута оптимальная планировка. В итоге, эта методика предлагает интерактивный способ создания разнообразных и функциональных планов с минимальным участием пользователя."

https://github.com/nobuyuki83/floor_plan

@dataviznews

Делюсь с вами большущей доской, на которой собраны различные инструменты для OSINT — разведки по открытым данным. А вот тут еще можно посмотреть вебинар с обзором этих инструментов.

Автор — Клаудия Титце (Claudia Titze), известный в узких кругах OSINT специалист. Еще на ее сайте можно найти интересные видео, в которых она рассказывает про некоторые свои расследования.

@dataviznews

На этой неделе проходит крупнейшая в мире конференция по визуализации данных — IEEE Vis.

Я ее очень ждал и собирался ехать на нее лично, что бы провести демо новой версии Космографа, над которой мы сейчас активно работаем. Но судьба распорядилась иначе, и два мощных урагана во Флориде заставили организаторов перевести конференцию в онлайн формат, а демо-сессю вообще отменить 😭

Конференция эта с академическим уклоном, в этом году я с большим любопытством слежу за работами, связанными с LLM.

Если вам тоже интересно, то статьи оттуда можно найти на сайте https://vispubs.com, где собрано несколько тысяч академических публикаций по визуализации данных, начиная аж с 1986 года 🙀

@dataviznews

Мой прекрасный коллега Ярослав сделал залипательную визуализацию нашей болтовни наших дискуссий в дорогом-любимом датавиз-чатике. Радует, что чатик живёт и движуха не затухает 🤓

Fathom — компания Бена Фрая (Ben Fry), одного из авторов Processing — выкатили супер быстрый инструмент для анализа CSV файлов Excel-таблиц прямо в браузере под названием Rowboat.

Попробовал открыть файл на 500 мегабайт, и это заняло всего несколько секунд! Интерфейс тоже супер быстрый, за что отдельный респект.

Интересно, что под капотом. У меня есть догадки, но до конца докопаться не смог.

https://rowboat.xyz (бесплатно, но нужно зарегаться даже что бы пример посмотреть)

@dataviznews

По традиции забыл поделиться ссылкой. Держите — http://svg.wtf

Горячо любимая мной Амелия Ваттенбергер (Amelia Wattenberger) поделилась своим экспериментальным проектом для изучения синтаксиса SVG, на котором строится львиная доля всех онлайн визуализаций.

Можно через интерфейс добавлять визуальные элементы (SVG-примитивы, такие как прямоугольник, круг, и так далее), и тут же видеть, как меняется код, даже разобрать векторную кривую на части. А еще можно делать наоборот — менять код, и смотреть, как меняется картинка. Все по заветам Виктора Брета!

@dataviznews

И вот другой классный проект от них же — Dollar Street.

Фотографии людей и их быта с указанием уровня дохода. Данные немного устаревные, но сути это не меняет.

@dataviznews

Заметил, что много обсуждений вызвал факт, что Всемирный банк включил Россию в список стран с высоким уровнем дохода.

В связи с этим хочу поделиться визуализацией Income Mountains от Gampinder. По сути, это график распределения уровня доходов в мире.

Возможно, вы удивитесь, узнав, что половина людей в мире живут на сумму менее 8 долларов в день (700-800 рублей, включая все их траты).

Если вы получаете среднюю Московскую зарплату (данные разнятся, но давайте возьмем 100 тыс. рублей в месяц), то вы зарабатываете больше чем 85-90% людей на планете.

А если вы живете, например, в Калифорнии, получаете среднюю зарплату и вынуждены сводить концы с концами, то вы все равно входите в 0.5% самых богатых людей.

Выводы делайте сами, можем обсудить в комментариях.

@dataviznews

Коллеги ищут волонтеров для работы над интересным исследовательским проектом. Звучит, как отличная возможность прокачать свои навыки в машинном обучении, если вы начинающий специалист. Ниже привожу информацию и контакты.

---
Идея проекта — применить машинное обучение к теории групп, и в результате написать совместную статью в хорошем рецензируемом журнале.

Минимальное требование — вы знакомы с питоном, и у вас есть несколько часов свободного времени в неделю (альтернативно — можно не знать питон, но хорошо знать теорию групп). Будете работать под руководством опытных специалистов в области машинного обучения и приобрете навыки по современным методам нейронных сетей, reinforcement learning и т.д.

Если Вам интересно участие - напишите @alexander_v_c (Александр Червов), чат для обсуждений тут .

Проект осуществляется при участии опытных специалистов (и многие ведут телеграм каналы):
Александр Червов (к.ф.-м.н. 25 лет math&DS )
Кирилл Хоружий (ex-Физтех, Max Planck Institute of Quantum Optics)
Андрей Лукьяненко (Kaggle Grandmaster, 11 лет в IT &DS)
Александр Абрамов (Kaggle Master, SberDevices, 10 лет в DS)
Павел Снопов (ИППИ РАН)
Владимир Шитов (Helmholtz Munich)
Сергей Нечаев (д.ф.-м.н., directeur de recherche au CNRS-Universite Paris-Saclay)

Меньше чем через час обсуждаем Outlier с @analyst_club, приходите

https://youtube.com/live/-mUWP2qRSYo?feature=share

Кринжую от видео Алексея, на и ладно! Приходите в субботу послушать про то, как прошел Outlier 🦻

🌐Как проходила главная датавиз конференция года

С 12 по 14 июня в Чикаго проходила конференция Outlier 2024, это ежегодная конвенция Data Visualization Society - нашего всемирного "профсоюза".

Главной темой были Disruptive innovations (да, звучит интересно, и непонятно). Мой типичный доклад про дашборды, конечно же, не взяли, но я все равно поехал, чтобы живьем окунуться в эту атмосферу.

А в рубрике мир тесен оказался Никита Рокотян, победитель Information Is Beautiful 2023 и World Visualization Prize 2019, автор канала Виз Ньюз. Мы с ним земляки, но в Екатеринбурге ни разу не пересекались, зато на другом конце планеты удалось встретиться.

И мы решили завтра устроить подкаст, поделиться с вами инсайтами и трендами, которые вынесли с этой конференции.

🔹Начнем на Ютубе 21 июня в 18 мск (у Никиты это будет 8 утра, у меня 11)

🔹 Трансляция состоится тут

Вот и закончился Outlier в Чикаго. Было интересно и весело. Повстречались с @analyst_club вживую.

Лишний раз убедился в том, что международное датавиз-сообщество открытое и разнообразное (аналитики, разработчики, художники, ученые, …). А еще оно динамично меняется, много новых лиц. Это вам не научные конференции, где из года в год одни и те же люди 🙂

Из того, что запомнилось: был веселый доклад Илая Холдера (Eli Holder) из студии 3iap про их работы. В том числе про то, чем может быть чревато плохое отображение погрешностей на графиках; а еще про поляризацию политических взглядов с занимательными иллюстрациями.

И выступление Стива Франконери (Steve Franconeri, профессор психологии Visual Thinking Lab, Northwestern University) про то, как наш мозг воспринимает визуализации. Стив поделился своими исследованиями и другими материалами и доклада тут.

Ну и мои слайды тоже держите 👇

@dataviznews