Order-Flow Candlestick Javascript Chart

I have a proprietary JSON feed that contains price, volume, bid/ask splits, and timestamp data. From this stream I want an interactive candlestick chart that overlays an order-flow footprint in javascript—think per-bar delta, volume imbalance, or whatever other micro-structure metrics you feel will add value.


Key points I care about:
• The chart must read my JSON directly (no manual conversion).
• Footprint cells should update automatically when new records hit the feed.
• Zoom, pan, and basic should remain usable even with the footprint visible.
• Clean, well-commented source code and a brief deployment read-me are required so I can extend the tool later.

Please share a short outline of your proposed stack, any similar visualizations you have built, and the estimated turnaround time. I’m ready to start as soon as we settle on an approach.

You can use the attached Json.rtf for sample data. Also the footprint showing price should look like the attached screenshot