Over the past couple of weeks, I’ve been exploring and testing ways to integrate data, motion, and interaction—the three pillars of my R&D side projects. Data alone is just raw information; design gives it form, and movement brings that form to life. Without motion, a static form rarely resonates in today’s interfaces.
I’ve been diving into JavaScript—its libraries and tooling—to translate data into shapes and Rive has proven to be the perfect ally for orchestrating interactions.
To validate this pipeline, I processed all my WhatsApp chats from April and visualized the most frequent two- and three-word combinations (by count and relative frequency). I extracted and preprocessed the data in Python, implemented the core visualization logic in P5.js, and crafted the UI/interaction layer in Rive, leveraging its runtime to mesh seamlessly with JavaScript.
I’m also actively exploring Rive and database integrations, aiming to build even more flexible, data-driven UIs within these interactive visual systems.