Visualizing low-traffic neighborhoods and gated communities

[dabreegster]

Today, there are two types of roads colored pink.

This is a gated/private community in Seattle called Broadmoor. There's a physical gate surrounding this neighborhood; you have to show an ID to a guard to walk or drive in.

This is a Stay Healthy Street in Seattle. Also called "play street", "living street", "low traffic neighborhood" in different parts of the world. People can drive through there only if they live on that street, or they're making deliveries. Pedestrians and bicycles and people playing outside are supposed to be the main use. They usually have some kind of sign or barrier at the entrances:

We should probably depict these differently. The pink color isn't meaningful at all. We have the unzoomed view, shown above, and also the zoomed-in detail view like this:

Maybe we could have a simple 2D top-down rendering of a barrier or a gatehouse? For the unzoomed view, I'm not sure what to do.

@trangrei

[trangle157]

What I am thinking first is that yellow usually signifies limited use or some light heads-up (oftentimes warning but that might seem too heavy here). I haven't read carefully into what the red, green and yellow tickmarks mean, but I'll look into it today (May 24th) and think of solutions to be consistent with our brand guidelines and avoid repetition of color and thus confusion.

[dabreegster]

Yellow is indeed a common "caution" sign color:

I haven't read carefully into what the red, green and yellow tickmarks mean

If you mean the real-life picture in the first post, I don't think those colors mean anything special; probably just some kind of reflective safety material.

We don't have to be limited to using color here, though maybe it is the simplest idea. OpenStreetMap puts these small grey ovals in the middle of the road to indicate some kind of private road:

https://www.openstreetmap.org/#map=19/47.63041/-122.28684
Since we draw people moving on the road, this might not work out for us...

I searched google images for "ltn map" to get some more ideas and found:


Both of these put emphasis on the intersections instead, which is a neat idea -- the private neighborhood is guarded by a gatehouse, and the play streets are blocked by some kind of small barrier that let bikes through, but slow down cars. We could try that:

But if we didn't color the streets pink, it wouldn't be too clear whether the north/south or east/west roads at those intersections had barriers...

We could try to draw the diverters:

I think this could work, even with the unzoomed people circles moving on top.

Zoomed in, maybe something similar is reasonable:

with some kind of icons to indicate bikes/foot traffic OK, no through-traffic for cars

Or even some attempt to physically show the planter boxes/signs often used...

These are all ideas focused on the "slow streets". For the private neighborhoods, I've also thought about calculating the land area surrounding the roads and just coloring all of that:

All of these are just random ideas, I don't know what will be intuitive for people to understand and not clash with the other information we're trying to present. But we have the ability to get fancier than just a solid color, for sure

[trangle157]

Yea actually, using a lot of colors are sometimes not advisable, as it adds more complexity for the interface. I will team up with Yuwen more to come up with a solution for this.

• The picture above is the conversion from the pie chart to the bar chart to reduce complications and retain the essence of the chart. This mindset would be useful for us! I think.

[Robinlovelace]

Great to see this discussion. It's important to visualise these 'point' based interventions that prevent through traffic for motor traffic (not always for motorbikes but that's a different story) but allow people walking and cycling to pass. I think these types of intervention could be the single most effective way to enable more people to safely and comfortably walk and cycle. In terms of detail, I'm confident that A/B Street can do a better job than OSM:

Note, those planters actually look like this:

Currently this is how they are rendered in A/B Street 0.2.52 (source): there is no indication of the planters.

This could partly be a result of the routing-focussed change to OSM that made the road an LTN, which simply added a small section of cycleway, guided by @mvl22 : https://www.openstreetmap.org/changeset/94519931

[Robinlovelace]

Of the sketches above the one that is most like a planter and most clearly provides filtered permeability is the most promising IMO but could clearly be improved from an aesthetic perspective.

[dabreegster]

Thanks for starting the wiki!

Back to visualization ideas, here's an attempt to compute and color the land surrounding the LTN / private neighborhood / access-restricted area. (I realize these're different and should be rendered distinctly, but not there yet.) It takes all of the buildings along private roads and forms a convex hull. Sometimes it looks half-decent, but convex hull isn't the right algorithm for all cases. If this kind of idea looks useful, I can put effort into fixing it up.

[dabreegster]

And just drawing the boundary of that convex hull, meant to evoke the idea of a fence/barrier. I'm not a fan, just throwing it out there:

[dabreegster]

And trying some different colors. Unzoomed, we have to not clash with the 4 agent circle colors. Also need to consider night mode.

[Robinlovelace]

Realise now that this issue is where this image should be posted (source with link to OSM and photo of the linear block feature):

