139

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

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

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

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

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

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

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

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

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

Анимация

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

Поделиться
Отправить

Комментарии