Bitcanvas Posted September 20, 2019 Share Posted September 20, 2019 Hi, I am trying to build an trading orderbook heatmap which basically takes all pending orders from a securities and plots it in the form of a heatmap shown below where brighter colors mean more volumes. Canvas 2D implementation has has performance issues given the number of blocks and so I am exploring the idea of using webGL through PIXIJS as I am familiar with Canvas 2D APIs. Would like to know which tools should I start experimenting with. I understand you may not have a definite set but a menu of tools to choose and experiment with for best performance). Use case is to efficiently draw large number of small blocks ivan.popelyshev and jonforum 2 Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted September 20, 2019 Share Posted September 20, 2019 Graphics in chunks is one of best solutions. sometimes you need stuff like pixi-tilemap. As for text, well, im sorry, but that many texts is a problem on its own and requires serious hack that i cant imagine after a hard workday and workout Welcome to the forums! Quote Link to comment Share on other sites More sharing options...
jonforum Posted September 20, 2019 Share Posted September 20, 2019 what about PIXI.RenderTexture ? I do it very fast i don't know if i do it well, maybe @ivan.popelyshev can confirm. I use this kind of rendering for my item menu with a lot of stuff.https://www.pixiplayground.com/#/edit/JfMIVX3TxcttWQCZyrI5F Also add some culling will maybe help herehttps://davidfig.github.io/pixi-cull/ Bitcanvas 1 Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted September 20, 2019 Share Posted September 20, 2019 For that kind of tasks you need everything: renderTextures, temporary atlases, maybe SDF. Pixi gives a few primitives, you can work with them to implement your own algo. Bitcanvas 1 Quote Link to comment Share on other sites More sharing options...
Bitcanvas Posted September 23, 2019 Author Share Posted September 23, 2019 I will keep you guys posted on my progress. Thank you for the help ivan.popelyshev 1 Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted September 23, 2019 Share Posted September 23, 2019 Ready to help when you will have something concrete. Its our duty to help people make their awesome algos on top of our basics Quote Link to comment Share on other sites More sharing options...
Bitcanvas Posted September 27, 2019 Author Share Posted September 27, 2019 Maybe I try to tweak the below repo to see if that is the easiest path to the solution https://github.com/nconrad/hotmap Comments are welcome Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.