Unofficial Map: Hand-Drawn Danish InterCity Train Network

Leave a comment
Filed Under:
Unofficial Maps

Submitted by Halid Karpović, who says:

It’s Halid again, who’s already submitted you the transit diagram of Sarajevo. This time, I’ve got something I’ve made myself.

When I was on vacation in Denmark a while ago, I got a leaflet with timetables of the Danish InterCity lines, operated by DSB. Then, I took a pencil and four sheets of paper and drew a transit diagram with its help. Et voilà, this is the result! I’d be happy to know what you think about it!

Transit Maps says:

This is pretty neat, Halid! I definitely use grid paper and a pen when I have a problematic area of a map to solve, and it’s also a great way to sketch out concepts before getting into the nitty-gritty computer-aided design part of the work.

Conceptually, this seems to follow much the same general layout that can be found in the DSB timetables, although you’ve enhanced the usefulness quite a lot by separating the routes out into their own numbered route lines and showing all the stations along the way.

About the only bit that doesn’t quite work is the area around Fredericia and Vejle: I’d straighten the kink in your station marker for Fredericia out and place the station marker for Vejle at a 45-degree angle, halfway through the 90-degree turn that the northwards routes take. This would eliminate that awkward 90-degree/45-degree combination curve you’ve got going on. But that’s the big advantage of sketching it out like this: now you can be fully aware of that problem area and solve it easily when it comes to final computer layout.

The only other comment I have is that the introduction of some 45-degree angles in the coastline might soften the shapes up a little: the rigid 90-degree-only shapes can look a little harsh.

Tutorial: Station Labels Using the “Core Type Area” – Part 3: Angled Labels

Leave a comment
Filed Under:
Tutorials

While it’s true that I don’t really like the use of station labels that are angled – being very much in the Erik Spiekermann camp that believes horizontal labels aid comprehension and create a cleaner looking map – I do realise that there are times when their use is necessary.

If you do use angled labels, then I strongly advise that you keep the number of angles used to the absolute minimum required – type that reads from many different directions is always going to cause headaches. This is one thing that the Sydney rail network map (both the new version and the previous one) has done well: it only uses labels angled in one direction, reading from the bottom left to the top right.

Once you’ve decided that you absolutely have to use angled labels, the rules for their placement are exactly the same as in the previous two tutorials, except that you rotate everything 45 degrees around, using the placement rules that used to apply to one type of route line to the other.

The first image shows what it looks like if you take labels that were used for a route line angled at 45 degrees from top left to lower right and rotate the lot another 45 degrees counter-clockwise. Use the corners of the Core Type Area to determine positioning. It’s pretty easy to see how this would also work if your labels were angled the other direction. The same technique would also apply to a vertical route line, but exercise common sense here – there’s even less reason to angle a label on a vertical route line!

The second image shows a vertical route line that’s been rotated 45 degrees clockwise to show how angled labels for a 45-degree route line should look. Use the edges of the Core Type Area in these cases.

One more post in this series to come: labels where route lines intersect!

Unofficial Map: Suburban Rail Network of Mumbai, India

Leave a comment
Filed Under:
Unofficial Maps

Designed by two students – Jaikishan and Snehal – at Mumbai’s Industrial Design Centre under the supervision of Associate Professor Mandar Rane. While it looks like quite a traditional transit map, there’s a few innovations and design choices (of which some work, and some don’t) that make it interesting to study.

First off, this map is infinitely better than the official one, which is a bit of a mess however you look at it.

Normally, I’m not a huge fan of pseudo-geography behind a diagrammatic map, but I think this actually works rather nicely. The interesting textural treatment of the water is particularly nice.

I also think that the explicit labelling of slow and express (fast) routes is surprisingly effective and definitely leaves no confusion as to which is which. The “play” and “fast-forward” arrows for each service type are a cute touch, but also act as good visual contextual cues.

While naming the lines on the map is a good practice to assist colour-blind users, I think there’s a bit of overkill here for a map this simple. The Central and Western Lines are labelled no fewer than four times each – the one for the Western Line at the bottom left of the map is particularly egregious as the route lines have to take a little jog to the left to accommodate it!

