Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve lower mid zoom levels #2194

Closed
matthijsmelissen opened this issue Jun 22, 2016 · 45 comments
Closed

Improve lower mid zoom levels #2194

matthijsmelissen opened this issue Jun 22, 2016 · 45 comments

Comments

@matthijsmelissen
Copy link
Collaborator

matthijsmelissen commented Jun 22, 2016

There is a lot of room to improve the lower mid zoom levels (z6 to z9). They come across as rather unpleasant and hard to read.

Some alternative renderings that do, in my opinion, a much better job:
https://geodienste.lyrk.de/
http://korona.geog.uni-heidelberg.de/
http://www.cartogiraffe.com/
http://maps.sputnik.ru/
http://osm2vectortiles.org/
I'm not sure if they're solely using osm-data for these zoom levels though.

I wonder what improvements we could make to make these zoom levels look better?

Cc @matkoniecz

@matthijsmelissen
Copy link
Collaborator Author

matthijsmelissen commented Jun 22, 2016

@matkoniecz also asked for examples from paper maps. In the Netherlands, the most well-known maps are the topographic maps from the government and the Bosatlas (an atlas).

I couldn't find much online from the Bosatlas, but here's at least a sample.

Topographic maps can be found here (throughout the years!). I must say the low zoomlevel ones are not very good.

@kocio-pl
Copy link
Collaborator

From my old wiki page on low zoom there are still some related issues open:

I am also interested if we plan to show some physical landcover there?

@matkoniecz
Copy link
Contributor

And some maps that ended on my list of "good mid zoom": http://mc.bbbike.org/mc/?lon=8.116896&lat=50.460645&zoom=5&num=6&mt0=mapbox-transportation&mt1=google-map&mt2=google-panoramio-physical&mt3=esri&mt4=mapnik&mt5=osm-roads&marker= (Esri, Google Maps, OSM Roads, Mapbox Transport).

@kocio-pl
Copy link
Collaborator

kocio-pl commented Jun 29, 2016

And some maps that ended on my list of "good mid zoom"

My 5 cents:

  1. None of them is good at showing rivers - and we could try it.
  2. HOT looks interesting to me - even from z5 (z4 is overcrowded with names). It has some issues with borders to fix, but with current roads from osm-carto (and rivers) middle zoom could be quite nice.

@matthijsmelissen
Copy link
Collaborator Author

I still like maps.sputnik.ru a lot. Does anybody know who is behind this rendering, and if their stylesheet is public?

@kocio-pl
Copy link
Collaborator

kocio-pl commented Aug 4, 2016

I don't know, but on this site there is an e-mail address you can try using (maps@corp.sputnik.ru).

@SomeoneElseOSM
Copy link
Contributor

I've not read through it in detail, but there's a shed-load of information on the Russian forum about it: http://forum.openstreetmap.org/viewtopic.php?id=25565

@matthijsmelissen
Copy link
Collaborator Author

matthijsmelissen commented Aug 14, 2016

I experimented with further lowering landuse colors, in particular forest. This seems to result in a large improvement on mid zoom:

Old
screenshot_2016-08-14_23-05-27

New
screenshot_2016-08-14_23-06-47

This is only a first proof of concept of increasing lightness and decreasing chroma, I didn't select a particular color yet. Our final choice might be less extreme. Also we'd need to look in how this change would related to the other greens.

@kocio-pl
Copy link
Collaborator

kocio-pl commented Aug 14, 2016

I've been also thinking lately about something like this and I ilke your example.

We already use desaturation on lower zoom levels, but in a very limited case (service tram lines). I believe you've touched farmlands here, which is a second to the forest (Luxembourg does not suffer from it as much as many other places, but I can see strong golden spots even here).

In general I think we have quite too much yellow from mid-zoom up, as a color or just a tint (that was one of the reasons I gave up yellow tertiary), so maybe aside from desaturating we could make the map less yellow. The land and farmland colors on the altered version are still so strong, that roads (especially orange ones) are not as visible as they were designed to be. Proposed water color change will also bring more balance in that respect.

@pnorman
Copy link
Collaborator

pnorman commented Aug 15, 2016

This is only a first proof of concept of increasing lightness and decreasing chroma, I didn't select a particular color yet. Our final choice might be less extreme.

I like the general direction.

Also we'd need to look in how this change would related to the other greens.

Too many shades of green :(

@nebulon42
Copy link
Contributor

Looks good for midzooms, but we should not lighten things further up at higher zooms. We already got "map is too pale" feedback and we would push the feedback loop - aesthetics balance further towards aesthetics.

@kocio-pl
Copy link
Collaborator

Do you plan to make a PR or you want to discuss something before? I would be happy to test the code.

@matthijsmelissen
Copy link
Collaborator Author

Do you mean me? I'd like to make a PR indeed, but I have loads of other things going on as well so it won't be soon. If you would like to work on this too, feel free!

@kocio-pl
Copy link
Collaborator

Yes, I meant you. =} I believe the code is ready (and used for showing new rendering)?

