78 comments

[ 3.1 ms ] story [ 59.1 ms ] thread
The option of not just setting a fixed colour for certain features (like a building), but supplying a palette of colours for the renderer to randomly use is interesting. It makes the output playful. I don't think I've seen that feature before in OpenStreetMap renderers.
That contributes massively to readability.
Have you thought about building a site where users could order framed posters of any address they like using the output of this library? I think that would be cool
If they haven’t, I’m sure about 5 MVPs will be online by the end of the week thanks to this comment. It definitely looks like art!
Not only cool, but easy to monetize 8-)
I would buy one. These are gorgeous.
Running it in the Google colab thing (whatever that is) results in:

fig, ax = plt.subplots(figsize = (12, 12), constrained_layout = True)

fig is not defined

Looks like you need to load matplotlib with

import matplotlib.pyplot as plt

    Install with

    pip install git+https://github.com/abey79/vsketch#egg=vsketch
    pip install git+https://github.com/marceloprates/prettymaps.git
If prettymaps needs vsketch, why does it not put it into its setup.py?
Probably because it requires an unreleased HEAD version instead of something from PyPi?
Isn't setup.py a normal python script? Can't they put the same line they have in the description ...

    pip install git+https://github.com/abey79/vsketch#egg=vsketch
... into setup.py instead?
Yes, but it's not a good practice to specify full git url in setup.py, where I would expect to have sheer module name and version constraints if necessary. There is a convention about overriding requirements from setup.py via requirements.txt file, but here the author just decided to note it in a readme file instead to avoid the need to clone his repository manually.
So I don't do too much with Python but is it accepted practice now to use Pipfile or do most folks still use requirements.txt and/or setup.py?
Like for all languages there are a bunch of dependency managers. And everyone you ask will praise the one they use.

In my opinion, setup.py is best approach. I don't want to be forced to use some specific dependency manager. I just want to run setup.py and expect it to take care of dependencies.

    the author just decided to note it in a readme file
    instead to avoid the need to clone his repository
    manually
Isn't it the other way round? Because the dependency is noted in the readme, one has to clone his repo manually?

If it was in the setup.py, one could just run setup.py and everything would be set up.

(comment deleted)
Were you able to run the 2nd cell in Google Colab? I get the following error:

    FileNotFoundError: [Errno 2] No such file or directory: '/usr/local/lib/python3.7/dist-packages/numpy-1.19.5.dist-info/METADATA'
Need to restart the runtime.

Runtime > Restart Runtime

Thanks for the suggestion. In addition to restarting the runtime, I installed numpy independently:

    !pip install 'numpy>=1.3.0,<2.0.0' --force-reinstall
Now the maps work!
No idea. As soon as I click on something in that Colab thing, it tells me to make a Google account.
This is great! I played around a bit with openstreetmap data a month ago, and I couldn't find anything so straightforward.
I’d love to see hand drawn thematic maps (similar to amusement park maps) for specific regions.

Maybe a marketplace for such maps would allow artists to document their cities/neighborhoods.

(comment deleted)
I don't know what I was expecting, but those really are pretty maps!

I was hoping for some more documentation apart from the usage examples, although those are much appreciated too.

Came here to just say that they are super beautiful. Amazing color palettes and styles.
> I was hoping for some more documentation

Agreed. This is a good library but it is let down by lack of documentation. Reading the source doesn't help, e.g. this is "explaining" the parameters in the plot function:

    # Whether to use a backup for the layers
    backup = None,
    # Custom postprocessing function on layers
    postprocessing = None,
    # Radius (in case of circular plot)
    radius = None,
These sorts of comments merely repeat what's in the code and are worse than useless.
(comment deleted)
python matplotlib lives another day
Tangential but curious - was there discussions to replace matplotlib with something else?
I don't know about a discussion, but i know a lot of people are moving to plotly [1] or seaborn [2] as they are prettier and more intuitive.

1: https://plotly.com/python/ 2: https://seaborn.pydata.org/

Plotly is a fantastic library if you want interactive graphs/visualizations. It has good documentation and support. It fits my definition of easy to do simple things and possible to do hard things. You can also easily move your graphs to front-end since Plotly Python is basically binding to plotly.js . The downside is exactly that - there is javascript underneath.

Seaborn is good if you want something pretty and static with matplotlib underneath but do not want to mess with defaults too much.