The only part of the map that I would change completely if I had a chance is the grid system. While it’s laudable that the designers have attempted to come up with an new, easier way to locate stations on the map (and it’s very clearly explained in the legend of the map), I feel that the end result has way too much visual importance. The numbers that denote each square are large and visually distracting, and can’t be placed in a consistent location because the actual map (the important stuff!) gets in the way. The haphazard placement of these numbers combined with the checkerboard pattern also makes the map look more than a little like a board game, which probably wasn’t the intended result.

In my opinion, the traditional letter-number grid system – a system that almost all map users around the world are familiar with through years of exposure to it – would work much better here. The letters for the columns (A-D) and numbers for the rows (1-6) could be placed discreetly in the orange border around the map and the distracting numbers removed completely from the main map. If required, the smaller “Find Your Station” grid in the legend could spell out the full grid location within each square (In the example they use, Wadala Rd. station would be at B-4).

Apart from that, there’s just a few missing spaces between words to be fixed and consistency checks to be done – the map needs to use either “Rd.” or “Road” in station names, not both. Space limitations would seem to suggest that the former would be more appropriate here.

Our rating: A considered and well-measured approach to developing something beautiful, modern and usable, although some of the map’s innovations don’t quite work. Three stars.

Source: Professor Rane’s website. I definitely recommend clicking through, as there’s a lot of interesting background on the development of the map, including a Q&A with Jaikishan and Snehal, and images of concept maps that they worked on independently before combining their ideas into the final map. I’m quite partial to a couple of the maps that use 60/30-degree angles myself!

Fantasy Map: Airbus A380 Network as a Subway Map

Leave a comment
Filed Under:
Fantasy Maps

Here’s a map that’s doing the social media rounds today – a subway map-style representation of Airbus A380 routes.

All I can say is: meh.

Remember when air travel was stylish and cool? Personally, I love airline route maps, with their arc-like routes branching out all across the globe: it helps keep a sense of wonder about the vast distances we travel, high above the earth.

Instead, here we are: on the subway. Under the city, running through dark, noisy tunnels, packed in like sardines (actually, that last part holds true for air travel as well these days!). It’s a miserable metaphor for what’s meant to be the future of air travel, and it doesn’t help that the map is terribly executed as well. The continents are reduced to shapeless grey blobs (South America isn’t even shown at all!), while, bizarrely, a river runs through the oceans. I guess it’s meant to make it look more “transit mappy”, but it’s just asinine. 

And then there’s the completely inconsistent application of station symbols – circles, rectangles and dots just plonked down anywhere. Why does Guangzhou have an interchange symbol when it doesn’t actually interchange with anything?

Our rating: A poor execution of an awful concept. You can’t tell me this wouldn’t look a hundred times more magnificent and exciting if it was a traditional air route map. Half a star.

Source: Airbus’ Facebook page

Tutorial: Station Labels Using the “Core Type Area” – Part 2: 45-Degree Angled Route Lines

Leave a comment
Filed Under:
Tutorials

Following on from last week’s tutorial, here’s how to use the Core Type Area to make your station labels align perfectly and consistently when you’re applying them to 45-degree angled route lines.

If you use the edges of the Core Type Area when you’re aligning labels to horizontal and vertical route lines, then it should make perfect sense that you use the corners of it when you’re labelling angled stations. The first GIF shows the defining setup – using the bottom right corner for labels above and to the left of the route line and the top left corner for labels below and to the right of the route line. I’ve shown this setup first because it always looks right: there’s always a capital letter in the former, and the bottom right edge of a lower-case letter in the latter.

The second image shows what happens when you apply the same rules to the opposite angle. That is, using the top right corner for names to the left and below the route line, and the bottom left corner for names above and to the right. When the route line is angled like this, it can be harder to see that you’ve got the placement right, because the letterforms are more varied.

In the first instance, the last letter of a word could be an “n” (as we have here) or a “d”. We need to allow space for the “d” to fit comfortably, hence the use of the Core Type Area, which shows us exactly that. Whatever you do, don’t nudge labels without a final ascender up until that letter aligns with the station marker: this is what leads to uneven and inconsistent baselines as seen on the recent Sydney Trains map redesign.