@matthijsmelissen
Copy link
Collaborator Author

I pushed my branch to https://github.com/math1985/openstreetmap-carto/tree/landuse-colors. As I said it's just a proof of concept though, I just made some large shifts in colour and didn't spend a lot of effort on finding the optimal colours yet.

@kocio-pl
Copy link
Collaborator

Related to #1387.

@matthijsmelissen
Copy link
Collaborator Author

Our feeling seems to be that mid zoom levels need weaker colours than higher zoom levels. I wonder what the design concept behind that is. Features are smaller on low zoom levels than on high zoom levels, so that would suggest the opposite (smaller features should be stronger). Any comments on this? @imagico maybe?

@imagico
Copy link
Collaborator

imagico commented Nov 20, 2016

I think the preference for weaker colors at lower zoom level comes from the idea of fading out their visibility. At the lowest zoom levels we currently do not render landcovers - not only because it is technically not feasible but also because it would be a mixture of inproper color mixing and rendering artefacts with relatively little meaningful information. There is a transit zone at the medium zoom levels where reading the landcover rendering becomes increasingly difficult as you zoom out but dropping some landcover types while keeping others is not really helpful either, dropping the grass color in an area with mixed grass/wood landcover for example increases noise instead of decreasing it. And ultimately it is quite arbitrary. Fading them out is a logical alternative.

The other reason to me seems to be that the roads loose their casing at some point which makes them significantly more difficult to read in front of a structured background. This can be compensated by weaker background colors.

Right now i think there is no area color that changes between zoom levels. Introducing something like that would be a big change in overall concept. The question is also what colors to change and what not. Should the water color stay the same? This would change the overall color balance and we always need to keep in mind that a certain map scale occurs at different zoom levels at different places so cross zoom level comparability is quite significant for practical use of the map.

@matthijsmelissen
Copy link
Collaborator Author

Right now i think there is no area color that changes between zoom levels. Introducing something like that would be a big change in overall concept

Exactly, so I'd like to first study if it's possible to keep the colours on all levels the same. Which is why I'm interested in finding out why we think we need different colours on different zoom levels in the first place. I hope #2448 is one of the things that will make this easier. Stronger road colours on midzoom might be another thing we need. Thanks for your comment.

@matthijsmelissen
Copy link
Collaborator Author

I feel a bit stuck with this proposal. Does anybody have any suggestions on how to proceed with this?

@imagico
Copy link
Collaborator

imagico commented Nov 29, 2016

I think it would be useful to have an idea how the map looks like at around z7/8 with all the area colors that are currently shown at z10+ but without the rendering artefacts that would normally be dominating at these scales (as evidenced by the appearance of wood/forest at z8 right now).

This would tell us to what extent the readability issues observed and which could as discussed be addressed by fading colors at the lower zoom levels are really an issue with the chosen colors at these scales and to what extent they are cause by limitations of the renderer that are just emphasized by use of relatively strong colors (and therefore just would be slightly concealed by using weaker colors).

I am not quite sure if there is an easy way to actually do such a test - simply doing a significantly higher resolution render of the landcover and water layers only and scaling down might be a reasonable approximation although color mixing is possibly a problem. But you'd need a database with all the required data of a reasonably large area for that.

@matthijsmelissen
Copy link
Collaborator Author

matthijsmelissen commented Dec 6, 2016

I'm still not sure how to proceed.

Highzoom seems to require dark saturated landuse colours to have sufficient contrast with white roads. Lowzoom seems to need light colours for sufficient contrast with the coloured roads.

Just for fun some screenshots of the map without roads:

Before:
screenshot from 2016-12-06 01-03-40

After:
screenshot_2016-12-06_01-06-56

Before:
screenshot_2016-12-06_01-11-38

After:
screenshot_2016-12-06_01-08-25

@matthijsmelissen
Copy link
Collaborator Author

With forest and grass adapted to the Sputnik colors:

screenshot_2016-12-06_21-42-28
screenshot_2016-12-06_21-43-10

@kocio-pl
Copy link
Collaborator

kocio-pl commented Dec 6, 2016

What are the Sputnik colors you mentioned?

Changing forest background color with grass and making grass lighter might have sense not only for mid zoom (however I would not touch parks). Where is the code branch you have used here?

@imagico
Copy link
Collaborator

imagico commented Dec 6, 2016

