HTML5 Examples – Interactive graphics, infographics and interactivity

Thumbnail image for What goes in and out of Hydraulic Fracturing

What goes in and out of Hydraulic Fracturing

What goes in and out of Hydraulic Fracturing Hydraulic fracturing, or “fracking”, is the process of drilling and injecting fluid into the ground at a high pressure in order to [...]

View the multimedia example →
Thumbnail image for [Before & After] See the before and after the site where buildings collapsed in Rio

[Before & After] See the before and after the site where buildings collapsed in Rio

See the before and after the site where buildings collapsed in Rio Three buildings collapsed in the center late on Wednesday (25). Teams from the Fire Department still do searches [...]

View the multimedia example →
Thumbnail image for Good to Know

Good to Know

Good to Know Google’s tips for staying safe and protecting data online. View the interactive graphic (Via One Angry Blackman)

View the multimedia example →
Thumbnail image for So you still think the Internet is free

So you still think the Internet is free

So you still think the Internet is free. Who Is Censoring The Internet? What Is Being Censored On The Internet? How Is The Internet Being Censored? Why Are They Censoring [...]

View the multimedia example →
Thumbnail image for Christmas on the high street and online – how did retailers do in 2011?

Christmas on the high street and online – how did retailers do in 2011?

Christmas on the high street and online – how did retailers do in 2011? Next kicked off the Christmas retail reporting season by posting weaker-than-expected sales at its high street [...]

View the multimedia example →
Thumbnail image for Recipes for the Semi-Vegan

Recipes for the Semi-Vegan

Recipes for the Semi-Vegan Many vegan dishes (like fruit salad and peanut butter and jelly) are already beloved, but the problem faced by many of us is in imagining less-traditional [...]

View the multimedia example →
Thumbnail image for [Before & After] Bondi – then and now

[Before & After] Bondi – then and now

The changing face of Bondi View the interactive before and after images

View the multimedia example →
Thumbnail image for [Before & After] Satellite tracks progress on Olympic site from space

[Before & After] Satellite tracks progress on Olympic site from space

[Before & After] Satellite tracks progress on Olympic site from space See how much London has done to get main site ready for 2012 Games. View the before and after [...]

View the multimedia example →
Thumbnail image for The candidates on the issues

The candidates on the issues

The candidates on the issues A look at how the candidates for the 2012 presidential nomination differ on key issues. View the interactive graphic

View the multimedia example →
Thumbnail image for [Before & After] Graphic: before and after the Japan tsunami

[Before & After] Graphic: before and after the Japan tsunami

Graphic: before and after the Japan tsunami Google has released Street View images from a post-tsunami Japan, which shows houses turned into building sites as the clean-up continues. Some sites [...]

View the multimedia example →
Thumbnail image for Interactive graphic: The secret life of Canada’s money

Interactive graphic: The secret life of Canada’s money

Interactive graphic: The secret life of Canada’s money View the interactive graphic

View the multimedia example →
Thumbnail image for [Before & After] Occupy L.A.

[Before & After] Occupy L.A.

Occupy L.A., before and after Early Wednesday morning, LAPD officers took action to remove Occupy L.A. protesters from the lawn around City Hall. These panoramic photos, taken from the same [...]

View the multimedia example →
Thumbnail image for Breaking the Deep-Space Barrier [Interactive]

Breaking the Deep-Space Barrier [Interactive]

Breaking the Deep-Space Barrier [Interactive] How a spacecraft propelled by ion drives could deliver humanity deeper into space than ever before. Read more in our special report on deep-space exploration. [...]

View the multimedia example →
Thumbnail image for Slavery Footprint: How many slaves work for you?

Slavery Footprint: How many slaves work for you?

Slavery Footprint: How many slaves work for you? Your TOTAL SLAVERY FOOTPRINT represents the number of forced laborers that were likely to be involved in creating and manufacturing the products [...]

View the multimedia example →
Thumbnail image for Presidential Poll Tracker

Presidential Poll Tracker

Presidential Poll Tracker Follow who’s up and who’s down in the race for the 2012 Republican presidential nomination with USA TODAY’s Presidential Poll Tracker. This interactive, powered by data from [...]

View the multimedia example →
Thumbnail image for Face to face with Leonardo da Vinci – an interactive guide

Face to face with Leonardo da Vinci – an interactive guide

Face to face with Leonardo da Vinci – an interactive guide As visitors flock to this year’s blockbuster show, the National Gallery’s Leonardo da Vinci: Painter at the Court of [...]

View the multimedia example →
Thumbnail image for For Some Grown-Ups, Playing With Legos Is a Serious Business

For Some Grown-Ups, Playing With Legos Is a Serious Business

For Some Grown-Ups, Playing With Legos Is a Serious Business One Adult Fan Left a Six-Figure Job to Build Models; the $20,000 Apartment. View the HTML5 interactive graphic

View the multimedia example →
Thumbnail image for Is the Internet Awake – Edlundart

Is the Internet Awake – Edlundart

Is the Internet Awake – Edlundart An approximate view of day and night in the top 25 countries by number of broadband internet users — relative to standard time. View [...]

View the multimedia example →
Thumbnail image for Your bill explained

Your bill explained

Your bill explained [Interactive Document] Labeled graphics and sliding images make this an effective explainer. View the interactive document

View the multimedia example →
Thumbnail image for It’s All Connected: An Overview of the Euro Crisis

It’s All Connected: An Overview of the Euro Crisis

It’s All Connected: An Overview of the Euro Crisis European leaders are dealing with growing debt problems that are rattling investors worldwide. Here is a visual guide to the crisis. [...]

View the multimedia example →
Thumbnail image for What’s Your Economic Outlook?

What’s Your Economic Outlook?

What’s Your Economic Outlook? Readers shared their expectations about their job status, the future of the economy and the prospects for the next generation. View the interactive graphic

View the multimedia example →

← Previous Entries