diff --git a/.gitignore b/.gitignore index 98ca6db..dab5e6a 100644 --- a/.gitignore +++ b/.gitignore @@ -40,3 +40,4 @@ output-monthly/ json/ includes/ climate-data/ +Anomaly diff --git a/README.md b/README.md index f91f2d9..a894be7 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@ -![Preview](https://raw.githubusercontent.com/TeomanDavid/HadCRUT3-Visualization/master/preview.jpg "Preview") +![Preview](https://raw.githubusercontent.com/TedYav/HadCRUT3-Visualization/master/preview.jpg "Preview") # HadCRUT3 Climate Change Visualization -##### Ted Yavuzkurt ([TeomanDavid.com](http://www.teomandavid.com)) +##### Ted Yavuzkurt ([TedY.io](http://www.tedy.io)) This is a visualization of the [HadCRUT3 Global Temperature Record](http://www.metoffice.gov.uk/research/climate/climate-monitoring/land-and-atmosphere/surface-station-records) provided by the [World Meteorological Organization](http://www.wmo.int/pages/index_en.html). This visualization shows both monthly average temperatures and global temperature anomalies (differences from long term mean) from 1850-2010. More than 3000 land temperature stations are visualized. @@ -11,7 +11,7 @@ The visualization is powered by [Mapbox GL](https://www.mapbox.com/blog/mapbox-g A friend of mine started working at Mapbox recently and has been singing their praises. When I saw the HadCRUT3 data posted on Reddit(?) I thought it would be a great opportunity to experiment with the API. This was pretty fun to make and the visualization code (```climate-sim.js```) is **heavily** commented to explain how it works. ## Live Demo -[A live demo is available here.](http://www.evokeone.net/rprime/climate-sim.html) +[A live demo is available here.](https://tedyav.com/demos/climate-vis/) ## How it Works The raw temperature data is contained in ```climate-data.tar.gz``` and was downloaded from the [UK Met Office](http://www.metoffice.gov.uk/research/climate/climate-monitoring/land-and-atmosphere/surface-station-records). I wrote a simple python script to parse these files (```parse.py```), turning them into [GeoJSON](http://geojson.org/) Feature Collections that could be uploaded to [Mapbox Studio](https://www.mapbox.com/studio/). @@ -489,7 +489,7 @@ That's all there is to it! Seems like a lot going on, but it's basically pretty ## Running/Modifying the Code If you're interested in tinkering around with the visualization, first clone the repo: -```git clone https://github.com/TeomanDavid/HadCRUT3-Visualization && cd ./HadCRUT3-Visualization``` +```git clone https://github.com/TedYav/HadCRUT3-Visualization && cd ./HadCRUT3-Visualization``` There are a few things you can do: @@ -521,4 +521,4 @@ If you want to fundamentally change the style of the map, the best way to do it Make sure you set your layer names to lowercase months (i.e. 'january'), or set the names accordingly in `layerNames` in `climate-sim.js`. ###Change Visualization Colors or Display### -The best way to do this is to edit `climate-sim.js`. There are a set of constants at the top of the file that control most display options. If you want to dig in further, edit the code and have fun! \ No newline at end of file +The best way to do this is to edit `climate-sim.js`. There are a set of constants at the top of the file that control most display options. If you want to dig in further, edit the code and have fun! diff --git a/demos/index.html b/demos/index.html new file mode 100644 index 0000000..6159727 --- /dev/null +++ b/demos/index.html @@ -0,0 +1,60 @@ + + + + + + HadCRUT3 Climate Data + + + + + + + + + + + + + + + +
+
+
+ + + + +