You know i don't have much appreciation of isolated ad hoc color changes without a solid concept behind them. If you are just sharing the results of trying a few things out without actual intentions for concrete changes that is perfectly fine of course.

Since you are primarily showing z10 here - the most obvious improvement would be to drop outline rendering of landuse=quarry and tourism=camp_site and drop rendering tourism=zoo at this scale.

What is also worth considering is unifying the urban landcovers into a common color at this scale - like the same color as used for the natural earth builtup areas at z8/9.

@kocio-pl
Copy link
Collaborator

kocio-pl commented Dec 6, 2016

The biggest problem I see there are forests and farmlands being too strong and water color being too weak.

@matthijsmelissen
Copy link
Collaborator Author

What are the Sputnik colors you mentioned?

The colors from http://maps.sputnik.ru/ I linked earlier.

You know i don't have much appreciation of isolated ad hoc color changes without a solid concept behind them.

True, but I don't really know what the concept should be, so hopefully some examples will give us a better idea what aspects are important. Do you have any suggestions (others than the ones you shared in the cartography documentation PR)?

If you are just sharing the results of trying a few things out without actual intentions for concrete changes that is perfectly fine of course.

At some point this should result in a concrete change of course, but I have the feeling we're still rather far away from that.

Since you are primarily showing z10 here - the most obvious improvement would be to drop outline rendering of landuse=quarry and tourism=camp_site and drop rendering tourism=zoo at this scale.

True, but I think it's easiest too first adapt the common colours like grass/forest/residential/farmland, and then adapt the other colours to that.

Anyway perhaps I could prepare a request for your suggestions already.

What is also worth considering is unifying the urban landcovers into a common color at this scale - like the same color as used for the natural earth builtup areas at z8/9.

Yes, that sounds like a good idea as well. Although on z10, harbour areas look quite big already.

@matthijsmelissen
Copy link
Collaborator Author

The biggest problem I see there are forests and farmlands being too strong and water color being too weak.

That's a comment about the current rendering, right?

@imagico
Copy link
Collaborator

imagico commented Dec 6, 2016

Do you have any suggestions (others than the ones you shared in the cartography documentation PR)?

At the moment i am not even sure what exactly the problem is you are trying to solve. If it is about readability of roads that my first thought would be changing the way roads are rendered. If it is about readability of the landcovers themselves i don't think fading the colors will actually improve readability.

The three color scheme for water proposed in #1781 by the way significantly improves contrast between water and landcovers, especially for rivers. I specifically had these scales in mind when drafting that.

Yes, that sounds like a good idea as well. Although on z10, harbour areas look quite big already.

Such things are always a compromise between what you gain and what you loose. In this case i don't think the loss of identifying harbour areas as industrial is too severe and the gain in clarity in normal urban context with usually fairly fine grained divisions is likely quite significant. Your mock-up without roads shows this quite well in the south.

@kocio-pl
Copy link
Collaborator

kocio-pl commented Dec 6, 2016

That's a comment about the current rendering, right?

Yes. Sputnik colors improve the forest, but if I see correctly don't change farmlands and I'm still not able to distinguish rivers from roads, so 2 of 3 problems remain. Although on this particular area farmlands don't look bad, so maybe forest and water change would be enough.

@kocio-pl
Copy link
Collaborator

kocio-pl commented Dec 6, 2016

At the moment i am not even sure what exactly the problem is you are trying to solve. If it is about readability of roads that my first thought would be changing the way roads are rendered. If it is about readability of the landcovers themselves i don't think fading the colors will actually improve readability.

Both are readable and more harmonic on Sputnik colors variant for me. Landuses have more common saturation level and work as a good, non intrusive background for lines, dots and names. It does not make individual landuses to be better readable, but it makes it easier to recognize them as the same class (areas).

@kocio-pl
Copy link
Collaborator

kocio-pl commented Dec 7, 2016

My Sputnik-esque take:

Warsaw, z10

Before
ta8lfrcy
After
mm8u8klq

  1. Now the biggest problem seem to be too dark borders of nature reserves.
  2. Water is clearly visible as an area, but is still too light/thin as a line.

Luxembourg, z10

@math1985 rendering
screenshot_2016-12-06_21-42-28
my rendering
8ter58zr

They seem very similar to me, the rivers are a bit more readable, but not too much.

