a-b-street / a-b-street/severance_snape

Rethink styling

Open
#23 1 comment 1 reaction 0 assignees View on GitHub
Dominant language
Svelte
Stars
8
Forks
1
PR merge metrics
No merged PRs in 30d

Description

The current view is quite messy.
![image](https://github.com/user-attachments/assets/9a8641ab-9790-4582-90f8-6c143e4f4a9f)

Backing up, what're the important elements to communicate?

- Severances
- It should be clear if walking on one/both sides of one is possible (has a sidewalk or not)
- The (often few) crossings over them
- The usable walking paths of all sorts (dedicated sidewalks, small residential streets where there might not be any, but it's generally low-stress to walk and cross anywhere)

Here's a negative-space attempt, starting from blank.

![image](https://github.com/user-attachments/assets/a2099557-c229-44d3-9180-3b7e691db76a)

At very low zoom, this has some problems. The crossings get squished; in some places it looks like there's a crossing over a severance, but it's actually parallel to it.
![image](https://github.com/user-attachments/assets/88e0e8bc-ce89-4d9b-87d8-ae17375de547)
![image](https://github.com/user-attachments/assets/e3ba66dd-2618-49da-a048-63a9029ad4d9)

And it's also impossible to see sidewalks along a severance or not. For the second problem, maybe it's possible to play with the line casing for that.

Once this base idea is working, I want to go further and basically do an area permeability analysis. Within each zone surrounded by severances, how easy is it for people to walk through?

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue discusses redesigning the map visualization to better communicate severances, crossings, and walking paths. Start by examining the current view component and styling in the codebase. Look for files handling map rendering, likely using a library like Mapbox or Leaflet within Svelte. The goal is to experiment with negative-space styling and line casing to indicate sidewalks, then later implement area permeability analysis. 'Done' means a new visual design that clearly shows walkability and crossings at various zoom levels.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization, frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.