Last year, Vizzuality, Hyperakt, and members of the Google Chrome team worked on a visualization of web technologies and browsers. Since it was warmly received by the community, we decided to make a new version, using some of the latest web technologies to provide a fresh and distinctive experience.
In addition to updating the visualization with new browser versions and web technologies, we built a secondary visualization to show the growth of internet users and internet traffic worldwide.
What we made:
FWA Site of the Day
- HTML5 development
- App Engine backend
Based on the new designs led by Hyperakt in collaboration with the Chrome team, we developed a new implementation model from scratch:
- A whole new interaction model exploiting 3D effects.
- A new set of rich animations.
- Two new visualizations.
- Panning & zooming
- Additional information about which browser version started to offer each technology.
The visualization, as the previous one, is built over HTML5, SVG and canvas browser support. But this time, in order to support all this new features, we decided to take advantage of Perspective / Rotate CSS3 Transforms. We also migrated the interaction & visualization framework from Raphaël to D3.
A fluid and responsive front-end implementation to bring to life the visual and interaction design. We aimed for a significant improvement over last year's version -- sexy and responsive, while presenting data in a more rigorous and accurate way.
Two new visualizations have been added: number of users and web traffic evolution through the last 20 years.
Night & day
Two different visual styles for exploring web technologies and browser support.
Zooming & Panning
Using vectors and SVG allowed us to implement zooming and panning of the visualization.
OUR PARTNERS IN THIS PROJECT
TheFWA Site of the Day
On August 7th, 2012 Evolution of the Web 2.0 was declared Site of the Day by TheFWA. Established in May 2000, TheFWA is an industry recognized internet award program and inspirational portal. It is the most visited website program in the internet's history.
A big thank you from Vizzuality crew!
We take enjoyment in being a small and productive company that delivers great user experiences for stories that matter
Hey, this site doesn’t support Internet Explorer 6!
Old internet browser flaws and errors are holding back innovation, so we at Vizzuality decided not to support IE6 in our web site. However, you can explore it safely, although you can experience some visualization problems.
By the way, you should really upgrade your browser. Learn why.