kiln / carbonmap.org Goto Github PK

Make the page itself load immediately, and show a spinner while the data loads. Maybe use a static image and replace with a dynamically-generated SVG once data.js is loaded? That would also save us having to load the path data twice.

It would be possible, I imagine, to support IE8 by using VML rather than SVG for the vector graphics there. Since VML is fairly similar to SVG, this might not be too hard.

There are a few IMO quite serious problems with the intro, which didn’t really become clear till we’d implemented it.

What if the user has her volume turned down? She presses the play button, and then nothing happens apart from the map unexpectedly animating every few seconds. There is nothing she can do except close or reload the page.

What if the user is in an open-plan office, and didn’t realise the play button would play audio? There’s no way to stop it once it’s started. What if the user is interrupted? Etc.

It would be great to kick around some ideas for what we can do about this, when you are back.

For example the People at risk tab. We either need to zoom out the map generally so it fits, or else use different zooms for different tabs. The latter could be done by animating the viewBox.

Make the back/forward buttons work, and make it possible to link to a non-default state of the map, using hashchange detection.

Would be nice if possible, at some stage, though would mean pulling in the "notes" columns where relevant and then adding those to the dump.csv, along with the shading data.

Can the synchronisation of the animation be improved, so countries move more in lockstep?

The viewport should be specified for ipad, so it fits the screen perfectly rather than the user having to zoom it out a touch.

Voting starts April 1. Apparently it's within the rules to ask people to vote as part of the site.

According to ThermoStat in the comments on the Guardian: “Apparently, the IPCC standard is to do global plots with the left-hand side at 190E, (rather than 180E as above), so that you don't have the far east of the Russian Federation wrapping around to the left-hand side of the map (which looks a bit daft).”

…and highlight it, as in the historical.html example.

As per that email request:

Like the map, great concept.
However, I found it very frustrating to see no mention of WHEN the data was referring to – I'm exposed to this stuff a lot, and thought it was fairly meaningless without 'current', '2000-2010', '1950-1990', etc. Had to delve into the data sources.
Thought you might want to know.
Best,
Claudia

E.g. GDP per capita

Displays a blank page while it loads, with no sign anything is happening.

Intro does not play.

SVG animations don’t work.

I’m starting to think it’s a dead loss and we should just sorry-page it!

Show the rank in the country infobox, for both data sets (carto & shading).

http://www.preventionweb.net/english/hyogo/gar/

Contact there, who is eager to help:

Vincent Fung
Communications
UNISDR, The United Nations Office for Disaster Risk Reduction
Mailing address: Palais des Nations, 1211, Geneva, Switzerland

email: [email protected]
skype: vfung26
phone: +41-22-917-8656
fax: +41-22-917-8964

When you change from one choropleth data set to another, animate the colour change rather than changing immediately.

I thought World Bank country list was complete but a few notable exceptions are screwing things up.

Get some real choropleth data together.

Even if they don’t have any data. Otherwise they just stay put while the other countries animate around them, which is wrong.

The Responsibility heading is larger than Background and Vulnerability, on iOS, for no obvious reason.

The deadline is the 10 April.

http://datajournalismawards.org/submit-your-work/

We could massively reduce the file size of data.js simply by transforming the coordinate system to a grid of a few thousand in each direction, and snapping the vertices to integer coordinates. The visible effect would not be noticeably different unless you zoomed in a lot.

I’ve been thinking about the path problems. Having slightly stylised (visibly polygonal) borders is not really a problem in itself, the problem is the unsightly white triangles caused by slightly divergent path simplifications in two countries that share a border.

A better solution to this would be to carry out the path simplification in a more intelligent way, so that border paths are explicitly recognised and simplified separately, hence that even in the simplified representation the border paths are identical for both countries.

It shouldn’t be massively hard to do.

Apparently because of the 18px padding on the SVG element. The correct solution is to remove this padding and adjust the SVG viewBox.

“Yemen, change in CO2 emissions: -879.6%. How is it possible?”

Very good question, I think!

In the Master Emissions and Consumption data spreadsheet, Yemen has a 58% rise in emissions 1990–2010. But that can’t be the data source (because ours is described as 1990–2008).

In World Bank Data Master, Yemen is shown as having negative emissions in 1990 (cell I230), which is the source of this seemingly impossible figure. Can that possibly be right? Why would Yemen be the only country in the world with negative emissions in 1990?

At the moment there is some blurb about total CO2 emissions from 1850 to 2010; there needs to be similar blurb for each dataset, and the code needs to slot in the right one.

On Firefox 3.6 it neither works properly nor redirects to the fail page.

(Thanks to Guardian user Thermostat for reporting this.)

(Previously the estimates were based on population which I felt was wrong, so recalculated them all based on land area.)

Someone flagged this. See the ranks versus the High/Medium ratings.

UK Land area:
241,930.0 square km
Rank: High (138/167)

Norway Land area:
305,470.0 square km
Rank: Medium (149/193)

No errors showing up in the inspector but when I visit carbonmap.org/demo at the Guardian then I see the site but no map!

E.g. Britain in the Historical view.

The same problem sometimes causes slim white polygons to appear along borders, too. These are especially visible in Western Europe in the Historical view.

It might be worth experimenting with Javascript-based animation for browsers that support SVG but not SMIL (which in reality means IE9).

No site is complete without a favicon!

Mike Berners-Lee points out that Bolivia isn't shrinking to zero on the sea level map even though the number displayed when you click it is zero. I think I noticed something similar once but didn't make a note of which country.

The footer links (About this site, Data sources, About Kiln, Contact) need to do something. Just make them links to static pages?

I think this is the change that would make the biggest difference to the load time.

(Apart from us.)

Shall we set a cookie so it’s automatically skipped if the user has seen it once?

I've made a text file for the default map view. If possible it would be nice to load this when the globe icon is clicked; or at a minimum we could stop the current map text persisting. Currently it remains, even though the map resets. Reset.text.md is in Alpha-2 with the other map texts.

http://datajournalismawards.org/submit-your-work/

Deadline 10 April.