HTML5 Examples – Interactive graphics, infographics and interactivity

30.11.2011 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 [...]

View the interactive example →
26.11.2011 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 [...]

View the interactive example →
21.11.2011 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 [...]

View the interactive example →
17.11.2011 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: [...]

View the interactive example →
17.11.2011 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 [...]

View the interactive example →
17.11.2011 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 — [...]

View the interactive example →
28.10.2011 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 interactive example →
22.10.2011 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 [...]

View the interactive example →
05.10.2011 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 [...]

View the interactive example →
26.09.2011 Thumbnail image for Interactive graphic: Cirque du L.A.: ‘Iris’ at the Kodak Theatre

Interactive graphic: Cirque du L.A.: ‘Iris’ at the Kodak Theatre

Interactive graphic: Cirque du L.A.: ‘Iris’ at the Kodak Theatre Cirque Du Soleil’s $100 million production of “Iris” at the Kodak Theatre on Hollywood & [...]

View the interactive example →
09.09.2011 Thumbnail image for Canvas Pinball – HTML5 Game

Canvas Pinball – HTML5 Game

Canvas Pinball – HTML5 Game This demo is a simple pinball game that uses several HTML5 technologies along with the Box2D physics engine. It uses [...]

View the interactive example →
01.09.2011 Thumbnail image for The Evolution of the Web

The Evolution of the Web

The Evolution of the Web The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive [...]

View the interactive example →
05.07.2011 Thumbnail image for 30 Years of the Space Shuttle

30 Years of the Space Shuttle

  30 Years of the Space Shuttle Interactive, HTML5 timeline of the 135 space shuttle missions. View the interactive timeline

View the interactive example →
24.06.2011 Thumbnail image for How Many Households Are Like Yours? – Interactive Graphic

How Many Households Are Like Yours? – Interactive Graphic

How Many Households Are Like Yours? – Interactive Graphic Explore different types of American households and see how they have changed over time. View the [...]

View the interactive example →
09.06.2011 Thumbnail image for Google Doodle: Les Paul Gibson Guitar

Google Doodle: Les Paul Gibson Guitar

Google Doodle: Les Paul Gibson Guitar Celebrating Les Paul’s 96th birthday, Google created an HTML5 doodle example that you can actually play strum. Things to [...]

View the interactive example →
11.05.2011 Thumbnail image for Google Doodle: Animated Martha Graham Dance Logo

Google Doodle: Animated Martha Graham Dance Logo

Google Doodle: Animated Martha Graham Dance Logo  

View the interactive example →
25.04.2011 Thumbnail image for William and Kate’s path to marriage – Interactive Quiz

William and Kate’s path to marriage – Interactive Quiz

William and Kate’s path to marriage – Interactive Quiz Select the correct answers to move William and Kate closer to their wedding. Spoiler alert: they [...]

View the interactive example →
22.04.2011 Thumbnail image for Google Doodle: Celebrating Earth Day with animated graphic

Google Doodle: Celebrating Earth Day with animated graphic

Google Doodle: Celebrating Earth Day with animated graphic

View the interactive example →
10.03.2011 Thumbnail image for All international players active in Spain

All international players active in Spain

All international players active in Spain These are all the 78 players that are still active at one time have worn the shirt of the [...]

View the interactive example →
09.02.2011 Thumbnail image for HTML5 Experiments: Bacterium

HTML5 Experiments: Bacterium

HTML5 Experiments: Bacterium This is the creative lab and interactive playground of Hakim El Hattab. Dedicated to the exploration of interaction, visual effects and technologies. [...]

View the interactive example →
08.02.2011 Thumbnail image for Google Doodle: Jules Verne HTML5

Google Doodle: Jules Verne HTML5

Google logo: Jules Verne Doodle HTML5 interactive graphic Google’s interactive HTML5 graphic takes you on a deep sea adventure. Using mouse or arrow keys, you [...]

View the interactive example →

← Previous Entries

Next Entries →