Since the first Internet browser was launched in 1991, there has been a rapid expansion in the number of browsers and the variety of features available. We wanted to take stock and make sense of all this innovation, the best way we know how: visualization! Our Hyperakt and Google Chrome friends felt the same, so we worked together to create Evolution of the Web.
After the warm reception of the first version in 2011, the 2012 version used the latest visualization technologies, including 3D effects, Canvas, CSS3 Transforms, SVG and D3.js. The result was a sumptuous, detailed and responsive visualization that we’re very proud of; we were honoured when TheFWA gave it Site of the Day in August 2012.
“The web today is a growing universe of interlinked web pages and apps, teeming with videos, photos, and interactive content. The average user doesn’t see the interplay of web technologies and browsers that makes all this possible.” Together with the Google Chrome team and Hyperakt, we wanted to create a dynamic visualization of the history of web technologies and browsers, and the growth of global internet users and traffic since the early nineties.
We designed and developed a dynamic timeline to illustrate the interaction between web technologies and how they’ve evolved. It highlighted how each new technology allowed web developers to create new generations of useful and immersive web experiences. To ensure a pixel perfect 3D look, we used vectors and SVG which allowed us to implement zooming and panning, while moving the framework to D3.js gave us more options for visualization. The site was available in 14 languages, in day and night modes, was mobile and tablet-ready for Android and iOS, and featured visualizations to shows the growth of internet –both in global internet users and global internet traffic. Despite its hay-day success, the site is no longer live. Explore the designs for a glimpse back in time.