read4 min
Create a react SlideToggle component with hooks and react-spring
Combining React Spring and Hooks to create a reusable SlideToggle component.
Play prototype
Created by multiple contributorsi
How can atmospheric data be visualized as a living, organic entity to provide users with actionable feedback and enhance their interaction with smart home technologies?
Background
We wanted to see how varied data generated in a space can be turned into a living organic entity that gives actionable feedback to the user in order to further explore the developing field of sensor technology. This resulted in a visualization that didn't simply communicate numbers or information, but rather gives the user a 'feeling' of whether or not the measured data is good.
What did we learn?
The challenge was to show atmospheric data as a 3D entity, therefore we learned how to use the 'Three.js' JavaScript 3D library in combination with 'shaders'.
Ambitions
Smart home technologies will empower people in managing a healthy atmosphere in spaces that they live. This experiment exemplifies a strong approach by displaying data as 'living and breathing' to create a more organic relationship with data.
Read, see, play next
play
Visualizing the usage of The Things Network
Making complex, technical data from The Things Network accessible and engaging
play
Smart office atmosphere visualization
How can generative visuals turn sensor data into an expressive, room-specific ecosystem?