8 способов улучшить визуализацию данных



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

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

    1. Форматируйте числовые данные


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

    • Сколько знаков после запятой вас действительно интересуют и несут смысл?
    • Устраивают ли вас единицы измерения?
    • Какой качественный смысл несет это число, и можем ли мы это дополнительно обозначить символами? (Например, в случае с валютой, объемом трафика и тд)


    2. Сортируйте


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



    3. Используйте условное форматирование


    Условное форматирование дает вам быстрый визуальный сигнал о принадлежности к определенной группе. Для условного форматирования можно задать определенные границы (перечень значений), указав цвет(или индикатор) для каждого интервала значений для каждого отдельного значения.





    Также с помощью условного форматирования можно выделять характер изменения показателей (снижение или повышение).



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

    4. Придумайте хорошие названия диаграммам


    Название диаграммы должно быть понятным для пользователя, лаконичным, но при этом четко описывающим то, что изображено на диаграмме, и то, что должны увидеть пользователи. Названия диаграмм следует указывать, даже если вам кажется, что изображённое говорит само за себя. Не обязательно то, что ясно вам, будет также понятно другим.




    5. Проверьте название полей


    Обратите внимание на все поля, которые присутствуют в ваших диаграммах (как на видных местах, так и в возможных всплывающих подсказках, которые появляются при наведении/клике). В диаграммах не должно быть черновых или технических названий полей, это значительно снижает их читабельность и возможность быстрого понимания.

    6. Добавьте линии тренда


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



    7. Добавьте фильтры


    Фильтрация позволяет быстро добавить или удалить из диаграммы определенные события. Фильтрация может быть разная: по ключевым полями значениям, по времени и др.



    8. Добавьте иерархию и детализацию


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



    Все примеры были проиллюстрированы с помощью платформы анализа машинных данных Splunk.

    Заключение


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

    Если вам интересна эта тема, то пишите комментарии, мы будем рады вам ответить. Подписывайтесь в нашу группу VK и канал Telegram, если хотите быть в курсе новых статей.
    TS Solution
    101,74
    Системный интегратор
    Поделиться публикацией

    Комментарии 6

      0
      Еще помогает интерактивность, например, показ конкретного значения на графике при наведении указателя, чем, собственно, страдает «печатная» инфографика
        0
        Согласна, если интерактивность возможна, то лучше ее добавить, и это будет большим плюсом. Но главное не переусердствовать, чтобы от этого не страдала смысловая наполненность для «ленивых» пользователей, которые не будут проверять, где же еще можно нажать, что получить дополнительную информацию.
        0
        Ещё хотелось бы добавить к 4-ому пункту:

        название большой таблицы должно показывать тенденции и/или выводы: вместо “население Земли в 20 веке” -> “Рост населения Земли в 20 веке”, вместо “связь ударопрочности и температуры” -> “снижение ударопрочности при снижении температуры”. Иными словами помогаем читателю сделать выводы, ДО того как он начал вчитываться в данные по этой таблице
        (М. Ильяхов)
          0
          Да, хорошее добавление, спасибо! В презентациях или печатных раздатках лучше даже в заголовках указывать выводы с точными значениями, например «Рост объема продаж на 20% за 2017 год».

          Но есть нюанс: это подходит только для стабильных, «печатных» диаграмм. Если же есть вероятность, что тенденции могут измениться или добавятся новые значения, то заголовок может стать нерелевантным.
          0
          Почему-то подумал, что будет информация о библиотеке (js), как прикрутить графики на сайт, как на КДПВ.

          Может стоит еще статью написать о том, а каких случаях какие диаграммы (круговые, столбики) или графики (линия, точки) лучше использовать. Понятное дело, что делить что-то на части диаграммой лучше, но может быть поделитесь опытом в этом направлении. Экзотические случаи особенно интересно.

          Еще (нумерация совпадает с разделами в статье): 1. Всегда думал, что разряды числа в математике вообще не отделяют, а для чтения — пробелы используют, у вас — запятые. 2. Помимо сортировки может быть стоит добавить и цветовое разделение, чтобы не просто смотреть на одноцветный склон? 4. Разве нужен график для одного единственного значения — можно просто указать кол-во транзакций просто числом, как в первом разделе? Это же не слайдер для выбора значения перетаскиванием.

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

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

            1. Всегда думал, что разряды числа в математике вообще не отделяют, а для чтения — пробелы используют, у вас — запятые.

            Разделители существую разные, для каждой страны есть свои традиционные разделители, для России это пробел или точка. Если интересно подробнее, то в Википедии есть таблица с разделителями, принятыми в разных странах.
            В данном случае, у нас разделяются разряды запятыми, так как продукт, с которым работаем, американский.
            2. Помимо сортировки может быть стоит добавить и цветовое разделение, чтобы не просто смотреть на одноцветный склон?

            Пункт 3 это и подразумевает, только пример уже дан в виде таблицы. Просто не хотелось в один пункт сразу мешать все.

            Разве нужен график для одного единственного значения — можно просто указать кол-во транзакций просто числом, как в первом разделе?

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

            Спасибо за советы в развитии темы.

          Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

          Самое читаемое