Embarking on my initial endeavor to create images dynamically.
The goal is to present approximately 500 small images, each 32px X 24px in size with 16 colors, placed within table cells. Each image consists of a 2D array of colored pixels, with values provided by C-language CGI.
The final displayed image resembles a basic candlestick graph, with each candle being one pixel wide, similar to:
All 500 images are set to refresh every 10 seconds, but only about 30 will be visible at once and with changes occurring roughly every 10 minutes.
I have the ability to generate the images on either the server or client side. However, I require a starting point for an optimal strategy.
What is the most lightweight (no bulky JS libraries, hopefully), efficient (in implementation), fastest (execution speed), and cost-effective (minimal client-side RAM usage) approach to displaying these images?
Thank you!