Как создать круговую диаграмму. Infogram

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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