ua-snap / alaska-wildfires Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
If you use the form input field to enter a community name, select that community, then enter another community name, several errors show up in the console. The first error reads like this:
Error in callback for watcher "selected": "TypeError: Cannot read properties of null (reading 'latitude')"
STR -- select Baranof Warm Springs from community selector with console open. Then try to pick other places.
The idea here is that there's some layers which look/work well in combination or at different zoom levels, but it's not obvious to a casual user of the map how to activate/deactivate layers to get effective visualizations. We could explore making the map automatically show/hide layers (bonus points for transitional transparency?) to produce a really interesting map at any zoom level (0-6). A button to disable the auto show/hide should be available, too.
This needs to be fleshed out more, but roughly... when you're zoomed way in on the map, show the landscape classifications + hotspots + historical fire perimeters. Zoomed a bit farther out, lightning / current fire danger are interesting to see.
Pulling a clean copy of the data into GeoServer + correcting the symbology would be a good maintenance step; Kyle has made an improved version of these (see in Slack).
(iPhone/Safari)
iOS/Safari,
When you scroll the page it's fine until you hit the map; then the scroll applies to the map, not the page. Fix this by detecting mobile + disabling mouseScroll in the right way for the map (make it require 2 fingers, usually.). Put a note right above the map (RIGHT above it when in landscape mode) to notify users.
Per Carolyn:
Minor text change suggestion from me—change:
The Wildfire Explorer shows a variety of data that helps users understand Alaska’s fire landscape. It is not designed for fire management decision-making by agencies or individuals.
TO
The Wildfire Explorer shows data that aids understanding of Alaska’s fire landscape. It is not designed for fire management decision-making.
New feature which would work like this:
This doesn't have to be awesome, it's more to test the API integration.
Currently, if the user clicks a point outside of Alaska, it will:
Ideally, it'd be better to not zoom in, and clear the air quality table or replace it with a "No air quality data for this location" message. And maybe even replace the cursor with a "no entry" sign similar to our Fish & Fire app. But this all requires a lot more work, so probably something for future consideration.
From the AICC API, we can get a kind of "last status update" field for each fire. Grab this and show it as part of the info popup when you click on a fire.
It'd be nice if every legend for all data layers also indicated "where do I go to get these data?"
The data feed from the AICC rolls over to the new year, so there's no fires shown (accurate, but uninteresting). Indicate this on the site (hide map / everything and just have a "this site will be reactivated in April this year").
Right now we're using some layers from GeoServer; we can point instead at Rasdaman.
This would be in a future update, also see #7 for a possible x-reference/dupe.
The publicPath
is set properly in the vue.config.js
file, but we're not necessarily using that properly everywhere for referencing image paths. It's a little tricky to sort out (confusing!) but that should be done so all images are correctly referencing their sources. The work to do here includes:
src/assets
and that global/design images live in public/images
. (probably. perhaps assets isn't the right place?)Better to do this all at once instead of JsPrettier fixes sneaking in piecemeal through other commits.
We can compose some summary statistics and include that as part of the introduction as a dynamic blurb: "As of (date), there are (x) active fires which have burned a total of (y) acres. For the most current information, visit the AICC." < roughly.
i.e. "Land cover types, 2015" "Historical fire perimeters, 19xx-2022" etc. Line breaking will be a thing, need to iterate on that.
Be sure and scan the repo for 2021 lurking!
It's NCAR-CCSM4 / RCP 8.5. Add this to the layer legend.
For each legend, add some kind of outbound link to a data source!
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.