технология

Как создать круговую диаграмму с помощью infogram.com

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

Круговую диаграмму часто используют в презентациях и офисных документах. Построить ее можно с помощью сервиса infogram.com.

Проведите подготовительную работу.

  • Выберите тему, которой будет посвящена круговая диаграмма. Соберите данные.
  • Внесите их в таблицу. Так будет легче копировать и вставлять информацию в таблицу на сервисе. Проверьте на ошибки.

Открывайте infogram.com. Сервис предлагает пользователю несколько способов для авторизации: через аккаунты в Фейсбуке, в Google, в Twitter, в LinkedIn или через регистрацию.

Вверху сервиса есть шаблоны проектов. Выбирайте, где написано «Infographics». Назовите график и нажимайте «Create». Стандартный шаблон можно менять под размеры вашего сайта.

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

Кликните на инфографику два раза, справа откроется таблица для внесения данных. Удалите из шаблонной таблицы данные в столбике «С». Пока не все читатели догадываются, что серый фон на инфографике служит для переключения между двумя графиками. И такое переключение понадобится, если вы сравниваете одинаковые данные за разные периоды или по разным территориям.

Внесите информацию из заготовленной таблицы в таблицу на сервисе. Столбик «А» — название частей. Столбик «В» — непосредственно данные.

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

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

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

Когда ваш график будет готов, добавляйте его на сайт. Сервис infogram.com позволяет скачивать готовую инфографику, если у вас есть платная подписка на сервис. При бесплатной — дает возможность получить код.

Нажимайте в правом верхнем углу Share, затем — во всплывающем окне — Embed. На сервисе предусмотрены отдельные настройки кода под разные платформы — например, адаптивность размеров, специальный код для сайтов на WordPress. Мы не можем сказать, какой именно код подойдет для вашего сайта. Пробуйте.

Ну и напоследок, несколько идей для круговой диаграммы:

  • как распределен бюджет города, области или семейный бюджет;
  • как и на что человек тратит время в сутках;
  • как распределились голоса между кандидатами на выборах;
  • как распределились голоса в опросе;
  • сколько человек и на каких предприятиях работают в городе/области.

С помощью этой технологии были реализованы следующие проекты

Над материалом работала
Ольга Бердецкая

Иллюстрации:
скриншоты сервиса infogram.com

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!