Add polygon outlines to labelmap and user dashboard

[misaugstad]

The maps on the user dashboard and the Label Map don't have polygon outlines for the neighborhoods which makes it hard to see what's really going on. This is especially true if there is not much data, or the neighborhoods we are auditing are not connected (like in Mexico City).

[MattJ12]

@misaugstad. I have been playing around with different border weights and opacities and thought I would post them here to see which ones we want to use. I made the border weight the same weight as the black lines drawn for the streets on the label map (3). With border opacity 0.25, you can see how the border gets darker in some areas where multiple borders overlap, one solution setting the border opacity equal to 1. I included a picture of this on the user dashboard, but the bright red looks a little out of place.

user dashboard before:

user dashboard after:

user dashboard with border opacity = 1

label map before:

label map after:

Let me know which type of styling we want to use for the borders.

[jonfroehlich]

Nice work! Can your try light or dark gray with ~70-80% opacity (yes, I realize these look similar to roads, so make sure line widths are skinnier for borders). Also, try dashed lines.

…

On Sat, Jun 27, 2020 at 12:43 PM Matthew Johnson ***@***.***> wrote: I have been playing around with different border weights and opacities and thought I would post them here to see which ones we want to use. I made the border weight the same weight as the black lines drawn for the streets on the label map. With border opacity 0.25, you can see how the border gets darker in some areas where multiple borders overlap, one solution setting the border opacity equal to 1. I included a picture of this on the user dashboard, but the bright red looks a little out of place. user dashboard before: [image: userdashbefore] <https://user-images.githubusercontent.com/32688680/85930677-34836e80-b873-11ea-9c33-fa96d0698117.jpg> user dashboard after: [image: userdashafter] <https://user-images.githubusercontent.com/32688680/85930681-3d744000-b873-11ea-8b3f-68ede34b5bca.jpg> user dashboard with border opacity = 1 [image: opacity=1] <https://user-images.githubusercontent.com/32688680/85930742-bbd0e200-b873-11ea-942a-0fcbba3aa990.jpg> label map before: [image: labelmapbefore] <https://user-images.githubusercontent.com/32688680/85930687-4c5af280-b873-11ea-859c-e10c5ff3e9e9.jpg> label map after: [image: labelmapafter] <https://user-images.githubusercontent.com/32688680/85930690-541a9700-b873-11ea-8e3a-6bfb587a34e6.jpg> Let me know which type of styling we want to use for the borders. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#2085 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAML55JEGSQR4K7MR7EMWU3RYZDW7ANCNFSM4MWWPCJA> .

-- Jon Froehlich Associate Professor Paul G. Allen School of Computer Science & Engineering University of Washington http://makeabilitylab.io @jonfroehlich <https://twitter.com/jonfroehlich> - Twitter Help make sidewalks more accessible: http://projectsidewalk.io

[MattJ12]

@jonfroehlich

color #888, 80% opacity, width 2, dash length = 5

user dashboard:

user dashboard w/ dashed borders

label map:

label map w/ dashed borders

[misaugstad]

I think that in addition to the outline, it might be useful to have some sort of low opacity coloring of the neighborhoods.

[MattJ12]

I think that in addition to the outline, it might be useful to have some sort of low opacity coloring of the neighborhoods.

Something like this?

[misaugstad]

Yeah something like that. I'd like to see it on a noisier map with labels too

[MattJ12]

Yeah something like that. I'd like to see it on a noisier map with labels too
Here is the label map:

Here is the label map w/ dashed borders:

Here is the label map with a different shade of grey

Label map w/ dashed borders and different shade of grey

[misaugstad]

Yeah I like that a lot better. It's much easier to see where the city is this way.

[jonfroehlich]

Me too. I like the lighter gray versions... not sure about dashed vs. solid line borders. Thoughts?

[misaugstad]

I think I prefer the solid lines, but I like both!

[misaugstad]

closing via #2156