I think that visualising barriers to cars, which transform roads from unpleasant dangerous places to sociable safe places, is important, the examples above make good progress in that direction. There is a question of how to define a street as an LTN or not, after discussion with Martin (who has been tagged enough in these kinds of discussion, thanks for all the input!) and I think the definition of roads with little or no through traffic, based on routing between junctions on major roads, is a good starting point but simply visualising barriers, e.g. barrier=planter will go a long way to highlighting where LTNs and the things that define them are.

[Robinlovelace]

Here's a bit of visual inspiration about what is needed: I think making the newly safe roads clearly different is vital for sharing the message. This tweet sums up the message well: https://twitter.com/adamtranter/status/1418475654627139587

Note the green, with associations of safety, plants (e.g. in planters) and an outdoor feel.

[dabreegster]

Before this gets lost to history: #715 (comment) bunch of ideas for zoomed-in rendering

[Robinlovelace]

Nice illustration of a private sign in #715. I think something like this but filtered would be a pretty quick win at a time when these things are going in and people are increasingly interested in redesigning streets using them. Modified version of sketch from @westnordost below.

LTN + planters is my 1st take, using the new LTN svg icon, on colouring for filtered permeability and change in colour of tarmac (to green in this case when zoomed in):

[trangle157]

Hi all,

I discussed with Dustin some animation idea and the planter is definitely a great place to start. After observing more LTN/walking street with planters, I think it serves well as an annotation for a walking/limited traffic neighborhood.

One question I would like to ask is about the use case. I talked to Dustin about the use of the LTN visualization tool to prevent rat-run, but before that, I read this documentation by @michaelkirk and I was wondering if the use case/purpose of LTN in these two cases are complementary to each other? (allowing for biking/walking through Broadmoor and prevent rat-runs to keep a peace of mind for the biker and walkers?)

https://a-b-street.github.io/docs/proposals/broadmoor.html

[dabreegster]

allowing for biking/walking through Broadmoor and prevent rat-runs to keep a peace of mind for the biker and walkers?

There are similarities, because both restrict who can access some space. I originally lumped these two ideas together because some of the rendering seems like it could serve both purposes. But I think we should focus on LTNs in the rat-running sense. There's really only one gated/private neighborhood that we know of that's interesting to study/write about -- and we already have done that. But there's dozens of places actively looking into adding modal filters and creating LTNs right now, and even more looking at a more dramatic version (superblocks). So I'd vote for forgetting about Broadmoor / the gated community case and focusing the efforts of this new tool on creating car-free or car-light public spaces.

[trangle157]

I think in the article they mentioned

According to a 2019 study published in the journal Environment International, a full realization of the city’s 503-block plan could prevent 667 premature deaths per year.

And it seems like preventing cars cutting through limited traffic neighborhood would be conducive towards this goal of reducing noise/pollution/accidents and thus healthier streets and neighborhood. And as @Robinlovelace mentioned the planter is also promising towards visualizing such areas, so can we possibly incorporate these ideas in mind for our design?

[Robinlovelace]

And as @Robinlovelace mentioned the planter is also promising towards visualizing such areas, so can we possibly incorporate these ideas in mind for our design?

Big thumbs up from me, I think the motivations for this are well documented in the recent comments above. Thanks for looking into it and look forward to seeing what emerges from this discussion, very happy to comment on any subsequent ideas/designs/implementations!

[Robinlovelace]

One more comment on looking at the recent images above: the 'green tarmac' I created was created with a 50% opacity green over the previous color. Thinking again I think more like 70% opacity would be better at showing the transformational change that adding these planters can created, but open to other ideas/colors. Thanks!

[trangle157]

Hi Robin, I think showing the roads in green after the planters are added to the map is an amazing idea, as it clearly shows the "green effect" (but we can also use it to annotate a street that has absolutely no rat runs after those planters are included)

mainscreen of rat run viz tool

toggle mode to see all rat runs

This is a very quick static prototype I have of the possible inclusion of

