Code Monkey home page Code Monkey logo

sf-environment-benchmark's People

Contributors

geoffnet avatar smoningi avatar thfield avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

sf-environment-benchmark's Issues

Map tasks for GHG Emission

  • figure out why histogram for metrics other than energystar aren't working properly
  • update gh-pages branch
  • send link to Seung-hee

README.md suggestions for N00bs

I was wondering if we could add a getting started section to the README.md? Something like

step 1. clone repo
step 2. start server
step 3. profit!

scatter plot improvements

  • transition on exit() and enter()
  • add axis labels
  • pretty-format y-axis
  • highlight a particular building
  • flip order of colors (blue = lower EUI)

credit modeler

who wrote the modeling code? we should credit him in the README

Histogram improvements

  • highlight bar should fade slowly if moused over nothing?
  • transition bars on exit() and enter()
  • add y-axis
  • add axis labels

UI Issues

choose to display 'GHG emissions' or 'SITE/Source EUI' on map instead of 'Energy Star Score'
When the user clicks on a selected metric:

  • the map should update with the new data
  • the legend colors should update
  • the scorebox displayed value should update
  • the histogram should update

bugs when switching metrics

when switching metrics, something's not refreshing:
in maps, try switching metics to site eui, select "all" explicitly and the histogram distribution changes.

use d3 color scale instead of switch

@geoffnet, since you want to get more familiar with D3 this is a good place to implement a common D3 pattern and clean up the code a little.

In main.js there is a switch statement to decide the background color of the switchbox element, but we should be able to use the color variable, which is a d3 quantize scale.

I believe it would be a matter of changing the switch to something like scorebox.style.backgroundColor = color(escore) with an if to set the text color accordingly

refactor geojson using new dataset from city

using newly released landuse dataset we should be able to grab geojson for individual properties using soda api:

https://data.sfgov.org/resource/a2rp-pwkh.json?block_num=0871&lot_num=016
or
https://data.sfgov.org/resource/a2rp-pwkh.json?blklot=0871016

update geojson merge

with the release of new data, we should grab a new geojson file that contains only the parcels that are present.
this should be in the form of a script that makes a SodaQL query to data.sfgov.org

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.