Create a Bookmap-Style Heatmap in MotiveWave

altafjkhan

Member
Joined
Apr 17, 2025
Posts
14
Likes
15
Hey everyone!

I've made a short video showing how to create a Heatmap similar to Bookmap directly in MotiveWave.

It's a simple setup that helps visualize market depth and order flow more clearly. Check it out and let me know your thoughts or improvements!
 
Hey everyone!

I've made a short video showing how to create a Heatmap similar to Bookmap directly in MotiveWave.

It's a simple setup that helps visualize market depth and order flow more clearly. Check it out and let me know your thoughts or improvements!
Awesome thanks!
 
Hey everyone!

I've made a short video showing how to create a Heatmap similar to Bookmap directly in MotiveWave.

It's a simple setup that helps visualize market depth and order flow more clearly. Check it out and let me know your thoughts or improvements!
very cool, thank you for sharing
 
I made it with reference to that video!

Although the color tone has changed, I feel that I have come closer to the behavior of the bookmap by adding a 5-level gradient between the color and setting the interval between the UI and DOM snapshot short!
 

Attachments

  • image.png
    image.png
    80 KB · Views: 61
I made it with reference to that video!

Although the color tone has changed, I feel that I have come closer to the behavior of the bookmap by adding a 5-level gradient between the color and setting the interval between the UI and DOM snapshot short!
It looks good.
 
I made it with reference to that video!

Although the color tone has changed, I feel that I have come closer to the behavior of the bookmap by adding a 5-level gradient between the color and setting the interval between the UI and DOM snapshot short!
Anyway, you can share your template. I like the look you created... Also, what do you mean by "setting the interval between the UI and DOM snapshot short!" Thanks in advance.
 
Anyway, you can share your template. I like the look you created... Also, what do you mean by "setting the interval between the UI and DOM snapshot short!" Thanks in advance.
What I meant by “setting the interval between the UI and DOM snapshot short” is reducing both update intervals so the heatmap reacts to order book changes more frequently and with less latency.

In my setup, I set:
• UI Update Interval to 100ms
• DOM Snapshot Interval to 100ms

By keeping both intervals short, the heatmap reflects liquidity appearing and disappearing almost immediately, instead of updating in larger steps. This makes the transitions smoother and the behavior closer to Bookmap, where you can visually track subtle changes in resting liquidity and absorption in near real time.

If performance becomes an issue, reducing the displayed depth helps keep the system responsive.
 
What I meant by “setting the interval between the UI and DOM snapshot short” is reducing both update intervals so the heatmap reacts to order book changes more frequently and with less latency.

In my setup, I set:
• UI Update Interval to 100ms
• DOM Snapshot Interval to 100ms

By keeping both intervals short, the heatmap reflects liquidity appearing and disappearing almost immediately, instead of updating in larger steps. This makes the transitions smoother and the behavior closer to Bookmap, where you can visually track subtle changes in resting liquidity and absorption in near real time.

If performance becomes an issue, reducing the displayed depth helps keep the system responsive.
Amazing, thank you!
 
i've play around and this is how i end up, also MW seems buggy, i try to add only few items in the toolbar for setting heatmap but appear everything.. and also thx to OP for sharing

Screenshot 2026-03-19 at 11.20.09 AM.png
 
Top