evilscott / climate Goto Github PK
View Code? Open in Web Editor NEWNOAA climate data visualization powered by React + Leaflet
Home Page: http://evilscott.github.io/climate/
NOAA climate data visualization powered by React + Leaflet
Home Page: http://evilscott.github.io/climate/
clicking on a station (or state?) on the right menu should pan and zoom to that station/state in the map
when selecting one or more regions (or inferring all regions by selecting none), a new control should open a modal allowing for a long-term history view of the climate data
data/tile sources and attribution
Either global CO2 levels (by month) or narrow station list to ones that have CO2 data as well as monthly temp data
hide all stations on the map in non-selected regions (unless no selections are made, in which case show all stations)
should be alpha ordering
If you click in the spaces between station divs it will click the parent region and collapse it. only the region name should fire a region add/remove dispatch
perhaps due to aleutian islands crossing anti-meridian. leaflet has issues with that.
alaska only has 4 stations and hawaii has zero (and we are already excluding puerto rico) so maybe just use lower 48?
could also try adjusting things inside coordsToLatLng to compensate
Write a script that pulls all station data for all states down from NOAA and stores it in a single JSON file
once multiple states are available, the right hand list should be an accordion or multi-tiered list that can show both states and stations
need to include additional data in the popup so it feels a bit more valuable
build prod to gh-pages branch for display/hosting directly from github
need to bring in monthly temperature data. probably best to work it into the station data and bring it in as part of the leaflet layers. start small to begin (single year?).
need to find an unobtrusive place to put it
when you unselect a region the stations disappear. this is most visible when unselecting the final region so all stations in all regions should show
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.