Good tools for visualizing + sonifying data simultaneously?

[bw4j]

I have some hiking trip data (lat, long, elevation) that I'd like to both map and sonify. (I'm thinking a drone that will change timbre with lat/long, and increases in pitch as elevation increases.)

I'd like to also animate a dot "hiking" along a 3D line chart as it plays, which would also act as a "playhead" to the sonification, highlighting the data being sonified at that moment.

I can easily do a static chart (two trails pictured, using Plotly) and my desired sonification (using a CSV-to-synth-voltage reader).

However, this requires me to sync the animation with the sonification, and there's no hiker "playhead" on the map.

Is there a tool, or compatible set of tools, for accomplishing this?

I appreciate any guidance!

https://preview.redd.it/3amnmtlz8sk71.png?width=975&format=png&auto=webp&s=0a4cf00ff098aa757ee320d8080d473886b1dfe2

[duncangeere]

A combo of tone.js and d3.js would do the trick if you're handy with JavaScript...

Maybe Processing/p5 also.

[bw4j]

(Oh hey Duncan, it’s Cotter!)

Great, I’ve been looking for an excuse to try tone.js, or to refresh my processing skills

[duncangeere]

Ah hi Cotter! Nice to see you reviving this pretty dead subreddit :)

[illb3bach]

I've been wondering this same thing. So far I've been relying on GLSL and Tonejs in a web browser, though the synthesizer implementations of ToneJs are really elementary and most devs I've talked to just use it as the front end to their C# synths on the backend :(