Как красиво показать секунды?

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

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

В этой статье рассмотрю круговую диаграмму, которая отображает минуты. Диаграмма сделана в Excel и автоматически перестраивается при изменении данных.
Форма самой диаграммы напоминает секундомер, а градиентная заливка придает динамику и дизайн. Для построения пришлось применить несколько хитростей.
БЫЛО / СТАЛО

Готовый шаблон

Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 700 руб.
Просто подставьте свои данные и получите готовый красивый график.
Оплата телефоном по QR-коду
или кнопкой на сайте.
Без регистрации.
Сразу после оплаты будет
страница со ссылкой на файл.

Где применяется диаграмма?

Круговая диаграмма измеряющая секунды, может быть использована:
  • Презентации где показано время реакции системы.
  • Отчете с техническими показателями измеряемыми в секундах
  • Спортивных презентациях
  • В образовательных презентациях.

ИНСТРУКЦИЯ КАК ПОСТРОИТЬ ДИАГРАММУ

Пройдем все этапы создания шаг за шагом.
Сначала создаем стандартный график.
Чтобы потренироваться скачайте учебный файл:
Поставьте закладку в браузере на инструкцию - обязательно пригодиться.

Первый слой

Основная особенность этой диаграммы это многослойность. Ведь стандартная диаграмма выглядит достаточно скучно. А диаграммы с большим количеством точек сложно форматировать и форматирование остается только в ручном формате. Поэтому сначала создадим стандартную диаграмму, а далее будем работать на ее основе.
Уберем название диаграммы и легенды, в них нет необходимости.

Оформление кольца

Основной сектор показывающий количество отмеряемого время окрасим в технике градиент. Это придаст изображению динамики.
Продолжим настройку градиента.
Второй сектор отметим нейтральным серым цветом.
-- / --
Второй слой
Добавляем второй ряд, который расположим над полученным кольцом.
Перенесем на вспомогательную ось полученный ряд.
Стилизация внешнего ряда
Настроим диаметр внутреннего отверстия для обоих рядов, для придания им большего изящества и освобождения внутреннего пространства.
Убираем заливку ряда и увеличим ширину границ для точек. Так мы получим кольцевую диаграмму похожую на циферблат секундомера.
-- // --

Графические элементы

Добавим круг поверх диаграммы, которая послужит границей секундомера.
Сделаем круг прозрачным и сделаем светло-серую границу.
Добавляем надпись в центре кольца и связываем её с ячейкой С4.
Настраиваем формат числа.
Сделаем копию надписи и заменим текст надписи на "сек". Уменьшим шрифт.
Результат
С помощью стандартных инструментов Excel, мы построили уникальную по своему виду и дизайну диаграмму. Она действительно выделяется на фоне других графиков.
Заготовленный шаблон учебного файла, создает 60 делений, а при смене значения в соответствующей ячейке цветом заполняется необходимое количество делений, что делает диаграмму похожей на секундомер не только внешне, но и функционально.

Готовый шаблон

Если не хотите тратить свое время на создание этой диаграммы.
Скачайте готовый шаблон. Стоимость всего 700 руб.
Просто подставьте свои данные и получите готовый красивый график.
Оплата телефоном по QR-коду
или кнопкой на сайте.
Без регистрации.
Сразу после оплаты будет
страница со ссылкой на файл.
-- /// --
Поставьте закладку в браузере на инструкцию - обязательно пригодиться.

...еще 9 популярных диаграмм