{"id":63098,"date":"2015-12-10T00:00:00","date_gmt":"2015-12-10T00:00:00","guid":{"rendered":"https:\/\/rockcontent.com\/blog\/24-best-interactive-websites-2015\/"},"modified":"2025-09-11T00:51:38","modified_gmt":"2025-09-11T03:51:38","slug":"24-best-interactive-websites-2015","status":"publish","type":"post","link":"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/","title":{"rendered":"The 24 Best Interactive Websites"},"content":{"rendered":"<p>Everyone&#8217;s been raving about the popularity of web video this year, but a less talked-about form of visual content \u2014  <a href=\"https:\/\/visual.ly\/product\/design-microsites-interactive-websites\" target=\"_blank\" rel=\"noreferrer noopener\">interactive websites<\/a> \u2014 can be way more engaging. <\/p>\n<p>These sites draw the viewer inside rich stories with\u00a0stunning photography, videos, words, and <a href=\"https:\/\/pingback.com\/en\/resources\/what-is-interactive-content\/\" target=\"_blank\" rel=\"noreferrer noopener\">interactive elements<\/a> that create a stimulating personal experience. <\/p>\n<p>These are\u00a0some of the best and brightest stars in a constellation of excellent interactive websites (we&#8217;re spending a lot of time in the dark this time of year \u2014 apologies for using a ridiculous metaphor). <\/p>\n<p>Anyway, these are some of the things we think a really good interactive experience should do:<\/p>\n<ul class=\"wp-block-list\">\n<li>Make massive amounts of data&nbsp;accessible and relatable<\/li>\n<li>Inform or entertain<\/li>\n<li>Use interactivity to create a distinct&nbsp;experience for each viewer<\/li>\n<li>Create an emotional connection that static content wouldn&#8217;t have<\/li>\n<\/ul>\n<p>Here are 24 of our favorite websites. This includes a mix of interactives\u00a0from news media, brands, geopolitical organizations, and designers who are just doing it for fun. <\/p>\n<p>We tried to be impartial, but since we produce some\u00a0interactive websites\u00a0that we&#8217;re pretty proud of, a few snuck onto the list. We&#8217;ve called out\u00a0the\u00a0ones we worked on below.<\/p>\n<h2 class=\"wp-block-heading\">1. Time: <a href=\"https:\/\/time.com\/space-nasa-scott-kelly-mission\/\" target=\"blank\" rel=\"noopener noreferrer\">A Year In Space<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=357475411  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:317\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Time_A-Year-In-Space-645x317.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20317%22%20width%3D%22645%22%20height%3D%22317%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22317%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Time_A Year In Space\" class=\"wp-image-24556\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> This interactive website profiles NASA astronaut Scott Kelly&#8217;s trip to the International Space Station and his time in space throughout 2025. It&#8217;s presented in episodes, making it easy to navigate the journey in chunks. The images are&nbsp;visually stunning, and the subject matter stirs the childlike spirit of exploration in all of us. The cherry on top is&nbsp;when the site&nbsp;breaks down the fourth wall by showing you where the International Space Station currently is, then explains how to walk&nbsp;outside and spot it in the sky.<\/p>\n<p><strong>Best interactive qualities:<\/strong> Dynamic backgrounds lead into video segments documenting&nbsp;Kelly&#8217;s travel and work. A navigation panel on the left-hand side of the page makes clicking from section to section easy, and it&#8217;s also got the sort of real time telemetry you&#8217;d expect from NASA.<\/p>\n<h2 class=\"wp-block-heading\">2. Land Rover: <a href=\"https:\/\/thevanishinggame.wellstoried.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Vanishing Game<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=977043244  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:316\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Land-Rover_The-Vanishing-Game-645x316.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20316%22%20width%3D%22645%22%20height%3D%22316%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22316%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Land Rover_The Vanishing Game\" class=\"wp-image-24557\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong>&nbsp;This interactive brings to life a written story&nbsp;by author William Boyd. It describes itself as &#8220;an adventure told by using the incredible techniques of the digital and social age.&#8221; Translated, that&nbsp;means it&#8217;s an interactive video where the viewer has control over the&nbsp;stimuli they receive. Remove the imagery, read a scrolling script, listen to the narrative, or shut it all down for a silent film.<\/p>\n<p><strong>Best interactive qualities:<\/strong> Limited navigation buttons leave the focus on stunning visuals and the storyline. The content changes&nbsp;as the reader scrolls ahead&#8211;allowing the viewer to set their own pace.<\/p>\n<h2 class=\"wp-block-heading\">3. TSN: <a href=\"https:\/\/tsnoriginal.tsn.ca\/favela-united\" target=\"_blank\" rel=\"noopener noreferrer\">Favela United<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=713069405  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:325\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/TSN_Favela-United-645x325.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20325%22%20width%3D%22645%22%20height%3D%22325%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22325%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"TSN_Favela United\" class=\"wp-image-24560\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> This true story from Brazil&#8217;s impoverished favelas profiles tough young women who&#8217;ve been shaped by soccer culture. Great reporting&nbsp;with dramatic transitions, and stunning visuals.<\/p>\n<p><strong>Best interactive qualities:<\/strong>&nbsp;The story weaves a powerful human narrative with profound statistics. This mix of quality reporting, photography,&nbsp;and design is totally gripping.<\/p>\n<h2 class=\"wp-block-heading\">4. NPR:\u00a0<a href=\"https:\/\/apps.npr.org\/lookatthis\/posts\/afghan-teens\/\" target=\"_blank\" rel=\"noopener noreferrer\">A Girl Can Dream<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=1405756071  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:336\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/NPR_A-Girl-Can-Dream-1-645x336.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20336%22%20width%3D%22645%22%20height%3D%22336%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22336%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"NPR_A Girl Can Dream (1)\" class=\"wp-image-24586\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> NPR pairs audio, video and an interactive storyboard to take viewers on a trip to a school in Afghanistan&nbsp;for an up-close look at the&nbsp;challenges facing women in the education system.<\/p>\n<p><strong>Best interactive qualities:<\/strong> Still frames are blended together to create animation that moves the story forward. Text is broken into small chunks which are overlaid across the bottom of images to create an easier reading experience.<\/p>\n<h2 class=\"wp-block-heading\">5. Cohn &amp; Wolfe: <a href=\"https:\/\/www.cholesterolcounts.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cholesterol Counts<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=390222729  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:519\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Cohn-Wolfe_Cholesterol-Counts-645x519.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20519%22%20width%3D%22645%22%20height%3D%22519%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22519%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Cohn &amp; Wolfe_Cholesterol Counts\" class=\"wp-image-24561\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> This explanatory content takes readers state by state through statistics about cholesterol-related issues (from average cholesterol levels to awareness and education). <em>Full disclosure<\/em><i>: Visually produced this content.<\/i><\/p>\n<p><strong>Best interactive qualities:<\/strong> A clickable map brings this story to life, and separate data visualizations for each state make the story consistent and engaging.<\/p>\n<h2 class=\"wp-block-heading\">6. Photo World: <a href=\"https:\/\/photoworld.com\/how-big-is-snapchat\/\" target=\"_blank\" rel=\"noopener noreferrer\">How Big Is Snapchat?<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=1369341062  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:503\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Photo-World_How-Big-Is-Snapchat-645x503.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20503%22%20width%3D%22645%22%20height%3D%22503%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22503%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Photo World_How Big Is Snapchat\" class=\"wp-image-24562\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> This interactive is sheer fun. By showing how many more images are shared on Snapchat every second relative to WhatsApp, Facebook, and Instagram, the scope of content creation on each platform becomes quickly apparent.<\/p>\n<p><strong>Best interactive qualities:<\/strong> A timer ticks up, second by second, as the total number of photos shared per social platform grows. This adds a sense of urgency to the page&nbsp;and immediately makes the content relevant to the viewer.<\/p>\n<h2 class=\"wp-block-heading\">7. JLL:\u00a0<a href=\"https:\/\/jllcampaigns.com\/thesquare\/tech\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Square: TECH<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=1221055343  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:630\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/JLL_The-Square-645x630.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20630%22%20width%3D%22645%22%20height%3D%22630%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22630%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"JLL_The Square\" class=\"wp-image-24563\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> This choose-your-own-adventure style interactive is designed to help startups look for office space in New York City. Users profile themselves, then get a barrage of data to help them understand how to find the right HQ. <em>Full disclosure: Visually produced this content.<\/em><\/p>\n<p><strong>Best interactive qualities:<\/strong> The division of content into buckets makes content approachable even for real estate&nbsp;outsiders. The combination of data visualization and checklists make the information look slick while it stays actionable.<\/p>\n<h2 class=\"wp-block-heading\">8. Jason Davies: <a href=\"https:\/\/www.jasondavies.com\/maps\/voronoi\/airports\/\" target=\"_blank\" rel=\"noopener noreferrer\">World Airports<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=1711275667  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:583\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Jason-Davies_World-Airports-645x583.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20583%22%20width%3D%22645%22%20height%3D%22583%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22583%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Jason Davies_World Airports\" class=\"wp-image-24587\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> You always wanted to know where the world&#8217;s airports operate relative to population centers. Eh? OK, fine. It&#8217;s important because it looks cool.<\/p>\n<p><strong>Best interactive qualities:<\/strong> Hover over any section of the globe to learn which airport serves each region. Click and hold to spin the globe and discover transportation hubs you never knew existed.<\/p>\n<h2 class=\"wp-block-heading\">9. Population Reference Bureau: <a href=\"https:\/\/visual.ly\/2015-world-population-data-sheet?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">2025 World Population Data Sheet<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=938369442  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:296\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Population-Reference-Bureau_2015-World-Population-Data-Sheet-645x296.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20296%22%20width%3D%22645%22%20height%3D%22296%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22296%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Population Reference Bureau_2015 World Population Data Sheet\" class=\"wp-image-24564\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> This interactive highlights the opportunities and challenges facing women worldwide. It&#8217;s a flood of important&nbsp;data, channeled neatly into a series of videos and interactive charts.<\/p>\n<p><strong>Best interactive qualities:<\/strong> Navigation is contained to a single scrolling screen with tons of clickable buttons to display data that compares 2025 and projected 2050 statistics on global population, fertility, education, and more.<\/p>\n<p>Sometimes, what really sets one of these interactives apart isn\u2019t the technology\u2014it\u2019s the unexpected details. Like a subtle background soundscape that fits the subject, or micro-animations that reward a second look, not just the first click. A surprising number of sites still don\u2019t bother with those, but when they do, you\u2019ll catch yourself lingering longer than you meant to. You remember more.<\/p>\n<p>And sure, trends keep evolving. Lately it feels like interactive data storytelling is finally escaping a dated, flat aesthetic\u2014stepping into bolder colors, sharper contrasts, even playful textures here and there. Maybe it\u2019s about grabbing attention, but sometimes it genuinely helps people process complicated info. I\u2019ll take messy and memorable over polished and forgettable, any day. Just me?<\/p>\n<h2 class=\"wp-block-heading\">10. The New York Times: <a href=\"https:\/\/www.nytimes.com\/interactive\/2015\/06\/17\/upshot\/100000002894612.app.html?smid=fb-nytimes&amp;smtyp=cur&amp;_r=0\" target=\"_blank\" rel=\"noopener noreferrer\">Is It Better to Rent or Buy?<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=4128172  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:505\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/The-New-York-Times_Is-It-Better-to-Rent-or-Buy-645x505.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20505%22%20width%3D%22645%22%20height%3D%22505%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22505%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"The New York Times_Is It Better to Rent or Buy\" class=\"wp-image-24565\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> No matter where you live in the U.S., this collection of data-driven tools will help you make sense of the mortgage-versus-lease debate.<\/p>\n<p><strong>Best interactive qualities:<\/strong> Sliding scales allow the user to select from a host of data points\u2014number of years in a location, home price, future projections for rent growth and more\u2014to bring clarity to their decision to rent or buy. A calculator on the right-hand side of the page is set in place, allowing the reader to see how changes to the various&nbsp;inputs&nbsp;can impact their home-buying outlook.<\/p>\n<h2 class=\"wp-block-heading\">11. Zazzle: <a href=\"https:\/\/www.zazzle.com\/10th\" target=\"_blank\" rel=\"noopener noreferrer\">10th Anniversary<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=2137477992  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:320\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Zazzle_10th-Anniversary-645x320.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20320%22%20width%3D%22645%22%20height%3D%22320%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22320%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Zazzle_10th Anniversary\" class=\"wp-image-24566\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> A platform for makers and designers to launch and sell custom products (without having to produce them themselves), Zazzle tells its story in this rich experience that&#8217;s part timeline and part data-driven explainer. <em>Full disclosure<\/em><i>: Visually produced this content.<\/i><\/p>\n<p><strong>Best interactive qualities:<\/strong>&nbsp;The viewer sees a vivid stream of designs that have been produced on Zazzle, combined with stats that explain the company&#8217;s impact. Images and stories from real-life customers&nbsp;add depth and underscore the value of working with Zazzle.<\/p>\n<h2 class=\"wp-block-heading\">12. 23 and Me: <a href=\"https:\/\/visual.ly\/23-pairs-chromosomes-one-incredible-you?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">23 Pairs of Chromosomes. One Incredible You.<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=1744147950  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:372\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/23-and-Me-645x372.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20372%22%20width%3D%22645%22%20height%3D%22372%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22372%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"23 and Me\" class=\"wp-image-24569\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> If you didn&#8217;t pay attention in science class during the section on genetics, you might actually learn something here. <em>Full disclosure<\/em><i>: Visually produced this content<\/i><\/p>\n<p><strong>Best interactive qualities:<\/strong> Colorful chromosome pairs are clickable and reveal information on the ancestry and genetic diseases associated with each. Bonus points for being responsive.<\/p>\n<h2 class=\"wp-block-heading\">13. Saxum: <a href=\"https:\/\/visual.ly\/united-states-energy-0?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">U.S. of Energy<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=347431834  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:298\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Saxum_US-of-Energy-645x298.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20298%22%20width%3D%22645%22%20height%3D%22298%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22298%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Saxum_US of Energy\" class=\"wp-image-24570\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong>&nbsp;This interactive makes it easy to learn a lot about energy production and consumption in the US. You start by viewing broad trends over wide areas, then drill down to see detailed info for each state.<\/p>\n<p><strong>Best interactive qualities:<\/strong> A clickable map is paired with comparison tools to let you find the most relevant information, then give it context.<\/p>\n<h2 class=\"wp-block-heading\">14. Targeted Victory: <a href=\"https:\/\/www.50statesofwaste.com\/index.html?p=top10&amp;d=1\" target=\"_blank\" rel=\"noopener noreferrer\">50 States of Waste<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=79688584  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:362\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Targeted-Victory_50-States-of-Waste-645x362.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20362%22%20width%3D%22645%22%20height%3D%22362%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22362%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Targeted Victory_50 States of Waste\" class=\"wp-image-24572\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> If you&#8217;re a politician or political organizer, this one will make you squeamish. This interactive shows how&nbsp;small the impact of political TV&nbsp;advertising actually is. <em>Full disclosure: Visually produced this content.<\/em><\/p>\n<p><strong>Best interactive qualities:<\/strong> Data visualizations overlaid on a U.S. map reveal the statistic that 75 cents out of every broadcast dollar has been wasted on the wrong voters. Yikes.<\/p>\n<h2 class=\"wp-block-heading\">15. Martin Ollivere: <a href=\"https:\/\/visual.ly\/who-hogs-worlds-wealth?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">Who Hogs the World&#8217;s Wealth?<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=1238884436  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:399\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Martin-Ollivere_Who-Hogs-the-Worlds-Wealth-645x399.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20399%22%20width%3D%22645%22%20height%3D%22399%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22399%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Martin Ollivere_Who Hogs the World's Wealth\" class=\"wp-image-24573\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> We often hear about income inequality, but this visualization makes the topic meatier by breaking it down with a visual pig metaphor.<\/p>\n<p><strong>Best interactive qualities:<\/strong> Simplicity makes this interactive go. The shifting square grid is easy to grok, and the careful use of numbers tells the story of disparity clearly.<\/p>\n<h2 class=\"wp-block-heading\">16. Lynn Fisher\u00a0&amp;\u00a0Nick Crohn:\u00a0<a href=\"https:\/\/visual.ly\/airport-codes?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">Airport Codes<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=553178492  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:291\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Airport-Codes-645x291.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20291%22%20width%3D%22645%22%20height%3D%22291%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22291%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Airport Codes\" class=\"wp-image-24574\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> You&#8217;ll now be able to interpret all of the weird acronyms on your boarding pass. Bottom line, this is nice design that might help you win on Jeopardy some day.<\/p>\n<p><strong>Best interactive qualities:<\/strong> We love the comprehensive nature of this interactive, which features airports from around the world. Click any tile to learn interesting facts. Be sure to click the &#8220;About&#8221; tab for a well-selected&nbsp;GIF featuring Leslie Nielsen and the flight crew from <em>Airplane!<\/em><\/p>\n<h2 class=\"wp-block-heading\">17. BBC Future: <a href=\"https:\/\/visual.ly\/journey-centre-earth-1?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">Journey to the Centre of the Earth<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=1632721114  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:353\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/BBC-Future_Journey-to-the-Centre-of-the-Earth-645x353.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20353%22%20width%3D%22645%22%20height%3D%22353%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22353%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"BBC Future_Journey to the Centre of the Earth\" class=\"wp-image-24575\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> As a kid, you probably dreamed about digging a hole to the other side of the world from your backyard. This interactive actually lets you do that, in a way. You&#8217;ll journey to the earth&#8217;s core and learn a ridiculous number of facts about what you&#8217;d find along the way.<\/p>\n<p><strong>Best interactive qualities:<\/strong> Put on your steampunk gear and go below ground to learn about the standard depth of graves in western culture, the distance to which a penguin can plunge, and much more. We love the illustrated diving vehicle, the data points scattered along your path to the core, and the way the scenery changes as you scroll lower. This one&#8217;s pure fun and really interesting, too.<\/p>\n<h2 class=\"wp-block-heading\">18. PartyPoker: <a href=\"https:\/\/www.yourbrainonpoker.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Your Brain on Poker<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=1184060815  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:458\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/PartyPoker_Your-Brain-On-Poker-645x458.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20458%22%20width%3D%22645%22%20height%3D%22458%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22458%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"PartyPoker_Your Brain On Poker\" class=\"wp-image-24576\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> Your geeky science self will love these illustrations depicting how the brain functions depending on poker skill level\u2014beginner, amateur or expert.<\/p>\n<p><strong>Best interactive qualities:<\/strong> Not only can you look at images of the brain in action, you&#8217;ll also flip over cards, watch explainer videos and read tips about how to psych out your competition at the table.<\/p>\n<h2 class=\"wp-block-heading\">19. UNESCO Institute for Statistics: <a href=\"https:\/\/visual.ly\/left-behind?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">Left Behind<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=1482321614  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:287\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/UNESCO_Left-Behind-645x287.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20287%22%20width%3D%22645%22%20height%3D%22287%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22287%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"UNESCO_Left Behind\" class=\"wp-image-24578\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> As we&#8217;ve already noted, many of the best interactives this year focused on key issues facing women throughout the world. This interactive is equal parts education and advocacy. Together, we can help promote education globally.<\/p>\n<p><strong>Best interactive qualities:<\/strong> Dive into the story and you&#8217;ll discover navigation dots in the left-hand margin of the page. You&#8217;ll view photos of real people, view charts in the context of explanatory text and, finally, learn how you can make a difference. The use of the #leftbehind hashtag encourages continuing conversation on social media.<\/p>\n<h2 class=\"wp-block-heading\">20. ElkanoData: <a href=\"https:\/\/visual.ly\/fans-move-most-international-events?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">Fans on the Move<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=1706710166  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:317\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/ElkanoData_Fans-on-the-Move-645x317.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20317%22%20width%3D%22645%22%20height%3D%22317%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22317%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"ElkanoData_Fans on the Move\" class=\"wp-image-24579\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> Entertainment becomes a global sport in this stunning visualization of the world&#8217;s most popular events based on international ticket sales, from sports to concerts to theater.<\/p>\n<p><strong>Best interactive qualities:<\/strong> We love the fact that once you launch this interactive, it&#8217;s off and running. Arcs show who purchases tickets to the Super Bowl, for example, and data instantly pops up to reveal how many fans left their country to travel to the event, which locations represented the top countries of origin and so on. Let the data flow over you, or stop it to get a detailed snapshot.<\/p>\n<h2 class=\"wp-block-heading\">21. Big Group: <a href=\"https:\/\/visual.ly\/oscar-dresses-outfits-worn-icons?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">Oscar Dresses<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=2132007496  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:296\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/Big-Group_Oscar-Dresses-645x296.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20296%22%20width%3D%22645%22%20height%3D%22296%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22296%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"Big Group_Oscar Dresses\" class=\"wp-image-24580\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> You know you watch those award shows on TV just to see which style trends you&#8217;re missing out on (and to poke fun, in some cases).<\/p>\n<p><strong>Best interactive qualities:<\/strong> Click on any dress from 1954 on and you&#8217;ll get to view a larger version of the style that made its respective celebrity shine. We love the bold social sharing icons at the top of each popup box and the clean presentation. Fewer bells and whistles can make for a more appealing presentation,.<\/p>\n<h2 class=\"wp-block-heading\">22. The Washington Post: <a href=\"https:\/\/www.washingtonpost.com\/graphics\/business\/wonkblog\/majority-illusion\/\" target=\"_blank\" rel=\"noopener noreferrer\">Majority Illusion<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=2024373996  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:653\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/The-Washington-Post_Majority-Illusion-645x653.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20653%22%20width%3D%22645%22%20height%3D%22653%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22653%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"The Washington Post_Majority Illusion\" class=\"wp-image-24581\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> The interactive quiz question in this news article shows us how little we really know about the nature of influence and popular opinion on any subject.<\/p>\n<p><strong>Best interactive qualities:<\/strong> The use of a quick interactive at the top of this news story engages the reader early on and encourages further reading and digestion of data visualizations. It also makes the story personal by demonstrating the social phenomenon it describes.<\/p>\n<h2 class=\"wp-block-heading\">23. WBEZ, Curious City: <a href=\"https:\/\/visual.ly\/wbez-curious-city-why-buses-arrive-bunches?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">Bus Bunching<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=234552506  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:290\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/WBEZ_Curious-City-Bus-Bunching-645x290.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20290%22%20width%3D%22645%22%20height%3D%22290%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22290%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"WBEZ_Curious City Bus Bunching\" class=\"wp-image-24582\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> Channel your frustration over long public transportation wait times into this humorous yet educational interactive.<\/p>\n<p><strong>B<\/strong><strong>est interactive qualities:<\/strong> Clickable arrows let the reader navigate forward and backward in the story, which goes step by step to explain how bus schedules naturally get messed up. It goes on to suggest solutions to the problem\u2014all while making clear each would still probably make riders upset. We loved the way this interactive makes sophisticated concepts accessible&nbsp;and creates an emotional connection.<\/p>\n<h2 class=\"wp-block-heading\">24. UNESCO Institute for Statistics: <a href=\"https:\/\/visual.ly\/out-school-children?view=true\" target=\"_blank\" rel=\"noopener noreferrer\">Out-of-School Children<\/a><\/h2>\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter\"><img data-opt-id=176995264  data-opt-src=\"https:\/\/mlgzkyrbq6eh.i.optimole.com\/w:645\/h:379\/q:mauto\/https:\/\/pingback.com\/br\/resources\/wp-content\/uploads\/2015\/12\/UNESCO_Out-of-School-Children-645x379.jpg\"  decoding=\"async\" src=\"data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%20645%20379%22%20width%3D%22645%22%20height%3D%22379%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22645%22%20height%3D%22379%22%20fill%3D%22transparent%22%2F%3E%3C%2Fsvg%3E\" alt=\"UNESCO_Out of School Children\" class=\"wp-image-24583\"\/><\/figure>\n<\/div>\n<p><strong>Important because:<\/strong> This interactive addresses the problem of children who are prevented from accessing the education they need to further themselves, support a future family and give back to their community.<\/p>\n<p><strong>Best interactive qualities:<\/strong> An animated introduction sets the stage for the viewer, after which clickable buttons along the right rail provide a glimpse into the education gap in individual countries. Data points break down education inequality by location (rural and urban), gender, and relative wealth. With each click, animated children run&nbsp;backward and forward across the page, stressing the point that these are real people with real dreams that aren&#8217;t being met.<\/p>\n<p><strong>Looking for more inspiration? Check out our <a href=\"https:\/\/resources.rockcontent.com\/interactive-content-guide\" target=\"_blank\" rel=\"noreferrer noopener\">interactive content guide<\/a>!<\/strong><\/p>\n<p><span data-sheets-value=\"{\"1\":2,\"2\":\"\"}\" data-sheets-userformat=\"{\"2\":961,\"3\":{\"1\":0},\"9\":1,\"10\":1,\"11\":0,\"12\":0}\"><\/span><\/p>\n<p> }}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Everyone&#8217;s been raving about the popularity of web video this year, but a less talked-about form of visual content \u2014 interactive websites \u2014 can be way more engaging. These sites draw the viewer inside rich stories with\u00a0stunning photography, videos, words, and interactive elements that create a stimulating personal experience. These are\u00a0some of the best and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":54033,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-63098","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The 24 Best Interactive Websites to Check Out<\/title>\n<meta name=\"description\" content=\"Interactive websites draw the viewer inside rich stories with stunning interactive elements that create a stimulating personal experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The 24 Best Interactive Websites to Check Out\" \/>\n<meta property=\"og:description\" content=\"Interactive websites draw the viewer inside rich stories with stunning interactive elements that create a stimulating personal experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingback\" \/>\n<meta property=\"article:published_time\" content=\"2015-12-10T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-11T03:51:38+00:00\" \/>\n<meta name=\"author\" content=\"Carolina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carolina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/\",\"url\":\"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/\",\"name\":\"The 24 Best Interactive Websites to Check Out\",\"isPartOf\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2015-12-10T00:00:00+00:00\",\"dateModified\":\"2025-09-11T03:51:38+00:00\",\"author\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33\"},\"description\":\"Interactive websites draw the viewer inside rich stories with stunning interactive elements that create a stimulating personal experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/pingback.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The 24 Best Interactive Websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#website\",\"url\":\"https:\/\/pingback.com\/en\/resources\/\",\"name\":\"Pingback\",\"description\":\"Marketing for builders\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingback.com\/en\/resources\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33\",\"name\":\"Carolina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g\",\"caption\":\"Carolina\"},\"sameAs\":[\"https:\/\/pingback.com\"],\"url\":\"https:\/\/pingback.com\/en\/resources\/author\/adm1n\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The 24 Best Interactive Websites to Check Out","description":"Interactive websites draw the viewer inside rich stories with stunning interactive elements that create a stimulating personal experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/","og_locale":"pt_BR","og_type":"article","og_title":"The 24 Best Interactive Websites to Check Out","og_description":"Interactive websites draw the viewer inside rich stories with stunning interactive elements that create a stimulating personal experience.","og_url":"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/","og_site_name":"Pingback","article_published_time":"2015-12-10T00:00:00+00:00","article_modified_time":"2025-09-11T03:51:38+00:00","author":"Carolina","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Carolina","Est. tempo de leitura":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/","url":"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/","name":"The 24 Best Interactive Websites to Check Out","isPartOf":{"@id":"https:\/\/pingback.com\/en\/resources\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/#primaryimage"},"image":{"@id":"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/#primaryimage"},"thumbnailUrl":"","datePublished":"2015-12-10T00:00:00+00:00","dateModified":"2025-09-11T03:51:38+00:00","author":{"@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33"},"description":"Interactive websites draw the viewer inside rich stories with stunning interactive elements that create a stimulating personal experience.","breadcrumb":{"@id":"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/pingback.com\/en\/resources\/24-best-interactive-websites-2015\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/pingback.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The 24 Best Interactive Websites"}]},{"@type":"WebSite","@id":"https:\/\/pingback.com\/en\/resources\/#website","url":"https:\/\/pingback.com\/en\/resources\/","name":"Pingback","description":"Marketing for builders","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingback.com\/en\/resources\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/5931a4533700c840b9f38199581abc33","name":"Carolina","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/pingback.com\/en\/resources\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/70cde532238b4f8bf4a6e7e589ff0a259eda38fa966564ca7ed7d23e61c27774?s=96&d=mm&r=g","caption":"Carolina"},"sameAs":["https:\/\/pingback.com"],"url":"https:\/\/pingback.com\/en\/resources\/author\/adm1n\/"}]}},"_links":{"self":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/63098","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/comments?post=63098"}],"version-history":[{"count":3,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/63098\/revisions"}],"predecessor-version":[{"id":128308,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/posts\/63098\/revisions\/128308"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/media?parent=63098"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/categories?post=63098"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingback.com\/en\/resources\/wp-json\/wp\/v2\/tags?post=63098"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}