kiln / carbonmap.org Goto Github PK
View Code? Open in Web Editor NEWHome Page: http://www.carbonmap.org
Home Page: http://www.carbonmap.org
The viewport should be specified for ipad, so it fits the screen perfectly rather than the user having to zoom it out a touch.
“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?
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.
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.
The footer links (About this site, Data sources, About Kiln, Contact) need to do something. Just make them links to static pages?
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.
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.
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)
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.
E.g. GDP per capita
(Apart from us.)
Shall we set a cookie so it’s automatically skipped if the user has seen it once?
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
The deadline is the 10 April.
No site is complete without a favicon!
It might be worth experimenting with Javascript-based animation for browsers that support SVG but not SMIL (which in reality means IE9).
Can the synchronisation of the animation be improved, so countries move more in lockstep?
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).”
http://datajournalismawards.org/submit-your-work/
Deadline 10 April.
Get some real choropleth data together.
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.
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.
(Previously the estimates were based on population which I felt was wrong, so recalculated them all based on land area.)
Make the back/forward buttons work, and make it possible to link to a non-default state of the map, using hashchange detection.
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.
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.
I think this is the change that would make the biggest difference to the load time.
I thought World Bank country list was complete but a few notable exceptions are screwing things up.
Voting starts April 1. Apparently it's within the rules to ask people to vote as part of the site.
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.
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
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!
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.
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!
…and highlight it, as in the historical.html
example.
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.
On Firefox 3.6 it neither works properly nor redirects to the fail page.
(Thanks to Guardian user Thermostat for reporting this.)
Show the rank in the country infobox, for both data sets (carto & shading).
Apparently because of the 18px padding on the SVG element. The correct solution is to remove this padding and adjust the SVG viewBox.
When you change from one choropleth data set to another, animate the colour change rather than changing immediately.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.