Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

The European Debt Crisis: now in SVG

DZone's Guide to

The European Debt Crisis: now in SVG

· Web Dev Zone
Free Resource

Tips, tricks and tools for creating your own data-driven app, brought to you in partnership with Qlik.

When a major news source uses a rising new technology to present some very important information, you know the technology has begun to hit its stride.

Well, it looks like the New York Times has just bumped non-Flash web technologies: their highly informative new Overview of the Euro Crisis is written in SVG (with JavaScript interactivity).

The graphic is very clear..and I would say 'awesome', except that 'awesome' might look a little short-sighted when the economy collapses in..well, read the graphic.

View the page source to see definitions of various image elements (var canvasData). Here's a left-slice of the code:

circles: [{"name":["Germany"],"radius":["45.793"],"altname":["German"],"ypos":...
arrows: [{"altdebtor":["Italian"],"id":["it_fr"],"color":["DB704D"],"creditor":...
visibility: [{"scene3":[{}],"scene4":[{}],"scene5":[{}],"scene6":["100"],"objectid":["am"]...
lists: [{"creditor2":["Japanese"],"posdirection":["am_ja"],"creditor":["Japan"],"netowed":...

 
(Sorry about the unmatched brackets! I'm cringing too. But less, since I also have the full source in front of me.)

But seriously, go see what the New York Times has done without Flash

Explore data-driven apps with less coding and query writing, brought to you in partnership with Qlik.

Topics:

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}