I have a large amount of 3D (time, freq, intensity), time-series spectrogram data that spans well over a week of data. I want to create a timeline of this data (likely using React) where I can keep zooming into any point on the timeline until I am just looking at a 5 minute window of time. I also want to be able to zoom out, and see up to a month’s worth of data at a time.

Having the backend send the frontend the entire month-long period and having it be rendered to show just 5 minutes is clearly not efficient, I need to be able to support multiple resolutions and positions.

I am imagining a technique similar to that used by online maps, implementing a kind of tile server that pre-generates tiles at various zoom levels, and a frontend that grabs the necessary tiles based on the zoom and position on the timeline. Is there a tool that would make this easy? It seems like all the map-oriented tiling tools would be hard to extend into this application.

I’ve tried the naive approach and sent the entire, month-long period of data (at a high resolution to enable zooming), but this was too large a file to be sending each page-load.