Labels to the right and above aren’t quite as bad, but there’s still some variance: the first letter could be a “T”, “B”, or “W”, all of which have a different visual relationship to that bottom left corner. Remember to use the Core Type Area – the box that defines the maximum size the label could take up – and not the letterforms themselves to align text to markers and you should always be okay.

The last image shows a mistake I see quite often when designers try to align their labels to 45-degree lines by simply moving the label sideways from the marker, instead of across and up/down an even amount. I personally prefer not to do this, as I think it creates uneven spacing, but it can look effective and interesting when done right.

However, be aware that labels that sit on the lower side of the route line need to hang from the top of the Core Type Area (by their cap height) or they’ll end up being too close to the route line, as shown in the image. Type that sits on the higher side of the route line can sit on its baseline.

Unofficial Future Map: Singapore MRT/LRT by Bernie Ng

Leave a comment
Filed Under:
Future Maps, Unofficial Maps

Submitted by Bernie, who says:

Hello Cameron,

I saw your recent post regarding future Singapore MRT/LRT maps and thought I’d throw mine into the ring. The Singapore MRT has long been one of my fave metro systems around the world. I like the concept of destination numbers and station numbers – I believe it is one of the first, if not the first, to use this concept (do let me know if that’s not quite right).  My approach for this map is to incorporate the station number into the station marker itself to avoid some of the clutter associated placing the station name AND the number alongside the station marker.  Also, I really wanted the Circle Line to be a circle, so I have adopted a few distortions to make that happen. Finally, I tried to incorporate geography of Singapore in a stylistic manner to further reinforce the circle motif.  I know this does not quite meet the professional standards I often see on this blog (this is drawn using Microsoft Visio), but let me know what you think all the same!

Transit Maps says:

I don’t know, Bernie – this looks pretty darn nice from what I can see!

The temptation to make any line called the “Circle Line” live up to its name is almost always too hard to resist! Sometimes the result can be a little forced or contrived, but I think you’ve done a nice job here – for the most part, the stations are spaced out pretty nicely. I particularly like the way you’ve managed to keep the purple North East Line perfectly straight while heading entirely in the direction its name implies.

Integrating the station code into the station marker is a good idea that removes clutter – reader Xavier Fung pointed out that the new official map does this as well – and the insets for the LRT systems also work well in simplifying the main map as well as providing greater detail for these services than the official map can. I also really like the stylish shell-like shape that the island of Singapore takes on: stylised but recognisable!

My few quibbles – the graduated grey background could be seen as representing fare zones. As Singapore uses a distance-based fare system, not a zonal one, this could cause a lot of unnecessary confusion. I also find the grey a little drab and overpowering – it seems to make the other colours used on the map a little duller as well.

Finally: Visio? Not my tool of choice, and you’re probably pushing it to the absolute limit of its capabilities, but this does look really, really good.

Our rating: Strong visual concept, nicely executed, a couple of well-thought out innovations. Colours could be brighter and more evocative of Singapore. Three-and-a-half stars.

P.S. See another excellent unofficial redesign of the Singapore MRT map here.

Historical Map: Homeward Passenger Movement During the Evening Rush Period, Toronto, 1915

Leave a comment
Filed Under:
Historical Maps, Visualizations

A beautiful diagram indicating the patterns of homeward peak-hour travel via public transportation (at this time, mainly streetcar) in Toronto. By my rough count, the collection of yellow dots in the downtown area represents some 49,500 people.

Of particular interest are the red-and-white hatched dots, which represent a point where passengers transfer from the privately-run Toronto Railway Company’s (TRC) streetcars to those of the city-owned Toronto Civic Railways. Due to a disagreement over the terms of the franchise, the TRC refused to offer streetcar service in newly-annexed portions of Toronto, forcing the city to create its own service in those areas. In 1921, the TRC’s franchise expired and all transit was consolidated under the new Toronto Transportation Commission, the forerunner to today’s Toronto Transit Commission.

If you look closely), you can see that ridership totals are also shown for the civic railways, just in a fine black hatching instead of the more prominent blue used for the services branching out of the downtown area.

Visually quite similar to this map of the morning peak flow on the New York City subway in 1954.

