viableindustries / eip-ashtracker Goto Github PK
View Code? Open in Web Editor NEWThe Environmental Integrity Project's Ash Tracker website
The Environmental Integrity Project's Ash Tracker website
Note from John:
"The dreaded periodic table grid...I think the gridded section just blocks out all the parameters of concern that are listed in the glossary section. Metals that are not monitored for are greyed out in yellow and on hover show a tooltip that is like: not monitored at this well. To stick with the well symbology I think we just stick with coloring the box red if it's an exceedance."
We need to make sure that all wells and all facilities are operating as expected. I believe we have a few more wells to take care of and they in Basecamp.
Note from John:
"In the app we have a that top bar that has facility view. Similarly if you click to well view that changes to "well view" on the left with an x on the right. maybe under facility view we put a button that says national view that brings us back to the splash screen with the Ashtracker overview."
Replace the "X" with a back icon on Facility View, put a link on it with a hover state
This is a two step process:
We have a few typos for Arsenic, the word Dissolved, and Fluoride. The typos occur at the facility and or well view as well as the data download sheets. The revised data download sheets are coming int an email to you Josh. Thanks for your help!!!
I know we're darn close with the map data and I'm stoke about what we've gotten done in regards to that.
There were a few things that I noticed that we need to fix today and then reexport the data.
Other than that they show up as expect, given those fixes.
The legend needs to be added to the map and contain:
The legend does not need to be "always on" meaning, if we can hide it and only show it when necessary, that'd be great, if not, we'll make it unobtrusive.
Note from John:
From the well view when a user clicks on a heavy metal where there has been an exceedance, the parameter profile loads in the side panel, masking the periodic table grid. Here the user sees the chemical name, details about the type of exceedance and ratios of exceedance to number of time measured as well as threshold to max reading.
{% if page.contaminants %}
{% for contaminant in page.contaminants %}
<h3>{{ contaminant.drinking_water_health_standards_exceeded }}</h3>
{% endfor %}
{% endif %}
contaminants: [
{
drinking_water_health_standards_exceeded: "Antimony",
health_base_standard_exceeded: "MCL",
number_of_times_in_exceedance: "4",
number_of_times_monitored: "7",
max_exceedance_amount: "0.059",
max_allowable_amount: "0.006",
unit_of_measurement: "mg/L"
},
{
drinking_water_health_standards_exceeded: "Molybdenum",
health_base_standard_exceeded: "LHA",
number_of_times_in_exceedance: "2",
number_of_times_monitored: "4",
max_exceedance_amount: "0.057",
max_allowable_amount: "0.04",
unit_of_measurement: "mg/L"
}
]
Please update the summaries for all of the facilities listed in the Word Document. I posted it here
Hi Dane:
I need you to sync, using the gh-pages branch of the Ashtracker project. Then I need you to make sure that all 49 facilities are on the "National Map" or the "Home Page". And I need you to make sure each one of those is clickable and that the page loads appropriately.
If you find bugs, start a new "Issue" for each Facility that doesn't load.
We need to replace the gray/white logo in the header with a full color version.
We need to add and style the home page and help page content appropriately.
I'll work with you to create a new single column "content only" template for the Help page, because it doesn't justify a two column layout.
We'll probably end up doing the same with the glossary content.
See Basecamp message for content
https://basecamp.com/2299000/projects/3972895-378-eip/messages/19118263-home-help-page
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.