Giter Site home page Giter Site logo

clhenrick / bushwickcommunitymap Goto Github PK

View Code? Open in Web Editor NEW

This project forked from aepyornis/bushwickcommunitymap

15.0 15.0 5.0 11.33 MB

Interactive map for tracking gentrification in Bushwick, Brooklyn, NY.

CSS 27.77% HTML 22.55% JavaScript 49.68%
brooklyn bushwick carto cartodb civic-tech civictech gentrification informs-nyc-residents leaflet leaflet-map map nyc urban-planning

bushwickcommunitymap's Introduction

Hi there ๐Ÿ‘‹

  • ๐Ÿ˜„ Pronouns: he/him/his
  • ๐Ÿ”ญ Iโ€™m typically working on StoryMaps.com
  • ๐Ÿ’ฌ Ask me about: web prototyping, data vis, cartographic design, D3JS, LeafletJS, React, CSS
  • ๐Ÿ“ซ How to reach me: @[email protected] or my website
  • โšก Fun fact: I road my bicycle across the U.S. and Canada (via the "Northern Tier" route), it was a long bike ride ๐Ÿšด

bushwickcommunitymap's People

Contributors

aepyornis avatar clhenrick avatar gianordoli avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

bushwickcommunitymap's Issues

enable date range slider?

We should maybe re-evaluate this part of the UI as it may not work well for such a wide range of years (1800 - 2013). Even if we only allowed the user to select by unique years it would still give them 117 options to choose from. This might be too many for a UI range slider, open to hear what other's think.

add images to pages

include the following images in the non-map pages:

  • Logo for the about page
  • FAR diagrams created by @dmtta for the glossary page

Make site mobile friendly?

Think this would be important to do for the parts of the site other than the map if we have time. (Eventually making a mobile design for the map would be nice but think it will be a lot more work). Would only involve some CSS @media queries and we can do it while we wait on the stories from Ziggy and Brigette.

Reorganize file structure

All website files should be in one directory (ie public). Associated files (SQL, non-website content, etc) should be outside of this directory

make landing page mobile friendly

Disable map UI and slide show. Display Nav Bar, NBW Logo and a message like 'Please visit the map on a device with a larger screen when you have time. Feel free to explore the rest of the site on your mobile device.'

switch UI style for base map layer toggle

@gianordoli or @namreta would either of you want to take a stab at this?

Right now it's working but being styled as a default UI in the bottom left corner of the window. We need to wire up the functionality to the UI element near the top right. The Leaflet methods that will be connected to this will be map.addLayer and map.removeLayer. When adding the layer make sure insertAtTheBottom is set to true.

add ACRIS link to tax lots

reference from Ziggy's original code:

'<a target="_blank" href="http://a836-acris.nyc.gov/bblsearch/bblsearch.asp?borough=3&block=' + feature.properties.Block + '&lot=' + feature.properties.Lot + '">Click here for ACRIS information</a>';

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.