search

Police-Data-Accessibility-Project / data-source-map

Map of dataset statuses
4 stars 0 forks source link

feature: add counties map #15

Closed joshuagraber closed 1 month ago

joshuagraber commented 3 months ago

This PR adds a new map that highlights US counties from whose policing institutions PDAP has data.

To test

  1. Check out this branch, run npm i then npm run dev
  2. Navigate to localhost:8888/counties

Still to do

Some ideas for iteration:

  1. Do we want to look into any particular user interaction?
  2. i.e.: do we want any sort of sidebar or popup here that displays data on a particular county when hovered or clicked?
  3. Would it make sense to have a sort of legend included that would communicated to the user what the different opacity levels mean? (i.e. the population legend in this chloropleth map example?)
josh-chamberlain commented 2 months ago

@joshuagraber Sorry about the delay in testing this! I'm getting a 404 loading the styles, looks like:

Screen Shot 2024-07-30 at 12 39 11 PM Screen Shot 2024-07-30 at 12 38 28 PM
joshuagraber commented 1 month ago

@josh-chamberlain Sorry so long in getting back on this. I am not having that issue.

https://github.com/user-attachments/assets/923aae16-b133-49f0-a5b2-a1cf3a4a5c44

https://github.com/user-attachments/assets/405f8a3c-8efc-4f89-9544-258ebe04db2f

Do you have .env file with VITE_MAPBOX_TOKEN var set, and is it updated to use the token associated with your account?

josh-chamberlain commented 1 month ago

@joshuagraber ah, my token was out of date. This is looking fantastic, and I suspect it will be ready for prime time soon.