ДЕНЬ DATA
Про данные
Пара слов о сегодняшнем дне
РАЗБИРАЕМСЯ
Буллетчарты
Что это такое
Спарклайн (от англ. spark – искра) – миниатюрная, компактная диаграмма, в которой нет подписей данных, шкал, названий категорий, аннотаций. Они показывают динамику изменения показателя на отрезке времени. Спарклайны обычно иллюстрируют данные в таблице (располагаются рядом), показывая тренд и наглядную историю значений. В отличие от обычного графика, который нацелен показать максимум данных, спарклайны - нацелены на то, чтобы показать самое основное и скорее быть дополнением.
Спарклайном может быть и линейный график, и столбиковая диаграмма. Главная фишка спарклайнов – это правильное форматирование: уберите подписи осей и точек, сделайте линии тонкими и простыми, не показывайте размерность шкалы.
Поставьте спарклайны на одном уровне с нужной таблицей и получите краткую визуализацию большого количества цифр в компактном виде.
Спарклайном может быть и линейный график, и столбиковая диаграмма. Главная фишка спарклайнов – это правильное форматирование: уберите подписи осей и точек, сделайте линии тонкими и простыми, не показывайте размерность шкалы.
Поставьте спарклайны на одном уровне с нужной таблицей и получите краткую визуализацию большого количества цифр в компактном виде.
Как построить
Этап 1. Создание
1. Добавьте поле с датой в Columns, выбрав Continuous формат даты
Пилюля должны быть зеленого цвета
2. Добавьте нужную категорию в Rows
3. Добавьте нужную меру в Rows
4. Зайдите в настройки оси - нажмите правой кнопкой по шкале - и снимите галочку с бокса Include Zero
Тем самым, вы исключите отображение всей оси с нуля: это уберет лишнее место под графиком
5. В том же меню, выберите Independent axis range for each row or column (Независимые оси)
Этим шагом вы сделаете оси независимыми для каждого значения вашей категории
6. Скройте заголовки осей для меры и даты, оставив только подписи категории
По сути, вы создали обычный график - лишь сделали пару настроек у осей. Главное - его дальше хорошо отформатировать.
Этап 2. Форматирование
1. Измените размер и сделайте спарклайны компактными
2. Уменьшите толщину спарклайнов (через Size)
3. Добавьте и настройте тултипы (через Tooltips)
4. Уберите границы, рамки, нулевые линии (zero lines), и сетку на фоне
Подробнее тут →
1. Добавьте поле с датой в Columns, выбрав Continuous формат даты
Пилюля должны быть зеленого цвета
2. Добавьте нужную категорию в Rows
3. Добавьте нужную меру в Rows
4. Зайдите в настройки оси - нажмите правой кнопкой по шкале - и снимите галочку с бокса Include Zero
Тем самым, вы исключите отображение всей оси с нуля: это уберет лишнее место под графиком
5. В том же меню, выберите Independent axis range for each row or column (Независимые оси)
Этим шагом вы сделаете оси независимыми для каждого значения вашей категории
6. Скройте заголовки осей для меры и даты, оставив только подписи категории
По сути, вы создали обычный график - лишь сделали пару настроек у осей. Главное - его дальше хорошо отформатировать.
Этап 2. Форматирование
1. Измените размер и сделайте спарклайны компактными
2. Уменьшите толщину спарклайнов (через Size)
3. Добавьте и настройте тултипы (через Tooltips)
4. Уберите границы, рамки, нулевые линии (zero lines), и сетку на фоне
Подробнее тут →
Виды спарклайнов
Спарклайн может быть не только линейным графиком, но еще и показывать столбики, как бар-чарт.
При этом, можно показывать как абсолютные значения, так и отклонения. Можно выделять столбики цветом или оставить единый цвет для всего графика. Можно выделять каждую точку на графике, а можно не выделять никакую.
Спарклайн может быть не только линейным графиком, но еще и показывать столбики, как бар-чарт.
При этом, можно показывать как абсолютные значения, так и отклонения. Можно выделять столбики цветом или оставить единый цвет для всего графика. Можно выделять каждую точку на графике, а можно не выделять никакую.
СОВЕТ
Отмечайте контрастными точками минимальные/максимальные значения, или самые первые/последние значения. Для отмеченных двух точек можно вывести подписи данных.
Точки как маркеры минимальных и максимальных значений
История создания
Спраклайн был придуман в 1983 году Эдвардом Тафти - гуру визуализации данных, чьи книжки мы рекомендовали вам к прочтению.
В начале своей карьеры, Тафти никак не был связан с той областью, в которой он затем прославился - с визуализацией информации. Он закончил Стэнфордский университет, где получил степень бакалавра, а затем и магистра по статистике. В 1975 году он был приглашен преподавателем статистики для группы журналистов. Для них он разработал курс лекций по статистическим графикам. Материалы этого курса потом легли в основу его первой книги по информационному дизайну. Книга "Визуальное представление больших объемов информации" уже считается классикой. Издание книги в 1982 году Тафти профинансировал самостоятельно, взяв вторую закладную на дом.
В начале своей карьеры, Тафти никак не был связан с той областью, в которой он затем прославился - с визуализацией информации. Он закончил Стэнфордский университет, где получил степень бакалавра, а затем и магистра по статистике. В 1975 году он был приглашен преподавателем статистики для группы журналистов. Для них он разработал курс лекций по статистическим графикам. Материалы этого курса потом легли в основу его первой книги по информационному дизайну. Книга "Визуальное представление больших объемов информации" уже считается классикой. Издание книги в 1982 году Тафти профинансировал самостоятельно, взяв вторую закладную на дом.
Эдвард Тафти
Изначально графики, похожие на спарклайны, использовали в медицине и науке. При помощи простых линий показывали, например, ритм биения сердца или звуковые волны. В 1970 году NASA опубликовало отчет о проблемах в лунном модуле Apollo, в котором была вот такая страничка:
Где спарклайн?
Эдвард Тафти популяризировал эти графики - сейчас их используют не только в астрофизике, но и в финансовых отчетах в обычных компаниях.
Примеры
Посмотрев на прикладные примеры, ниже подборка примеров в визуализациях на дашбордах и отчетах.
СОВЕТ
Не нужно делать спарклайны слишком высокими или слишком широкими. Должно сохраняться оптимальное соотношение сторон.
Идеальное соотношение сторон
Еще раз о самом главном: правильное форматирование!
ПРАКТИКУЕМСЯ
Вводный блок по практике
Датасет / Еще раз о датасете
Список результатов Олимпийских игр по следующим характеристикам: атлеты, медали, вид спорта, год и место проведения.
Скачать датасет
Скачать датасет
Задание
1. Какие Олимпийские игры собрали наибольшее количество спортсменов? (line chart)
2. На каких Олимпийских играх было (зимних и летних) завоевано больше всего золотых медалей?
3. На каких Олимпийских играх (зимних и летних) был самый низкий (в среднем) рост среди спортсменов?
4. С какого года начали проводиться Олимпийские игры попеременно?
5. Сколько всего за историю игра завоевала команда Зимбабве золотых медалей? (area chart)
6. Когда начали соревноваться женщины в водном поло?
7. Кто был самым легким спортсменом команды из Австралии за все игры?
И как всегда на вопросы поможет ответить могущественный tooltip или контекстное мены магическим View Data
Скачать задание в виде книжки Tableau
2. На каких Олимпийских играх было (зимних и летних) завоевано больше всего золотых медалей?
3. На каких Олимпийских играх (зимних и летних) был самый низкий (в среднем) рост среди спортсменов?
4. С какого года начали проводиться Олимпийские игры попеременно?
5. Сколько всего за историю игра завоевала команда Зимбабве золотых медалей? (area chart)
6. Когда начали соревноваться женщины в водном поло?
7. Кто был самым легким спортсменом команды из Австралии за все игры?
И как всегда на вопросы поможет ответить могущественный tooltip или контекстное мены магическим View Data
Скачать задание в виде книжки Tableau
Решение задания предыдущего дня
Цитата
// Автор
// Автор
ВДОХНОВЕНИЕ
Полезные ссылки по теме
Everyday we work hard to make life of our clients better and happier
Серия статей про сеты
Когда использовать фильтры, группы и сеты?
Чемпионат по дашбордизму, проводимый ежегодно Tableau
Масштаб более 17 тыс участников
Видео
Everyday we work hard to make life of our clients better and happier
Документальный фильм о типографике и шрифте Helvetica
Helvetica documentary, 2007
МАТЕРИАЛЫ
Наши Артефакты
Помогут Вам лучше усвоить и вовремя вспомнить основные элементы методик, подходов, последовательностей действий, проверенных практик
Постер "Базовые аналитические практики"
ДатаЙога
Набор для Размышления над Задачей
ДатаЙога
Книги
Everyday we work hard to make life of our clients better and happier
Book design is the art of incorporating the content, style, format, design, and sequence of the various components of a book into a coherent whole. In the words of Jan Tschichold, "methods and rules upon which it is impossible to improve, have been developed over centuries. To produce perfect books, these rules have to be brought back to life and applied."
Front matter, or preliminaries, is the first section of a book, and is usually the smallest section in terms of the number of pages. Each page is counted, but no folio or page number is expressed, or printed, on either display pages or blank pages.
Front matter, or preliminaries, is the first section of a book, and is usually the smallest section in terms of the number of pages. Each page is counted, but no folio or page number is expressed, or printed, on either display pages or blank pages.
Visual Research
Tilda Publishing
Visual Research
Tilda Publishing
Итоги этапа
Знакомимся с маршрутом марафона, настраиваем экипировку и рюкзак с необходимыми инструментами, определяемся с подходами к обучению, разбираем экосистему продуктов Tableau и способы присоединиться к вашим данным, вдохновляемся примерами работы визуализаторов и готовимся погрузиться в терминологию табло и построить первые визы
~