And a proof of concept with darker water and lighter nature reserve boundaries:

  • water - saturate(darken(#aad3df,30%),30%);
  • nature reserve boundaries - 40% darker than new forest (old grass)
    7ov3h3tu
    tj0z6kgq

@kocio-pl
Copy link
Collaborator

I don't know if this is a problem with tagging or just a different place, but on z10 in Japan dark water dominates everything:
mm1exkrj

however new water color without darkening works quite nice:
w0lnx6ly

@kocio-pl
Copy link
Collaborator

Related to #1755, #1936 and #1935.

@kocio-pl
Copy link
Collaborator

Ireland, z10 - testing my midzoom branch with big natural=heath areas:

dark water
1o2tz4xa

new water color
ajbjr3uq

@matthijsmelissen
Copy link
Collaborator Author

matthijsmelissen commented Apr 22, 2017

I'm still trying to work on this.

Before:
screenshot_2017-04-22_14-32-27

Suggestion:
screenshot_2017-04-22_14-32-10

@kocio-pl
Copy link
Collaborator

For me it's simply better. I like dark grey areas (residential, I guess) and I think water color is more visible too (more blue than grey, so it's also easier to recognize as water).

@imagico
Copy link
Collaborator

imagico commented Apr 22, 2017

I am trying to stay open minded towards these ideas although i have trouble with the concept of rendering landcovers as polygons in distinct colors without the intention for these colors to be discernible (which is obviously no more the case here for the various green tones or farmland and the bare ground landcovers).

But independent of that and of the question if the concept of fading colors at lower zooms levels is a good idea i am very much against having something like that is the style without a broader concept for the lower zoom levels beyond z10/11 which you focus on here. I am in particular thinking about z5-z8 which are the starting zoom levels new visitors see most prominently when they look at the map.

In addition specifically i don't think the extreme difference between residential and industrial in your example works very well. I assume you just tuned the residential color as an afterthought here.

Addition: The use of white without casing for the minor roads is an interesting idea. I don't remember having seen this in another map before - did you have a model for that or did you just come up with that yourself?

@kocio-pl
Copy link
Collaborator

Tuning also low zoom levels sounds good to me, middle zoom is just where the problem is the most visible for me.

@matthijsmelissen
Copy link
Collaborator Author

The use of white without casing for the minor roads is an interesting idea. I don't remember having seen this in another map before - did you have a model for that or did you just come up with that yourself?

Google Maps also does it.

@matthijsmelissen
Copy link
Collaborator Author

I assume you just tuned the residential color as an afterthought here.

In fact, it was the other way around: I wanted to make residential areas more visible, because I think that's one of the most important pieces of information to display at this zoomlevel (I might do that to industrial etc. as well). As a consequence, I had to find another colour for the unimportant roads.

@imagico
Copy link
Collaborator

imagico commented Apr 24, 2017

All right, but then you should definitely unify residential, industrial and other builtup areas into a common tone - otherwise you get a bad mapping incentive.

It would by the way also be interesting to see how white minor roads look with the normal colors. I don't think the gray roads at these scale are a particular problem but we have overloaded gray for line features for a lot of different things and reducing that would not hurt.

Still the primary need IMO remains to develop a concept that can be extended to the lower zoom levels and is not just for these intermediate scales in isolation.

@matthijsmelissen
Copy link
Collaborator Author

All right, but then you should definitely unify residential, industrial and other builtup areas into a common tone - otherwise you get a bad mapping incentive.

I agree, just didn't get to that yet.

Still the primary need IMO remains to develop a concept that can be extended to the lower zoom levels and is not just for these intermediate scales in isolation.

The primary scope of this work is z8-z11. Zoom levels lower than z8 currently don't show landuse (and I'm not sure if we want to, performance-wise), so it doesn't make much sense to include them. Of course, I'll make sure that the changes on z8-z11 work well with other zoomlevels too.

@imagico
Copy link
Collaborator

imagico commented Apr 24, 2017

The primary scope of this work is z8-z11. Zoom levels lower than z8 currently don't show landuse (and I'm not sure if we want to, performance-wise), so it doesn't make much sense to include them.

Right now we do not vary area coloring between zoom levels at all. If we decide to change that i think whatever approach we take should be evaluated for suitability also for the lower zoom levels - otherwise if and when we decide to also address the lower zoom levels we would end up with a new problem and yet another specific styling variation and ultimately essentially three completely different styles we would have to maintain in the long term.

And i don't think z8 is a particularly significant threshold. The only thing that starts at z8 area wise is forests. Overall we have the following starting zoom levels for areas at the moment:

z6: water areas and glaciers, water areas are already considered to be extended to lower zoom levels in #2507.

z7: nature reserves

z8: wood/forest

z9: bare_rock, scree and sand

z10: almost everything else

And from my perspective the problem about extending area rendering to lower zoom levels is not so much performance but the fact that the results would not really transport much information any more because they would consist almost exclusively of rendering artefacts (you can already see this quite well at z8).

@kocio-pl
Copy link
Collaborator

Resolved by #2654.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

7 participants