← Назад в «Блог»
700

Интересная реализация статистики компании

Это месяц у меня просто убийственный! В хорошем смысле этого слова, в работе с утра и до позднего вечера. Более 5 проектов, поездка в другой город, переход на фриланс, весело, в общем 🙂

Чуть позже и по порядку расскажу и о проектах и о событиях в жизни 🙂

Сейчас работаю над проектом и хотел вам показать интересную реализацию статистики компании. Демонстрацию смотрите в самом низу, а потом приходите обратно 🙂

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

Последние года, которые указаны в статистике отображают 100% результат, это показывает что показатели выросли и являются максимальными на данный момент. Ширина второй линии будет зависеть от текстового значения первого показателя:

2016−2017 — работников 100
2014−2015 — работников 60

Ширина первой линии будет 100%, максимальный результат на сегодня.
Ширина второй линии рассчитается и примет значение 60%.

При клике на вкладку каждый раз будет происходит расчет показателей и ширины линий. Так будут рассчитываться любые числовые значения, помещенные в показатели.

Анимация

Если плохо видно, откройте ссылку https://vk.com/doc204027315_476 899 666

Полезно
1
Непонятно
Поделиться
Отправить
Линкануть
Вотсапнуть

Подпишись на крутой канал о фрилансе

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

← Назад в «Блог»

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *