GithubHelp home page GithubHelp logo

amyh11325 / webpb Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 8.27 MB

Analyzing data of lead concentration of drinking water in New York public schools. OmniHacks Best Website, Top 10 Overall.

Hack 4.17% PHP 62.78% CSS 0.68% HTML 28.78% JavaScript 3.58%

webpb's Introduction

Web PB

Overview

When lead permeates public water systems, children are directly put at risk. In analyzing the lead concentration of drinking water in New York public schools, we hope to draw attention to this issue.

Inspiration

After the public outcry over the government's inaction in remedying the situation in Flint, Michigan, where the public was forced to contend with lead-infused water, we wanted to continue to draw attention to this issue since it spans numerous low-income communities in the U.S. Since children are not required to be tested for lead poisoning, numerous cases go untreated. By analyzing data concerning the lead concentration of drinking water from New York public schools, we aim to illustrate how this issue can fester in a populous state.

What it does

By entering a ZIP code, users can identify schools in their ZIP code and see the water quality of the water facilities there. The lead concentration of drinking water is displayed across numerous school districts in the state of New York so that users can comprehend the magnitude of the issue and compare the quality of water in their area as compared to neighboring ZIP codes.

How we built it

Using HTML and CSS, we constructed the static form of the website. Then, we used PHP to extract information from a large CSV file that contained all of the survey data. We then used the data to identify descriptive characteristics, which we displayed numerically and graphically and then provided further information about the extent of this issue for interested users.

Challenges we ran into

We initially struggled with implementing the Heatmap that depicts the quality of water across several school districts. In converting the data from a CSV into a usable array, we began by using Google Fusion Tables, but transitioned to using a Leaflet heatmap plugin and were able to properly visualize individual data points with respect to the entire dataset.

Accomplishments that we're proud of

Converting a large CSV file into a usable array presented a challenge, but by being able to successfully make this conversion and display the data accurately and efficiently, we are glad to have analyzed this data well. Additionally, the Heatmap that illustrates the distribution of data points required much precision and a thorough trial and error process and so we are proud to have completed it.

What we learned

Using several languages with different capabilities can present a challenge, especially when one is obsolete compared to another. We also learned to research possible alternatives to certain APIs or services when they proved to be incompatible with the framework of our product.

What's next

We hope to implement a mechanical aspect to our project so that users can test drinking water themselves and contribute to a collective dataset shared by schools nationwide. We also hope to analyze the drinking water in other states as well and identify a correlation between socioeconomic status and quality of drinking water.

Built with

HTML, CSS, PHP, JavaScript, Leaflet.js
DevPost link for the OmniHacks hackathon here.
Data obtained from Lead Testing in School Drinking Water, a survey conducted by the Department of Health.
Components of this website include a heatmap plugin from Leaflet, which can be found here.

webpb's People

Contributors

sashrikap avatar amyh11325 avatar

Watchers

James Cloos avatar

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.