Свечной график (candlestick) на javascript без сторонних библиотек

Нужен скрипт свечного графика (японские свечи) на чистом javascript + canvas без использования сторонних библиотек (никаких библиотек для создания графиков!), для удобства можно на vue сделать если хотите.

нужно что-то похожее на tradingview, а именно:

1) вывод свечного графика

2) свободное перемещение (влево, вправо, вверх, вниз т.е. по осям X Y) с зажатой левой кнопкой мышки, при этом масштабирование не должно быть (как у tradingview, когда отключаешь "auto"), т.е. график загрузился в каком-то масштабе по умолчанию и можно свободно двигать его мышкой при этом масштаб изменяться не должен (это важно!)

3) масштабирование колесиком мыши по ширине (т.е. увеличивается ширина свечи), если зажать например Ctrl + крутить колесико мыши, масштабироваться будет по высоте (изменяется высота свечки), посмотрите, как это сделано на tradingview.com (там правда масштабирование по высоте сделано иначе, нужно в правой графе цены левой кнопкой мыши двигать вверх-вниз)

4) объем (выводить внизу), так же он должен полностью масштабироваться и передвигаться с графиком (т.е. все должно соответствовать свечам)

5) при наведении мышки так же, как на tradingview выводить перекрестие , внизу выделять дату, справа выделать цену

нашел вот такой пример, но здесь проблема с масштабированием (оно здесь жестко привязано) https://github.com/talkrz/price-chart можете взять за основу если хотите, но поведение мне нужно именно, как на tradingview !

По цене можно договориться