I made this on my free time as an exploration of three.js and web audio API’s. Each point in the geometry is mapped to a different frequency range between 20hz and 20khz with low frequencies on the left side and high on the right. The y-position of the point reacts in real time to the amplitude of its specified frequency range. There is also a spotlight who’s intensity reacts only to the amplitude of the entire spectrum. I plan on using what I learned from this project and applying it to a microsite for one of my band’s new songs.
Bluetooth approached us with a large white paper filled with data about their performance in 2015. Rather than making the large PDF public on their site, they wanted a digestible way to present the data to the masses. We decided to create a microsite full of the most important bits of data in the white paper. I was able to leverage SVG graphics and native animation in this site.
This was one of my first projects at Killer Infographics and it became the measuring stick we used for all future projects. The client wanted 50 infographics, one for each state, and the ability to easily update the data that generates the graphs in the future. Rather than going with a static option, we decided an interactive that allowed the user to easily select which state to view was the best solution. And with it being on the web, it would allow the client to easily update the data in the future. The data visualization is all handled with D3.js which parses a single .csv file with data for all the states.
A client came to us with the need for rich interactive experiences that they could embed in their blog posts and iPad app. I decided to develop these using Adobe Edge because of the client’s need for rich animation. I was able to step out of my comfort zone a bit with this project and leverage my animation skills.
©2015 Robert Borrego