DZone
Web Dev Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Web Dev Zone > CNN's Ecosphere in HTML5

CNN's Ecosphere in HTML5

John Esposito user avatar by
John Esposito
·
Nov. 29, 11 · Web Dev Zone · Interview
Like (0)
Save
Tweet
4.61K Views

Join the DZone community and get the full member experience.

Join For Free

We've seen WebGL worlds and tweet clouds before, but what about a WebGL earth with a virtual ecosystem whose localized growth is determined by Twitter activity?

Okay, maybe you hadn't thought of that before. (Though why not? if languaging is like life itself.) But CNN did, and has their glorious new CNN Ecosphere to show for it.

Here's how CNN describes the site:

The ECOSPHERE is a real-time Twitter Visualiser that aggregates tweets tagged with #COP17 and then orders them into specific topics or discussions.

Each submitted tweet will stimulate growth in the individual topic plants causing some plants to grow larger or faster than others depending on how the conversation is evolving. The result is an instant snapshot of how the world sees climate change. 


And here's a screenshot:


Each colored cauliflower-like growth corresponds to a specific topic, and expands or contracts under a combination of tweet and time pressure.

Cool idea in itself, but the interactive visualization makes it much cooler. Try playing with it a little, then viewing this 'making of' video from the development studio (Minivegas):

Not just WebGL, but WebGL linked with Twitter to visualize data in a way that smacks iconically of the data itself. Runs very smoothly in my browser, too.

 

HTML

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Upload Files to AWS S3 in JMeter Using Groovy
  • Flutter vs React Native. How to Cover All Mobile Platforms in 2022 With No Hassle
  • ERP Integration Guide | Common Scenarios, Challenges, and Methods
  • Unit Vs Integration Testing: What's the Difference?

Comments

Web Dev Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo