Jenna Witzleben

Ecology School blog

Welcome to the Ecology School blog, where I document my ongoing self-education in ecology, landscape design, and urban design.

UCL Course II and III: Urban Graphics examples

The second and third sections of the UCL course series (mentioned in prior posts here and here) covers several different types of urban diagrams and maps. It seemed useful to document them and begin curating a library of examples. Below I provide definitions and samples of the key diagrams covered in the UCL course. Some of these are the graphics I created as part of the course, others are examples I found online. I’ll soon be adding to this list, as the Urban Design Handbook I’ve been reading also discusses different types of maps and diagrams that are useful for urban design and planning projects.

—-

Routes and Spaces Diagram

This one is relatively self-explanatory and involves highlighting/color coding the key routes and spaces in a given area. These can be in plan or at a perspective view, and can be done at different scales - city-wide, focused on a site, or focused on a specific building/intersection (as shown below).

Highlighted key routes and using different textures for different space types  Source:  https://www.pinterest.com/pin/759701030865222763/

Highlighted key routes and using different textures for different space types

Source: https://www.pinterest.com/pin/759701030865222763/

Site highlighted, with colored routes and callouts of key spaces  Source:  https://archinect.com/news/article/79300348/the-brooklyn-tech-triangle-as-the-next-silicon-valley

Site highlighted, with colored routes and callouts of key spaces

Source: https://archinect.com/news/article/79300348/the-brooklyn-tech-triangle-as-the-next-silicon-valley

More data-driven, with pedestrian traffic areas and routes  Source: Space Syntax  https://www.wired.com/2014/01/space-syntax-china/

More data-driven, with pedestrian traffic areas and routes

Source: Space Syntax https://www.wired.com/2014/01/space-syntax-china/

——

Land Use Plan

A land use plan is used to color-code the different space uses in a city or site, often in accordance with zoning designations. It helps to visualize the relationships between residential, commercial, public, etc. spaces in a given area.

——

Historic timeline

Historic timelines compare an urban area from one time period to another, highlighting what new features have been added, and what has been lost over time.

UCL tutorial - Wakefield 1890 (green) to 1960 (purple)

UCL tutorial - Wakefield 1890 (green) to 1960 (purple)

This example uses both maps and photographs to compare the streets of Berlin

This example uses both maps and photographs to compare the streets of Berlin

——

Strategic Analysis

I couldn’t find a great definition for these online, and the UCL course is rather vague about it. But it seems that strategic analysis maps serve to visualize key challenges and opportunities in a site. They often highlight the main points of discussion moving forward into concept development.

This graphic seems to be analyzing condensed traffic areas Source:  https://www.instagram.com/shyang.arch/

This graphic seems to be analyzing condensed traffic areas Source: https://www.instagram.com/shyang.arch/

Map of hub network strategy, Source: Sligo County Council

Map of hub network strategy, Source: Sligo County Council

Analysis of accessibility by transit modes

Analysis of accessibility by transit modes

Concept Plan

These maps and graphics define and highlight conceptual features of future plans (i.e. frontages, green space, new corridors, etc.).

UCL tutorial - Wakefield Concept Plan

UCL tutorial - Wakefield Concept Plan

Buffalo Outer Harbor Master Plan by SCAPE and Perkins+Will  Source:  Arch Daily

Buffalo Outer Harbor Master Plan by SCAPE and Perkins+Will

Source: Arch Daily

Layered axons can help clearly show multiple parts of a concept plan in one graphic  Source:  https://ar.pinterest.com/pin/498703358723151268/

Layered axons can help clearly show multiple parts of a concept plan in one graphic

Source: https://ar.pinterest.com/pin/498703358723151268/

Jenna Witzleben