Отрисовка интервалов в SVG

На днях работал над необычной для меня задачей: подготовить инструмент для отображения на графике интервалов времени, в частности чем занимался сотрудник в течение рабочей смены. Для back-end разработчика это оказалось хорошей тренировкой в JavaScript и его возможностях в современных браузерах. Например, полностью писать с нуля было бы слишком затратно, так что пришлось покопаться в том, какие решения доступны под открытыми лицензиями. В итоге был выбран неплохой скрипт использующий библиотеку D3 которая уже использовалась в компании. Но сам скрипт не обладал всеми нужными возможностями, так что с одной стороны создал его форк на github и добавил туда все свои доработки. А с другой стороны была дописана обвязка с интерфейсом с применением Bootstrap для наших целей (она принадлежит репозиторию компании 🙂 ).

Последний раз серьёзно возится с JS приходилось достаточно давно, и я был приятно удивлен тем как довольно просто оказалось написать подобный инструмент с приближением, отдалением и т.п. и как плавно и эффектно отображаются SVG и изменения в нём в современных браузерах.

Leave a Reply