Rethink styling

The current view is quite messy.

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.


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.

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?

この issue では、分断、横断、徒歩経路をより適切に伝えられるよう、地図の可視化を再設計することについて説明しています。まず、codebase 内の現在の view component と styling を調べてください。地図のレンダリングを処理しているファイルを探します。Svelte 内で Mapbox や Leaflet のような library を使用している可能性があります。目標は、歩道を示すためにネガティブスペースを使ったスタイリングと line casing を試し、その後でエリアの透過性分析を実装することです。「Done」とは、さまざまなズームレベルで歩行可能性と横断箇所を明確に示す新しいビジュアルデザインができた状態です。

索引モデルが issue の本文から書いたものです。