1. a minimalistic symbol for planter
2. feature to toggle showing all rat runs (my initial thought is to make the rat run roads opaque in this mode, so the roads with the most rat-runs going through would be the reddest, but it didn't seem too obvious on Figma, compared to opaque dot plots where each dot only partially overlaps one another)
3. neighborhood name included
4. play button to start simulation after planters are added

I think the behaviors of what happen when users play the simulation is what to be worked on. One question I have from the engineering end is: Can users play the simulation and add the planters at the same time, or would the animation transition be too abrupt?

I would love to tag you in this Figma file but couldn't find your email, but maybe @dabreegster could add you to the file!

map svg credit: https://www.freepik.com/free-vector/street-map-desing-with-catering-sector-pins_1106050.htm

[mvl22]

Most of the bits of those streets you marked in green are still potential rat-runs though, given that there are spurs for smaller streets shown coming off them. Only the very edge where they join the main road isn't.

Are you planning to perform a full routability analysis? Modal filters do or don't have significant changes further up the street network obviously.

https://www.cyclestreets.org/news/2021/07/25/mapping-ltns/

[trangle157]

Hi Martin, thanks for joining our conversation! So most of these are prototypes for visual purposes so they don't account for precision of the analysis. This is mainly for interaction design/what behavior will result in after users click or perform certain actions.

[matkoniecz]

rat run viz tool

What about marking places where access become completely impossible? Unless someone wants to pedestrianize street it is unwanted.

[trangle157]

Hi, please refer to our documents above (one of our goals is to make the streets friendlier to pedestrians and bikers).

[Robinlovelace]

Quickfire response to @mvl22 on this question "Are you planning to perform a full routability analysis? " Yes, my understanding is that A/B Street does full routing analysis to identify streets that are rat runs and residential streets that do not allow a more direct route between junctions on larger roads (aka low traffic neighbourhoods, LTNs) but this is work in progress and can be tweaked. There are of course different weighting factors for different modes of transport and different ways of defining 'rat run' (e.g. are they more direct meaning decreased distance or faster including turns at junctions meaning decreased time compared with sticking to main roads?) and LTN but that's for a different issue I think - I've just created a placeholder issue where we can discuss this #768

The focus of this issue is on the visualisation of low traffic neighbourhoods, however defined.

[Robinlovelace]

And in terms of visualisation, I really really like the design work illustrated in this comment: #660 (comment)

I guess that seeing all 'rat runs' may be more useful than seeing one-at-a-time. That could also make the UI simpler. But I really like the concept and different colored roads depending on how save they are for walking/cycling/wheeling/playing which is basically the same as how much through traffic there is (none in an LTN).

[dabreegster]

The design is looking awesome, keep it up! I'm excited to jump back onto this in a few weeks.

Can users play the simulation and add the planters at the same time, or would the animation transition be too abrupt?

I haven't figured out yet how to create some sample traffic through the area, so I'm not sure -- good question. If we let people place filters while there are vehicles moving around, there might be some weird cases that happen, if the vehicle's intended route suddenly changes. Alternatively, we could just reset the simulation and create a new batch of vehicles after changing filters. Since the traffic's purpose is to visually demonstrate possible rat runs and changing filters changes the rat runs possible, this might make more sense. But open question!

Are you planning to perform a full routability analysis? Modal filters do or don't have significant changes further up the street network obviously.

Yes. Extremely primitive implementation is described at #762 (comment). We're also not yet interpreting all of the traffic calming features tagged in OSM, still at the early prototype/visioning phase.

The focus of this issue is on the visualisation of low traffic neighbourhoods, however defined.

Huge +1 to keeping this issue focused on visualization and UX!

What about marking places where access become completely impossible?

This is also on the list. If a user totally blocks off some roads to vehicle traffic, we need to make that very obvious, since it's probably not intended. One design idea is to highlight the unreachable area in red and use some alert icons. Another is to draw very prominent arrows at the entry/exit of a neighborhood, and maybe have a warning in the panel when there are no usable entrances.

I think cutting off an area to motor vehicles entirely should be a valid state in the tool, since some people might want to imagine super-blocks, not just low-traffic areas. Making the routing/reachability consequences of filter placement obvious is the job of the tool.

[Robinlovelace]

Example of large area that's almost completely blocked off to motor traffic: https://www.openstreetmap.org/relation/86313#map=17/47.97588/7.82326 I've been there, it's great, there are entire academic studies about this place, Vauban.

[Robinlovelace]

Interesting comments on Vauban and point taken: imagine house prices there are pretty high, as in many successful 'eco communities' including the recent 'Leeds Climate Innovation District' near me (which also seems a great from my brief visit earlier in the year). I only stopped at Vauban briefly on a cycle trip from Lake Como to the Black Forest (great ride if you get a chance!), really enjoyed seeing kids playing outside in the green spaces, seemed to be a good vibe when I was there in summer 2015.

Are there any other examples of areas with low levels of car ownership and access that you would recommend checking out? Another fun one that is not really sustainable is car free Mackinac Island, a hotspot for tourists driving and flying long distances to get there!

[Robinlovelace]

(Realise this may be going off topic again, apologies if so, although examples could be useful for addressing this issue!)

[dabreegster]

I started #770 for more general discussion. I'm enjoying the conversation and learning lots, but yeah, let's stay focused in this issue on rendering/viz please

[dabreegster]

map svg credit

@trangeriale, I think the color scheme you've chosen for the different LTN-related elements works really well on this image. We currently use a different scheme for the unzoomed view. Do you think we should switch to something closer to this example for the LTN tool? It should be hopefully be simple to try it in https://github.com/a-b-street/abstreet/blob/master/map_gui/src/colors.rs... figuring out how all of this works in the zoomed-in view is another matter, though. I like Robin's transparent green tarmac layer idea for that.

[dabreegster]

Lots of awesome discussion here, but nothing actionable anymore. #856 has some ideas for improving what we've got further