Code Monkey home page Code Monkey logo

openoakland / clean-water Goto Github PK

View Code? Open in Web Editor NEW
7.0 5.0 1.0 27.24 MB

The California Drinking Water project provides queries, charts, and maps to show which water systems have current and persistent drinking water contamination violations. Partnering with the State Water Board and the Community Water Center non-profit organization, Open Oakland volunteers are developing tool features using the State’s bi-monthly Human Right to Water water quality reporting data

Home Page: http://water.openoakland.org/

JavaScript 100.00%
water activists environment openoakland code-for-america

clean-water's Introduction

Safe Drinking Water

This is an Open Oakland CfA brigade project for the Community Water Center. The CWC identified specific functionality that would help them use the water quality data from Human Right to Water more effectively.

See the latest version of the site at http://water.openoakland.org/

This repo is the Frontend

This is a repository containing the frontend code, we are doing data analysis and transformation in https://github.com/r-b-g-b/clean-water-tool

History

The CWC is a well known, effective community activist organization. Open Oakland won a category in the CA Safe Drinking Water Data Challenge in 2018 with a project doing 3D representation of contaminants on a map.

We started working on a new project led by water quality expert Rucker Alex who is meeting regularly with the CWC and are building tools based on the requirements of the activists. Specifications and ongoing discussions are available in the slack channel linked below.

Participate

This project is an evolving open source effort and your assistance is welcome. To collaborate join the #ca-water-challenge channel in the Open Oakland Slack

Updating The CA Map

On the landing page, there is a map showing the number of people affected by CA Congressional district. This is presently a png to optimize load time. If/when leaderboard-ca-state-assembly.json data is updated, this chart will need to be updated as well. To have the site regenerate the map drawing, simply change this line to "true". After that, the new map can be screenshotted/downloaded and used to replace docs/cali-map.png.

clean-water's People

Contributors

aaronhans avatar dependabot[bot] avatar mkeisenbach avatar ruckeralex avatar sharkberto avatar spennino avatar tdooner avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

Forkers

hwiley-dev

clean-water's Issues

Add mouseovers to D3 graphs on homepage

The D3 powered map and graphs on the first page of water.openoakland.org could be more usable if the bars on the charts and regions on the maps show tooltips when you mouseover them

This issue was suggested by Alissa Rubin:
"graphs and map should have mouse-over information showing what system(s) are indicated by each bar, what number of violation counts they are at, and how many systems are blocked together at that number of violations"

Order displayed datasets by date

Optimization suggested by Alissa Rubin

Water system data on system specific page would make more sense if it was sorted by date

Add header to map page

Currently missing from this page, could be put on top of map as overlay at top of page

Better axis labels on non compliant systems chart

Optimization suggested by Alissa Rubin:

The bar graphs on the homepage showing number of systems out of compliance have this issue:

"- sometimes y axes of two charts show decimals when there is only a small number of systems/analytes which is a bit confusing; should only show whole numbers and can probably have less wide bars"

make data tables sortable by header

Optimization suggested by Alissa Rubin:

"- the displayed water systems should probably be able to be ordered by each column, so you can view for most violations, or alphabetically, or by population, etc."

issues with systems in violation chart

There appears to be a data issue with the information displayed in the "Number of systems in violation" bar graph on the homepage of water.openoakland.org. How this data is generated and displayed should be reviewed.

This issues was noticed by Alissa Rubin

"- it seems for middle chart that the violation count maxes out at a lower number than the violation counts listed below in the spreadsheet, and not all systems in violation are shown? ex, when filtering for arsenic, it says 81 systems are in violation but the chart only goes to 40. I think a more useful way to display this would actually be to have past violation count as the X axis, and then # of systems in violation on the Y axis and have the bars somewhat discreet (aka spaced apart a little bit). A mouseover of each bar might list the systems at the level, or simply show the exact x and y axis numbers for easy reading."

Suggestions from Ariel Chavez at the CA State Water Board

I'm sure some of the following may already be on the list for their future improvements, but here are some suggestions I have:

  • Can the graphics be made to be clicked on so they may be viewed larger?
    Wendy would probably want an asterisk by "unsafe drinking water" to define how we associate non-compliance with exceeding primary state/federal drinking water standards
  • In regards to the links in top left-hand corner
    • Maybe rename the last link to "Map of Chronic Violations" (so viewers will see the word "Map" first) or "Map of Continuous Violations"
    • For top right, maybe reword as "Reporting Period : 2012-Current*"
  • In regards to Map"
    • Review colors of "splashes" for color contrast; the grey over the background blue is a little hard to see in some places (Accessibility Issue)
    • Something I had to do with our HR2W map (and still need to work on) is using language around 6th grade level to ensure most people can understand it. Perhaps instead of the work chronic, use "continuous?" Just one example. Perhaps wording across the site can be reviewed and edited appropriately.
  • In regards to Leaderboard:
    • Capitalize Title, maybe reword? Maybe: "Population at Risk by California State Assembly District"
    • Wording Example- 198,973 constituents without access to clean drinking water? This is a population count right?
    • Check color contrast of wording against blue background
    • Add button to return to home

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.