Source: Toronto Transit Alliance – link no longer active

Soon-to-be-Official Map: Tram Network of Dnipropetrovsk, Ukraine

Leave a comment
Filed Under:
Official Maps

Submitted by Alexander Zaytsev, who says:

Hey Cameron and Transit Maps readers! I’d like to show you the first transit map that in my portfolio. Here are the tram routes of one of the largest Ukrainian cities — Dnipropetrovsk. This unofficial map is going to be official very soon 🙂 What do you think?

Transit Maps says:

I like it! Clear and easy to follow a route line from one end to the other. The map retains enough information to relate to the city’s street grid, which is more important for trams than it might be for a subway or Metro. The little jogs in the red Line 1 are a good example: I’d hate that kind of fussy detail on a subway map, but here it tells the reader that the line briefly jumps across to another street on its way through the downtown area. The little dogleg that Lines 4 and 12 take is also a nice visualisation of the actual street layout.

Interestingly, while the map shows connections to main line railway stations (denoted by a steam train icon!), it doesn’t indicate the Dnipropetrovsk Metro in any way. While I understand that the Metro isn’t exactly anything to write home about with just six stations and declining ridership, I think that some sort of acknowledgement of it of this map would be useful.

Apart from that, the only thing I’m not too sure about is the thinning of the route lines as they approach the big loop in the centre of the map. While I can understand the desire to save a little bit of space where five lines run concurrently, I don’t think the result is worth the effort. The orange Line 17 looks particularly off-kilter as it approaches the loop from the south, very obviously leaning to the right.

Our rating: A solid, earnest effort that’s clear and easy to use – far better than many maps of similarly-sized tram systems. Three-and-a-half stars!

Historical Map: The Atchison, Topeka and Santa Fe “Disneyland” Map, 1956

Leave a comment
Filed Under:
Historical Maps

A simply gorgeous mid-1950s map of the AT&SF’s passenger routes, taken from a promotional brochure produced in conjunction with Disneyland, which is shown prominently to the right of the map.

The brochure was ostensibly an introduction to the Santa Fe & Disneyland Railroad at Disneyland, then only a year old. Understandably, the AT&SF – who had basically bankrolled construction of the 5/8th scale railroad – were keen to get some return in their investment. As a result, much of the brochure is actually given over to advertising their “new and modern” rail services.

The whole brochure opens out to display this fantastic map, where Texas and Oklahoma are represented by scratchily drawn cattle,  oil derricks and chemical plants, while the Grand Canyon becomes a large hole in the ground that a careless Native American is about to walk into. On top of these charming little drawings is a simplified route map of the AT&SF’s lines, stretching from San Francisco to Chicago.

Our rating: Gorgeous 1950s design sensibilities, although definitely more an advertisement than a practical, useful map. Four stars.

Source: Vintage Disneyland Tickets website

Unofficial Map: Singapore MRT, 2013 by Andrew Smithers

Leave a comment
Filed Under:
Unofficial Maps

As promised, here’s an unofficial map of Singapore’s rail transit that takes the future extensions and integrates them far more effectively and attractively than the official future map. This map was created by Andrew Smithers, who runs the quite excellent Project Mapping website – well worth losing a few hours to all the maps he has over there!

Immediately, you can see how design is used to simplify and clarify the routes – the Thomson Line becomes a north-south axis for the map, while the new Downtown Line now describes a perfect diamond-shaped loop. This motif is echoed beautifully by the larger loop of the yellow Circle Line – which visually lives up to its name far more here than on the official map – and even by the little double-crossover between the Downtown and North East lines at the bottom centre of the map. Repetition of design themes in a transit map is a lovely thing, and it really helps to hold a map together thematically.

That’s not to say that everything is perfect, however. The station codes – used to help non-English speakers buy tickets and navigate the system – are just as problematic here as they are on the official map. Andrew has opted to place them on the opposite side of the route line to the station name; while it works well in the less-crowded parts of the map, it can get a little messy in places, especially where the Downtown Line runs close to the North East and Circle Lines in the densest part of the map (just to the right of centre).

Our rating: A lovely example of how repeated design elements can thematically tie a map together. Four stars.

Source: Via email discussion with Andrew