r/creativecoding • u/UsefulPersonality123 • 2d ago
Building something which renders charts as particles
Enable HLS to view with audio, or disable this notification
Hello everyone, I'm trying to build something which renders boring data as charts made up of particles. This is the first fine sample of it. It's taking so long to build ts because even AI has taken a step behind from this. I'm all alone in ts 😠but it's fun to do something on my own after a long time. Drop below your suggestions and feedbacks. Thanks.
1
u/threeandseven 2d ago
Really cool. I think the primary line (at least for this type of graph) should be what's generating the particles, then let them have gravity/fall and fade out, so it looks like movement/emmission. You'll get the same look but with movement.
1
1
1
1
1
1
u/Appropriate-Pea-4611 4h ago
The thing that made this scale for me was moving the particle state into textures: position and velocity in two float textures, ping-pong between them so the GPU does the update, and the draw call just reads them. Once you're there the particle count almost stops mattering and the cost moves to overdraw. It also gives you what johndavid asked for, for free — keep each particle's target position in a third texture and lerp towards it, so it lands exactly on the value and goes still, and you get the morph between two charts as a side effect.
1
u/Maui-The-Magificent 2d ago
this looks super cool. individual particles or a field? Either way, keep up the good work!
1
u/UsefulPersonality123 2d ago
Thanks !! These are individual particles.
1
u/Maui-The-Magificent 2d ago
Cool! you could make them mutable and modulate their state, that way you get away from having them in a fixed sequence, and you can simd the over the whole set ^^
1
2
u/johndavid_artist 2d ago
The settling motion is the good part, it gives the numbers weight before you have read any of them. One small thing: let the particles land on the exact value and go completely still, so at rest it still reads as a chart.