Evolution of the Web in One Interactive Graphic

  • Share
  • Read Later

The evolution of the Web is a beautiful thing, especially when Vizzuality and Hyperakt combine all the latest in Web design into an interactive graphic that gives viewers a colorful array of Web history.

Debuted at Google I/O, the visualization uses color bands to represent the interaction between Web technologies and browsers, highlighting Web apps and the growth of technology. Viewable with two backdrops, 3-D effects, animations and panning and zooming capabilities help show just how far the Web has come, even without the historical information.

View the interactive graphic here.

“Over time, Web technologies have evolved to give Web developers the ability to create new generations of useful and immersive Web experiences,” the designers say on their website. “Today’s Web is a result of the ongoing efforts of an open Web community that helps define these Web technologies.”

(MORE: First Website Ever Celebrates 20th Birthday)

The graphic starts out relatively bare in 1991 with a small blue line depicting HTTP but starts getting crowded in the mid-1990s, when more technologies and Web browsers start to mix together. The graphic remains relatively steady until about 2008, when a new wave of technologies entered the fray, really helping to define the Web as we know it. By 2012, we can see just how vastly different the Web is from where it was, even just a few years before, let alone two decades prior.

The image gives you a chance to trace the history of a specific technology or browser or view them all in one fell swoop.

MORE: Which Is the Fastest Browser of Them All?

6 comments
Siavash Jalalmanesh
Siavash Jalalmanesh

beautiful info graphic!!!!!!!

it shows how fast internet spreads in our daily life. 

Douglas Radecki
Douglas Radecki

I completely agree with William. It is definitely a stylized graphic to show off some programming ability. With each "fell swoop" besides the intersection with a web browser, why does it go up and down? The y-axis isn't even named. Maybe I missed it, but I spent a long time trying to gain some information from the graphic. 

betaray100
betaray100

I'm sure it took somebody a LOT of work to create something that conveys absolutely nothing to the viewer. Great, so it tells us what happened when. Big deal. I'd rather see a YouTube video showing the evolution of website appearance, that would have shown me FAR more. Start off with a dialup noise showing a crappy HTML site circe 94 with MIDI sounds playing and take it from there.

William Barksdale
William Barksdale

Thats looks super cool, but seems kind of useless in terms of conveying information.