Tweezee is a Twitter Livestream Web Experience. Live-Tweets can be filtered and are then visualized on a WebGL globe. It therefore gives the users a global overview of what Twitter users talk about.
During the creation of Tweezee it was our aim to attract several of the users senses. The application therefore uses audio feedback and is fully controllable via speech. So instead of just clicking around like on normal website, Tweezee users can communicate with the app verbally. Together with its highly appealing appearance, Tweezee truly is a Web Experience.
The project isn’t online any more but if you want to try it out and have Node.js installed on your machine, feel free to clone the GitHub repository or contact me and I will tell you how amazing it is :-).
Speech Recognition & UI Design
Twitter Stream & Data Handling
Team Leader | WebGL Globe & Data Visualisation
This was a semester project during the fifth semester of my study in Media Technology and Design. When we came up with the idea of creating a web data visualisation, the hardest decision was which data to use. Instead of working with statistical data (which we considered as too boring) we wanted to visualise live data and it was standing to reason to use social networks as our data source.
The initial plan was to visualise three different networks (Facebook, Twitter and YouTube) to show a comparison between them but we quickly recognised that it was not to ease to get access to the right data. Twitter was the only network that allowed a continuous stream and that provided us with the most data. Looking back it was a good thing to concentrate on just one network as there were many other features that needed to be done.
Technologies & Techniques
As the aim of the project was to create something new and experimental, we also tried out a lot of technologies that were new to us. To hold a continuous connection to the Twitter servers we used Node.js and Websockets. WebGL and three.js were used for the data visualisation on the 3D controllable globe. For the speech recognition and voice commands we used the Web Speech API. As I also wrote my bachelor thesis about the usage of this API within the project I now know quite a lot about it .
‚ J H C l
Tweezee’s main attraction is the globe in the middle. It was therefore important to wrap the UI elements around it in the best possible way. Their design is clean and minimal to avoid a distraction from the globe. In the “non-distraction-view” they are hidden to provide the user full concentration on the animations on the globe.