HTML5 Examples – Interactive graphics, infographics and interactivity

04.02.2014 Thumbnail image for Is That a Luge in Times Square?

Is That a Luge in Times Square?

Is That a Luge in Times Square? View the interactive graphic

View the interactive example →
22.09.2013 Thumbnail image for The Factory to candidate

The Factory to candidate

The Factory to candidate On 22 September 2013, Germany elects new Parliament and a new chancellor. Help undecided by making the ideal candidate, someone who […]

View the interactive example →
10.08.2013 Thumbnail image for Serengeti Lion: Life on the Plains with the Vumbi Pride

Serengeti Lion: Life on the Plains with the Vumbi Pride

Serengeti Lion: Life on the Plains with the Vumbi Pride Enter the world of the Vumbi pride. The lions strut and grimace, bare their teeth. […]

View the interactive example →
01.07.2013 Thumbnail image for Periodic Table of HTML5 Elements

Periodic Table of HTML5 Elements

Periodic Table of the HTML5 Elements HTML5 Elements – The table below shows the 107 elements currently in the HTML5 working draft. View the interactive […]

View the interactive example →
19.04.2013 Thumbnail image for Investigation into Boston Marathon bombings

Investigation into Boston Marathon bombings

Investigation into Boston Marathon bombings One week after the Boston Marathon bombings, federal authorities charged the surviving suspect with using a “weapon of mass destruction” […]

View the interactive example →
30.03.2013 Thumbnail image for Explore the Red Sox clubhouse inside Fenway Park

Explore the Red Sox clubhouse inside Fenway Park

Explore the Red Sox clubhouse inside Fenway Park After 101 years, Fenway is still alive and in good shape. And if there’s one place where […]

View the interactive example →
08.03.2013 Thumbnail image for International Women’s Day: political rights around the world mapped

International Women’s Day: political rights around the world mapped

International Women’s Day: political rights around the world mapped How have women’s political rights changed around the globe to get to this International Women’s Day? […]

View the interactive example →
21.02.2013 Thumbnail image for Obesity quiz – Learn how fat you are in this interactive quiz

Obesity quiz – Learn how fat you are in this interactive quiz

The Guardian’s obesity quiz Are you overweight, or are you a healthy weight? Do you know? Try our obesity quiz to estimate what body type you […]

View the interactive example →
21.12.2012 Thumbnail image for How ‘Cliff’ Talks Hit the Wall

How ‘Cliff’ Talks Hit the Wall

How ‘Cliff’ Talks Hit the Wall Behind Scenes, Boehner Failed to Sell Republicans on Taxes, While Obama’s Spending Plans Rankled. View the interactive graphic

View the interactive example →
15.12.2012 Thumbnail image for Connecticut school shooting victims

Connecticut school shooting victims

Connecticut school shooting victims A gunman forced his way into Sandy Hook Elementary School in Newtown, Conn., killing 20 children and six adults before committing […]

View the interactive example →
12.12.2012 Thumbnail image for 18 YEARS OF HISTORY IN JUST 2 MINUTES

18 YEARS OF HISTORY IN JUST 2 MINUTES

  18 YEARS OF HISTORY IN JUST 2 MINUTES  

View the interactive example →
29.11.2012 Thumbnail image for Manifest Destiny – The Story of The US Told In 141 Maps

Manifest Destiny – The Story of The US Told In 141 Maps

Manifest Destiny – The Story of The US Told In 141 Maps Manifest Destiny tells the story of the United States in 141 maps from […]

View the interactive example →
06.11.2012 Thumbnail image for America: Elect! The action-packed journey to US election day in graphic novel form

America: Elect! The action-packed journey to US election day in graphic novel form

America: Elect! The action-packed journey to US election day in graphic novel form It’s been a long – really long – campaign, one full of […]

View the interactive example →
31.10.2012 Thumbnail image for Interactive: US inner circles of power

Interactive: US inner circles of power

Interactive: US inner circles of power Meet the top consultants, advisers, and pollsters behind Barack Obama and Mitt Romney’s candidacies. View the interactive graphic

View the interactive example →
01.10.2012 Thumbnail image for Koalas to the Max dot Com

Koalas to the Max dot Com

Koalas to the Max dot Com Koalas to the Max, a site made with love by Vadim Ogievetsky for Annie Albagli. View the interactive graphic

View the interactive example →
28.09.2012 Thumbnail image for Surveillance Economy: License plate readers, computers, home, stores

Surveillance Economy: License plate readers, computers, home, stores

The Surveillance Economy From license plate readers in your car to social network tracking to public records, your movements and information are tracked more than […]

View the interactive example →
25.09.2012 Thumbnail image for HTML5 Interactive: how much water is used in the production of different foods?

HTML5 Interactive: how much water is used in the production of different foods?

HTML5 Interactive: how much water is used in the production of different foods? Italian graphic design specialist Angela Morelli has put together an interactive visualisation […]

View the interactive example →
20.09.2012 Thumbnail image for Fantastic Four

Fantastic Four

Fantastic Four How the midfield maestros compare this season based on game-by-game averages. View the interactive graphic

View the interactive example →
18.09.2012 Thumbnail image for The Gospel of Jesus’ Wife

The Gospel of Jesus’ Wife

The Gospel of Jesus’ Wife A historian of early Christianity at Harvard Divinity School has identified a papyrus fragment in the Coptic language that she […]

View the interactive example →
09.09.2012 Thumbnail image for The Players

The Players

The Players NSW Police internal affairs illegal surveillance story. View the interactive graphic

View the interactive example →
06.09.2012 Thumbnail image for The Difference Between A $99 Suit And A $5,000 Suit, In One Graphic

The Difference Between A $99 Suit And A $5,000 Suit, In One Graphic

The Difference Between A $99 Suit And A $5,000 Suit, In One Graphic It’s not just fancy fabric and a high-end label. A huge amount […]

View the interactive example →
02.09.2012 Thumbnail image for HOW DO THEY MAKE MONEY?

HOW DO THEY MAKE MONEY?

HOW DO THEY MAKE MONEY? Ever wonder how Spotify, Google Maps, Pandora, or Dropbox make money? Find out here…find out if they are profitable or […]

View the interactive example →
21.08.2012 Thumbnail image for Drake equation: How many alien civilizations exist?

Drake equation: How many alien civilizations exist?

Drake equation: How many alien civilizations exist? Play with our interactive graphic to work out how many intelligent civilizations there could be in our universe. […]

View the interactive example →
12.08.2012 Thumbnail image for USA TODAY: Twitter Election Meter

USA TODAY: Twitter Election Meter

USA TODAY/TWITTER ELECTION METER This meter tracks the Twitter Political Index, a daily measure of sentiment expressed by Twitter users about President Obama and Mitt […]

View the interactive example →
26.07.2012 Thumbnail image for Biggest, Fastest, Strongest

Biggest, Fastest, Strongest

Biggest, Fastest, Strongest Are Olympians made or born? In an era when nearly everyone has access to the best training in the world, what separates […]

View the interactive example →
23.07.2012 Thumbnail image for How would you go against Usain Bolt? Test your time

How would you go against Usain Bolt? Test your time

How would you go against Usain Bolt? Test your time Ever wonder how you would go in a race against 100m world record holder Usain […]

View the interactive example →
23.07.2012 Thumbnail image for Could you be a medallist? Find out with our brilliant retro interactive

Could you be a medallist? Find out with our brilliant retro interactive

Could you be a medallist? Find out with our brilliant retro interactive See how your personal best in the 100m, 10km, 100m freestyle swim and […]

View the interactive example →