Создаём гонку
линейных графиков
или диаграмм
Для одних историй достаточно сделать «неподвижный срез ситуации», зафиксировать цифры в виде графика или диаграммы. Для других важно показать динамику изменений. Давайте освоим динамичный формат представления данных.
В чём разбираемся
  • 1
    Как выбирать формат инфографики в зависимости от истории
  • 2
    Как сделать увлекательную инфографику из небольшого количества данных
  • 3
    Как работать в сервисе Infogram
Какую историю можно рассказать, опираясь на такие данные?
У инфографики в современных российских медиа непростая судьба. Доступность инструментов для рисования линейных графиков и круговых диаграмм поначалу привела к всплеску интереса к этим форматам.

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

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

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

Да, для сложной инфографики в команду стоит звать аналитика и дизайнера, но десяток простых форматов вполне может освоить любой человек. Главное — преодолеть свою иллюзорную «гуманитарность».
Изучаем примеры
Проанализируйте проекты. Сформулируйте для себя, удерживает ли внимание пользователя такая подача. Найдите ошибки/неточности в представлении данных.


Попробуйте сформулировать в одном-двух предложениях, какую мысль хотели донести авторы этих видео. Умение объяснять, что именно вы хотите сказать (или понимать, что именно хотел выразить рисунком ваш коллега), вам обязательно пригодится при работе в мультимедийной команде.
Любой контент «летит» на двух крыльях — содержании и форме. Если нет интересных данных, увлекательной истории, никакой навороченный мультимедийный формат не спасёт материал. Но правило работает и наоборот. Если для классной темы вы подобрали невнятный, неяркий формат — пользователь проскочит мимо, не заметит вашу публикацию. Нужен баланс между формой подачи и содержанием.
Оксана Силантьева
мультимедийный продюсер,
автор пособия «92 мультимедийных формата»
Анализируем примеры
Всегда обращайте внимание на то, какие именно данные представлены в проекте. Изучите эти два примера. Определите, что означают цифры в этих диаграммах.
Столбиковая диаграмма или линейный график?
Как сборная России выступала на летних Олимпиадах?
Графики отлично подходят для сравнения одного или нескольких наборов величин, они могут легко отображать самые низкие и высокие показатели. Читайте подробнее

Классическая столбиковая диаграмма оперирует горизонтальными или вертикальными столбцами для демонстрации дискретных, числовых сравнений между разными категориями. На одной оси диаграммы представлены конкретные сравниваемые категории, а на другой — шкала дискретных значений. Читайте подробнее
Всегда задавайте себе вопросы: «Какие данные я сравниваю?» и «Что я хочу продемонстрировать пользователям?»
Рейтинг вузов — участников
Стипендиальной программы
Владимира Потанина
Отрабатываем порядок действий, необходимых для создания гонок диаграмм или линейных графиков
1
Выбираем тему, связанную со сравнением показателей
Какую историю мы будем рассказывать? Сравнивать что с чем? Показывать динамику изменений?
2
Находим и верифицируем данные
Уточняем значения и источники данных. Если в одном материале мы используем данные из разных источников, дважды проверяем, какие именно величины в каких единицах мы сравниваем (чтобы не поставить рядом, например, тонны и килограммы).
3
Выбираем тип инфографики
График — это наглядное представление зависимости одной величины от другой. Диаграмма — это графическое изображение, которое показывает соотношение каких-либо величин.
4
Визуализируем данные
Показываем «свежей голове», тестируя понятность того, что мы хотим сказать.
5
Пишем заголовок, лид и текст материала
Делаем подводку к визуализации, заголовок должен привлекать внимание, лид (первый абзац истории) — ориентировать пользователя в вопросе, который вы поднимаете. Опишите текстом самые главные выводы, на которые пользователь должен обратить внимание. Пишите просто и понятно, без длинных предложений и множества причастных оборотов.
6
Публикуем материал
Размещаем инфографику на сайте или в блоге, проверяем кликабельность интерактивных элементов. Проверяем наличие ссылки на источник данных.
Как создать гонку графиков в сервисе Infogram
Гонка столбчатых диаграмм, созданная в сервисе Infogram, будет выглядеть на сайте так. Чтобы посмотреть анимацию, нажмите на значок «play» под графиком.
Такой вид графика рекомендуем использовать для визуализации данных за большой промежуток времени. Возьмите данные не менее чем за 5 лет.
Проведите подготовительную работу.
1
Выберите тему, которой будет посвящена гонка графиков.
Соберите данные
2
Создайте таблицу в формате CSV или XLS, XLSX
Таблица загружается на сайт infogram файлом или ссылкой на документ в Google или Dropbox.

  • Первый столбец — для загрузки фотографий, можно оставить пустым.
  • Во втором столбце построчно впишите «участников» гонки.
  • Начиная с третьего столбца и дальше укажите временной период — год, месяц, день — который будет отображать гонка. Один столбец — одна временная точка.
3
Внесите данные в таблицу.
Проверьте на ошибки
Откройте infogram.com. Сервис предлагает несколько способов для авторизации: через аккаунты в Google, Twitter, Facebook*, LinkedIn или через регистрацию.

Кнопка «Начало работы» – в правом верхнем углу.
Откроется личный кабинет. Вверху сервиса расположены шаблоны проектов. Выбирайте, где написано «Infographics».

Назовите график и нажимайте «Create». Стандартный шаблон можно менять под размеры вашего сайта — для этого двигайте бегунок под шаблоном вверх или вниз или задайте размеры в колонке справа.
В меню слева выберите значок с графиком. Появится меню с разными видами инфографики. Нас интересует «bar race». Докрутите до него и нажмите, он автоматически встанет в страницу.
Нажмите два раза на график, справа откроется таблица для внесения данных. Данные можно вносить вручную или загрузить на сервис уже готовую таблицу.
Нажмите на график один раз, справа откроется панель инструментов для настройки графика.

Вы можете менять гарнитуру и размер шрифта, добавить или убрать легенду, изменить цвета для секторов графика, но сильно не увлекайтесь.
Добавьте заголовок и текст к гонке столбчатых диаграмм. Выберите в меню нужный вид текста: заголовок, подзаголовок, цитата.
Панель редактирования текстов – верхняя в левой панели.
Когда ваш график будет готов, добавьте его на сайт.
Нажмите в правом верхнем углу синюю кнопку «Share», затем — Embed.

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

Мы не можем сказать, какой именно код подойдет для вашего сайта. Пробуйте.
Как создавать гонки графиков или диаграмм
Подводим итоги.
  • Выбираем тему, которая долгое время останется актуальной для аудитории


    01
  • Собираем и верифицируем данные
    02
  • Подбираем формат, адекватный задумке
    03
  • Обязательно пишем заголовок и текст, помещающий визуализацию в контекст

    04
  • Проверяем, насколько понятно нам удалось донести мысль, следя за комментариями под публикацией
    FIN
* Деятельность Meta (включая деятельность Facebook) признана экстремистской и запрещена на территории России.