ale-lit / visualizer

Визуализатор

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Проект: «Визуализатор»

Что такое «Визуализатор»? С помощью данного онлайн сервиса, можно визуально отобразить заданный промежуток времени (с учетом уже прошедшего периода), от его начала и до конца. Своего рода, это некий прогрессбар, но в более презентабельном и удобном для восприятия отображении.

В проекте реализована адаптивная модель, автоматически подстраивающая размер ячеек под текущий размер экрана (чтобы всегда отображать весь диапазон (независимо от размера экрана и количества значений), на одном экране, без полос прокрутки). Данный инструмент удобно открывать на дополнительном, не используемом в данный момент, мониторе/телевизоре/планшете/телефоне для отслеживания течения времени к конечной точке, например:

  • Прогресс прохождения какого-либо курса
  • Динамическое отображение течения рабочих часов (функционал еще в разработке)
  • Остаток времени до какого-либо дедлайна (функционал еще в разработке)
  • И многое другое..

Также, можно легко и понятно отобразить какие-либо значения относительно друг-друга, например уже прожитый возраст по отношению к среднему по региону (функционал работы с конкретными числами еще в разработке), или сколько дней прошло с начала года, и сколько осталось до его окончания. В общем применений у данной разработки можно придумать массу.

Используемые навыки и технологии

  • HTML 5
  • CSS 3
  • jQuery
  • Адаптивная, кроссбраузерная верстка по методологии "БЭМ"

Обновления

  • 21.10.2021 — Первый релиз прототипа сервиса.
    • Работает пока только с диапазоном дат.
    • Визуальное представление делает пока только в днях.

Планы по доработке проекта

  • Реализовать динамическое закрашивание ячеек и общей темы оформления
  • Добавить функционал по отсчету часов/минут и выводу произвольных числовых диапазонов
  • Добавить обработку Get запросов для возможности получения постоянной ссылки на заданные параметры
  • Реализовать динамические отступы
  • Сделать грамотное выравнивание ячеек по левому краю
  • Добавить вывод общей информации по заданному интервалу (?)
  • Добавить настройки:
    • смены цвета для ячеек
    • размера ячеек (?)
    • растягивания поля на весь экран
    • изменения вида ячеек

About

Визуализатор


Languages

Language:JavaScript 53.0%Language:HTML 24.1%Language:CSS 22.9%