Those are handsome results. Cool project!
Is this supposed to take 3-5 minutes each to generate a single map? Because that is what I'm seeing in the colab notebook.
Are you rendering a large area? OSM data can be big...
Gorgeous! I've been wanting an artistic map of Portland will unleash this lib on OSM data.
Semi-related question: what do you use for map visualizations like those on Our World in Data. The maps there are well-designed, with mouseover and colourization based on values. Eg: https://ourworldindata.org/explorers/coronavirus-data-explor...
Pretty sure it's d3 of one form or another.
D3 is pretty low level. I am sure the more high-level user-friendly stuff use if under the hood, but I don't know where to find them.
It's fun to see a fresh new take on how to draw maps in Python. I'm still mired in 10 year old concepts from when this stuff was much harder. This project just looks joyful.
Does anyone have a simple way to make rendered images from osm data? Usually it involves postgres, but I wish there was a renderer that could use the vector tiles directly...
The simplest is to fetch the OSM tiles directly (and cache them!)

   imgurl = "https://a.tile.openstreetmap.org/{0}/{1}/{2}.png".format(zoom, xtile, ytile)
the tricky part is to known which xtile, ytile to fetch, but Stack Overflow has the answer [1].

Then you can draw over them with `PIL` and also `cairo`, in order to lay SVG shapes onto the map. Cairo is somewhat hard to grasp, because it is outdated, but it draws perfectly smooth lines.

[1] https://stackoverflow.com/a/28530369

if you think postgres is challenging, try mapnik directly!
Beautiful. I wish there was a way to simplify OSM roads. For example, southbound/northbound highways are correctly stored as separate roads in OSM. But to draw an atlas, it's often enough to show the single highway.
Knowledge, and capability are like the surface of a balloon. Each day the balloon is expanded and it is only after a while you realise how far away from the surface point you are on, all the other surface points have reached. I mean i toyed with python and maps back in the day, and my intuition for how good looking you could make one of these is completely off.

This stuff is amazing.

I think I want there to be a professional software "continuing-education" [#] service. A course I do each 6 months that just gets me to run something for an hour (from astronomy to 3d-printing).

I know i could do it myself but the 10 -20 hours spent on each install wasted though bad configs seems something I would happily pay to avoid.

[#] Not a "re-education" camp. Although I know few devs I could send to one if someone provides seed funding. ;-)

Beautiful, different from what I've seen with other OSM data. Dying to be made into a web app
This are beautiful.

I had a go at doing roughly the same thing a couple of years ago [0]. It was mostly straightforward, but the part I really struggled with were rendering the sea. The encoding of OSM coastline is quite quirky [1]. When the edge of the rendering intersects with the coastline it's very tricky to compute which side of a coastline is sea and which is land. As an example - how would you render this [2]?

I wasn't sure how I could solve this, so I wrote up a more abstract formulation of the problem here [3], and asked for help. I think the proposed solution make sense, but I think I would have to implement it by rendering individual pixels and wouldn't be able to lean on a higher level graphics library.

I'm looking forward to seeing how the author solved this problem.

[0] https://twitter.com/willsewell_/status/1172523752699113473

[1] https://wiki.openstreetmap.org/wiki/Tag:natural%3Dcoastline#...

[2] https://www.openstreetmap.org/#map=15/22.0330/88.8819

[3] https://leetcode.com/discuss/general-discussion/1104642/im-s...

Especially if you're trying to clip your entire map to some boundary, rendering the ocean is hard. https://github.com/a-b-street/abstreet/issues/32 has some examples of "flooded" maps when the heuristics get the inversion wrong. https://github.com/a-b-street/abstreet/blob/9761373c4b215485... is my incomplete attempt to deal with these partial multipolygons.
Potentially dumb suggestion: what if one just declares anything that has a significant chunk of non-bridge or non-tunnel street on it land? It's not a universal solution but perhaps sufficient for the application?
I recently made a map (using Generic Mapping Tools) of one of the Aleutian Islands in Alaska, for one of my dad’s grad students to use in a paper. That would constitute a good example of where you couldn’t just tell my # of built structures (since at certain zoom levels, there are none!)
Sure, but are you likely to have users want to A/B test traffic light configurations there? My suggestion was very specific to the application in question.
make a constant water layer as a seperate process; this is a known pain point, land-use / land cover has some similar challenges
A simple solution is paint the sea with triangles of which one side is perfectly horizontal. And always work bottom to top.

You will have to pre scan the ways for instance where they change from ascending to descending. Here the sea will spilt into a left and right section. Make a list of these and sort them from top to bottom.

While generating triangles, check that list to where you should split.

Looks really nice. The big blob of parameters in the kwargs looks pretty intimidating to get correct. Maybe consider a builder object for the config: https://en.wikipedia.org/wiki/Builder_pattern. It would probably be easier to document, too (document the setter methods of the Builder rather than try to explain the nested dict). Feel free to ignore me.
Very impressive. Considerable competitor to some of the mapping programs available in GGPlot.