Code Monkey home page Code Monkey logo

letsplanorg's Introduction

LetsPlan.org

A tool for neighbors to learn about the economics of their RCO using open data so they can better engage in community planning.

Documentation

See this repository's GitHub Pages website for documentation automatically build from the docs/ directory: https://urbanspatial.github.io/LetsPlanOrg

Technology components

  • Laravel backend
  • Vue frontend
  • Mapbox GL vector map
  • Kubernetes deployment via Helm
  • GitHub Actions build automation

Screenshots

Sale price indicator

Sale price indicator

Other indicators

Other indicator

letsplanorg's People

Contributors

themightychris avatar markkimsal avatar timelyportfolio avatar ryon avatar iconico avatar holly-g avatar chriscauley avatar

Stargazers

AM avatar Joe Kay avatar Roberto Salas avatar  avatar

Watchers

 avatar  avatar James Cloos avatar Roberto Salas avatar  avatar

letsplanorg's Issues

Render development suitability index to map

Relevant recent changes

  • set up the "Planning Overlays" tab in the UI (#44)
  • loaded planning overlay data into the database (#49)
    • presently only dev_index is available
  • added dev_index to the feature data embedded in the parcel map (#60)

Your mission

Get the map colored based on dev_index when you're on the "planning overlays" tab and have the "development suitability" toggle enabled

  • See the "sale price" tab for an example of the map being colored based on a min/max number range, use the same color scale
  • The min/max for dev_index will always be 1-100, you can hard-code this

Bonus points

  • visually and functionally disable the "preservation" toggle, since it's data is not available yet but we want to keep the placeholder
  • ready the code to support rendering both dev_index and pres_index to the map
    • both are scaled 1-100
    • when both are checked at the same time, add values together so the new scale is 2-200
    • whatever the scale, map its min/max to the same range of colors

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.