The use of color in maps

The use of color in maps and data visualizations has a long tradition. Color, along with position, size, shape, value, orientation, and texture is one of the primary means to encode data graphically.

Since William Playfair‘s revolutionary introduction of statistical graphs in the 1786 “Commercial and Political Atlas“, color has been used as a tool to convey categorical and quantitative differences in data visualization. Playfair used color coding to emphasize variations in economic trends and to differentiate variables in his graphs, which were hand-colored and distributed in limited editions.

Imports of cotton in Europe for the years 1858, 1864 and 1865. Charles Joseph Minard (1866). Source: Library of Congress Geography and Map Division Washington, D.C.

Charles Joseph Minard is another pioneer of information graphics who used color to visualize flows of goods and people across countries in his thematic maps. The main purpose of his graphic explorations was to make ordinal relationships immediately visible to the eye and the use of color was a central aspect of this process. Minard is widely known for the invention of the flow map. He also authored the famous “Figurative Map of the successive losses in men of the French Army in the Russian campaign 1812-1813” – a map that, according to E. J. Marey, defied the pen of the historian with its brutal eloquence.

Although color has been present for centuries in handcrafted maps, it was not until the mid-nineteenth century, that the adaptation of lithographic techniques to printing allowed its wider use in graphic works. At that time, color became an important perceptual feature in the design of thematic maps and statistical diagrams (Friendly, 2009).

Wage and nationality maps, “Hull House Maps and Papers ” (1895) – a groundbreaking study, led by Jane Addams and Florence Kelley. The study was influenced by Charles Booth’s poverty maps of London.

Color as a visual variable

Color, along with position, size, shape, value, orientation, and texture is what Jacques Bertin calls a visual variable:
a set of symbols that can be applied to data in order to convey the underlying information. In that sense the wise and often conservative use of color is a prerequisite for accuracy in the graphic interpretation of data. When not used properly, color in maps can obscure the data and mislead the reader by concealing the actual state of the observed problem.

Movement of Iron Ore on the Great Lakes, 1897 and 1907. Map detail illustrating the use of color and texture as visual variables.

In order to apply color to maps effectively, a designer needs to manipulate properly the three perceptual dimensions that characterize it: Hue, Saturation and Lightness. Hue is what we associate with color names – red, green, blue etc. Saturation is the vividness of a color and is also known as Chroma or Intensity. Lightness is a relative measure describing how much light appears to reflect from an object compared to what looks white in the scene (Brewer, 1999). Lightness is perhaps the most important of the three perceptual dimensions when it comes to data representation and is used to show ordered differences.

1958 map of New York City by Eduard Imhof.

Color is applied to maps to encode or highlight data, but it also has an aesthetic dimension, perhaps best illustrated in the works of swiss mapmaker Eduard Imhof whose school maps and atlases are world famous examples of excellence in the domain of cartography. In his classic book on relief representation, Imhof dedicates a whole chapter to the use of color, providing invaluable guidance with a set of rules for color compositions. Although the chapter concerns mostly the use of hypsometric tints and the selection of colors for elements of the landscape, Imhof’s rules are timeless and applicable in other cases as well. Imhof insisted that strong, heavy rich and solid colors should be limited to the small areas of extremes in order to avoid the unbearable effects of placing them next to each other over large areas. He also suggested that base-colors are equally important since they allowed for the smaller, brighter areas to stand out: a principle that puts up the lighter shades of gray among the most versatile colors.

Generalized geologic map of the moon showing major geologic units grouped by age. Detail from I-1162 Geologic Map of the South Side of the Moon. USRA Lunar and Planetary Institute.

Types of color schemes

There are three main types of color schemes applied to maps: Qualitative, Sequential and Diverging. Binary schemes are also used to visualize nominal differences between two categories. Variation in all three perceptual dimensions of color – Hue, Saturation and Lightness – are applied to show differences in the data. The basic principle is that variations in hue visualize nominal/categorical differences while variations in lightness visualize ordinal differences. But the strict application of this rule varies from one case to another: qualitative schemes may apply plenty of variations in lightness, especially when there is a large number of categories to display and sequential scales can benefit from hue variations when they are first and foremost ordered by lightness.


Qualitative schemes are applied to discrete unordered classes of nominal data such as race or ethnicity. They are not appropriate for mapping ordered numerical data. The distinction between classes becomes visible through variations in hue, ideally with no or slight lightness differences between colors. If a class needs to be highlighted it is possible to use a darker or more saturated color to visualize it. Qualitative schemes may also consist of paired hues with lighter and darker shades of the same color, applied to related categories (ex: related land use categories such as single and multifamily residential buildings).

Sequential schemes are applied to ordered, often numerical data such as floor area ratio per lot or population density per square mile. Changes in color lightness correspond to the progression from low to high: light colors are used for lower values and the dark colors are used for higher values. Sequential schemes can derive from both single and multi-hue combinations. The higher the number of data classes – the more difficult the distinction between each step.

Diverging schemes are often described as a combination of two sequential schemes with a critical break point in the middle. The two sequences “diverge” from a shared light color that stresses important mid-ranges in the data. The two extremes are visualized by contrasting dark hues while changes in lightness are used to display intermediate values. Diverging schemes are usually symmetrical but specific data distribution may require shifting the break point towards either one of the extremes. Common examples of data suitable for diverging color scales are temperature variations and stock exchange dynamics.

color in maps: qualitative color scheme

Using a qualitative color scheme with both hue and lightness variations to map twelve categories of land use in New York City. Map by Morphocode

color in maps: sequential color scheme

Using a sequential color scheme to map floor area ratios in New York City. Map by Morphocode

color in maps: binary color scheme

An example of a binary color scheme. The map shows buildings that are currently part of the cultural heritage in Sofia in yellow and buildings that are no longer listed as such in blue. Map by Morphocode.




Design for the color-blind

Making a map accessible for people with color vision deficiency is another important thing to consider while designing color scales. Approximately 4.5 percent of the population worldwide is color blind with the red–green color blindness being the most common type. This decreased ability to recognize color affects more often men than women: around 8 percent of the male population is color blind while only 0.5 percent of women have some sort of color vision impairment.

color in maps: visual impairmentPeople who are color-blind can still see lightness differences and a fairly wide range of hue differences (Brewer, 1999). However qualitative schemes remain particularly difficult to read by color-blind users; sequential schemes, on the other hand, are much more accessible due to the lightness variation between each step. In order to make a categorical map readable by an audience with color vision impairment it is necessary to add variations in both hue and lightness between each step. Even then, if the categories are more than “the magical number 7” it would be almost impossible to make the map accessible. A possible solution to that problem is to add texture to make the steps more distinguishable from one another.

color in maps: accessibility


Mapping Urban Data: Online Course

In our upcoming online course Mapping Urban Data we will discuss in further detail the use of color to represent data on maps. You will learn how to design and apply sequential and categorical schemes through a series of practical examples. The course takes a hands-on approach to data visualization through a range of New York City–based case studies covering topics such as built density, land use and sidewalk cafés.

Mapping Urban Data: The Workflow
Choosing the right color scheme is part of the process of creating an interactive urban data visualization. The entire workflow will guide you through the process of spatial data exploration, map design, web mapping and map tiles generation, user interaction design, along with the coding skills required to finish the project. The course will be available soon offering special discounts to Morphocode Academy subscribers.





Image sources:

1. Imports of cotton in Europe for the years 1858, 1864 and 1865. Charles Joseph Minard (1866) is courtesy of Library of Congress Geography and Map Division Washington, D.C.
2. Wage and nationality maps, “Hull House Maps and Papers ” (1895) – a groundbreaking study, led by Jane Addams and Florence Kelley. The study was influenced by Charles Booth’s poverty maps of London.
3. Movement of Iron Ore on the Great Lakes, 1897 and 1907. The Newberry Digital Collection
4. 1958 map of New York City by Eduard Imhof. Source: wonderful Codex99 blog
5. Generalized geologic map of the moon. Detail from I-1162 Geologic Map of the South Side of the Moon. USRA Lunar and Planetary Institute.

All other images are courtesy of Morphocode



1. Bertin, J. (1967). “Sémiologie Graphique: Les diagrammes, les réseaux, les cartes”. Gauthier-Villars, Paris.
2. Brewer, C. A. (1999). “Color Use Guidelines For Data Representation”. Proceedings Of The Section On Statistical Graphics, American Statistical Association.
3. Friendly, M. (2008). “The Golden Age of Statistical Graphics“. Statistical Science 2008, Vol. 23, No. 4, 502–535
4. Imhof, E. (2007). “Cartographic Relief Presentations” , English ed. ESRI Press, Redlands, CA
5. Marey, E.]. (1885). “La Méthode graphique dans les sciences expérimentales et principalement en physiologie et en médecine“, G. Masson, Paris, p.73: “Toujours il arrive a des effets saisissants, mais nulle part la representation graphique de la marche des armees n’atteint ce degre de brutale eloquence qui semble defier la plume de l’historien.”
6. Playfair, W. (2005). The Commercial and Political Atlas and Statistical Breviary, Edited and Introduced by Howard Wainer and Ian Spence, Cambridge University Press, New York, NY.


Upcoming course: Mapping Urban Data


Mapping Urban Data” will be the first in a series of video courses dedicated to exploring and visualizing data about cities. The course is coming soon on Morphocode Academy and will provide you with all the necessary skills to create web maps, work with data and explore urban insights.

You will learn how to collect and use geospatial data, as well as how to style and publish your maps on the web. “Mapping Urban Data” takes a hands-on approach to data visualization through a range of New York City–based case studies covering topics such as built density, energy consumption and mobility.




Exploring the City: Case Study NYC

New York City is exemplary for its thorough use of data in urban analytics and policy evaluation. The success of large scale projects such as the reconstruction of Times Square; Green Light for Midtown and NYC Plaza Program is largely due to the data-driven approach applied by city departments. Currently, the Big Apple’s open data portal provides public access to over 1,500 datasets from various agencies, making the city a great starting point for data explorations.



The course will introduce you to interactive web mapping through one of New York city’s most valuable datasets –  PLUTO. Containing detailed information on the tax lot level, PLUTO was first released to the open data community in 2013 and was considered a huge win. We will use PLUTO and a handful of other interesting datasets to explore urban insights and create interactive maps from the ground up.



Key Takeaways

“Mapping Urban Data” will guide you through a series of practical examples. You will start with a raw dataset, explore its attributes, design a map, add interactivity and finally publish it on the web. You will gain understanding of data formats, information design principles, cartography fundamentals and the coding skills required to finish the project.

The course is designed to be beginners-friendly and is suitable for architects, designers, urban planners, journalists or anyone genuinely interested in the topic. We will cover the following topics:


Learn how to handle open data sets and common data formats such as CSV, GeoJSON and Shapefiles. Work your way through data fields, types and file formats.

Information Design
Create beautiful maps and data visualizations. Learn the fundamentals of information design, color scales, qualitative and quantitative maps.

Transform data into maps. Handle map projections, inspect features, modify data attributes and style geometries.

Web Mapping
Export your visualizations for the Web. Learn the fundamentals: raster and vector map tiles, Web Mercator, zoom levels, feature collections.

Provide additional levels of interactivity. Handle user interactions and design a functional interface for your visualization.

Learn JavaScript, HTML5 and CSS and bring your data to life. Combine data, map and story into a single web page and share it with your friends.




The Big Picture: Data and the City

Rapid urbanization and advances in Information and communication technology are the most pervasive processes shaping the course of contemporary culture and society. “Data & The City” video series is about the intersection of these two global trends. As mobile devices become ubiquitous and spatial information even more abundant, data visualization allows a critical evaluation of active policies and city services by transforming otherwise hidden patterns into visual arguments. The act of transforming raw data into an interactive map creates visual narratives and opens up new possibilities for context-sensitive analysis conducted by urbanists, civic organizations, journalists and policy makers.




The course is launching in the beginning of 2017 with special discounts for subscribers to Morphocode AcademyYou can subscribe in the form bellow and we will notify you when the course is available.

Morphocode Academy

Fields marked with a * are required.

Visualizing Pedestrian Activity in the City of Melbourne


Pedestrian activity is a direct reflection of the city’s livability and vibrancy. The variety of factors inclining our travelling preferences in favour of walking, range from access to transit and population density to perceived pedestrian safety and street design. Currently, there isn’t a standard approach to measuring walkability. Nevertheless, it is a common belief that a compact and well-connected urban environment, offering a diverse mixture of uses is fundamental to get people to walk.

According to Jeff Speck‘s “General Theory of Walkability“, the first thing you need to do is offer citizens a reason to walk and then make the walk safe, comfortable and interesting. Julie Campoli, an other urban designer with a passion for walkable cities, believes that there are six key elements to the perfect pedestrian environment: Design; Diversity; Density; Distance to Transit; Destination Accessibility and Parking.

As the world’s most liveable city, Melbourne is already exhibiting good results when considering these indicators, yet walkability patterns vary from one location to another. In the last couple of months we explored data from the city’s pedestrian counting system to visualize movement patterns and network interdependencies. Here is a sneak peak of the project’s current state.

Above: Total number of pedestrians counted by year, including busiest day and busiest location. Image by Morphocode.

Melbourne’s Pedestrian Counting System

Melbourne is considered to be the most liveable city in the world according to The 2015 Economist Intelligence Unit ranking. The city is also exemplary for its mindful use of data in urban analytics and for its Open Data Policy allowing simple access to Council-owned information.

In the last six years, local authorities has installed 44 sensors to measure pedestrian activity at strategic locations throughout the city. Each sensor is installed on a street pole or under an awning to cover a pedestrian counting zone on the footpath below. The counts are updated regularly and are published in .csv file format on Melbourne’s Open Data Portal. The raw data is a tabular representation of hourly numbers of pedestrians at each measurement point. We used this open dataset and a visualization technique called “Horizon Graph” to reveal movement patterns in a seamless urban electrocardiogram.

Above: Location of pedestrian counting sensors in the City of Melbourne. Image by Morphocode.


For more than 30 years the City of Melbourne has been transforming the municipality’s walking environment. Melbourne’s iconic Bourke Street Mall opened officially in 1983. Guided by the Places for People studies in 1994 and 2005, the City of Melbourne has widened footpaths, laid high quality pavements, encouraged outdoor dining and reduced traffic signal cycle times to support improvements to public transport to make Melbourne a more attractive place to be.
City of Melbourne Walking Plan (2014-2017)


The average block size in the Central Business District of Melbourne is 200 by 100 meters. This iconic layout was named after Robert Hoddle, who conceived it in 1837: initially a square grid, the plan was subsequently subdivided in smaller rectangular blocks and still preserves the strong hierarchy of the street system. The Hoddle Grid covers the area from Flinders Street to Queen Victoria Market, and from Spencer Street to Spring Street. Melbourne’s numerous Arcades and Lanes are an important feature of the city’s cultural heritage and provide through-block pedestrian shortcuts that increase connectivity. The majority of the pedestrian counting sensors, installed by the municipality of Melbourne are located in the Central Business District and provide a better understanding of how people navigate through the area.


Above: Visualization of pedestrian activity in March 2015 shows significant spikes accross the city during a 3-day Moomba Festival. Image by Morphocode.

Visualizing Pedestrian Activity with Horizon Graphs

To build the visualization we’ve used Cubism.js – a d3 plugin for visualizing time series. The library was developed by Mike Bostock and is built around a visualization technique called Horizon Graph. Horizon graphs are similar to traditional area charts, but allow to fit the same data into less space while preserving resolution. They are often used in data dashboards to monitor real-time activity such as CPU usage and stock exchange data.

Cubism.js comes with built-in support for real-time sources such as Cube and Graphite. It is not well-suited for static data sources such as Melbourne’s Pedestrian Counts dataset. We had to implement a custom Metric to load the pedestrian data from past periods and then plot them on the canvas using a custom Context.

Above: Increasing data density while preserving resolution – how to read a Horizon Graph of pedestrian activity. Image by Morphocode.


Above: The 5-minute walk. Access to a wide variety of amenities and services within a short distance can increase pedestrian flows and encourage people to walk. Image by Morphocode.

The 5-minute walk

During the research we also explored access to different types of amenities within the Central Business District of Melbourne, where the majority of the pedestrian counting sensors are located. The map above shows access to basic amenities around the sensor at Alfred Place – a pedestrian shortcut, cutting through the width of a block. Plotted dots visualize the density of 5 types of elements:
 Landmarks and places of interest
Public Transport stops
Outdoor furniture
 Public memorials and sculptures
 Drinking fountains

The walking distance standard has slight variations across the globe but it is considered that a person would cover 80 meters within a minute of walking. This is the reason why a 5-minute walk is usually represented as a circle of 400-meter radius.

Above: Sensor profiles show variations in pedestrian activity accross different types of locations. Image by Morphocode.

Places for People: Melbourne’s long-term commitment to walkability

The Places for People study began in 1993 when the city invited Professor Jan Gehl for the first time to assess the quality of public space and public life in Melbourne. The study was reassessed in 2005 and again, another decade later, in 2015. This lengthy data collection period has provided rigorous insight into how the city performs at a local, everyday level for people and continues to inform urban strategies in their long-term commitment to increasing the levels of pedestrian accessibility.


“Places for People focuses on walking as the primary mode of transport in the city.”
 City Strategy and Place, 2015


Through the years, a variety of measures have been undertaken to make the urban environment more appealing for walking – the amount of footpath space has been expanded by nearly 15 per cent since 2007; a speed limit of 40 km/h has been set in the central city; numerous public spaces have been renovated and through-block laneways have been enhanced and converted to active uses.

Currently, walking accounts for 66 per cent of all trips within the municipality of Melbourne.



What’s next?

We are currently developing an interactive version of the data visualization that will allow you to explore pedestrian activity by location and time. The project will be published soon on our website. You can subscribe to our newsletter for more updates.

Data Urbanism



In 2007, the global urban population reached the 50% threshold and for the first time in history exceeded the global rural population. The same year, the first iPhone was released and set the tone for a smartphone revolution that changed the way we experience, navigate and interact with our immediate urban environment. We are now living in increasingly data-rich environments where open data platforms allow us to access, collect and analyse information about the city. As urban sensors become more and more ubiquitous and spatial information even more abundant, data vizualisation allows a critical evaluation of active policies and city services by transforming otherwise hidden patterns into visual arguments.

The amount of data generated by our daily activities and interactions will increase persistently, as digital devices continue to permeate our lives. And while we use those devices as a central access point to information, the data we generate on a daily basis — either directly or as a by-product of our social activities — is often associated with contextual meta-information about location, usage and people. In other words, data gives a valuable insight into both our social interactions and the environment that staged those interactions. Furthermore there is a strong tendency to open data repositories that were once locked within government agencies. Open access to information, as well as the emergence of low-cost or free analysis web tools, allows citizens to look for patterns in government activity or to use data analysis to advocate for change.

We refer to the process of making urban data visible, accessible and actionable as Data Urbanism.
Data Urbanism suggests an iterative approach to urban planning that starts with harnessing the potential of open spatial data by enabling hands-on interaction with it and transfoming the invisible bits into a coherent exploratory mechanism.



Cities: The Global Urban Transition

The trends of urbanization differ across the globe. In 2014, Latin America and the Caribbean and Northern America had the highest levels of urbanization, at or above 80%. Europe remains in third place with 73% of its population currently living in urban areas and is expected to reach 80% urban by 2050. Between now and 2050, 90% of the expected increase in the world’s urban population will take place in the urban areas of Africa and Asia [1]. In other words, the projected urban growth will be concentrated in cities in the developing world where the correlation of the rate of urbanization with economic growth has been weaker. Expansion of urban areas is also on average twice as fast as urban population with significant consequences for greenhouse gas emissions and climate change [2].



Above: Global urban population growth. Data Source: United Nations, World Urbanization Prospects: The 2014 Revision. Image by Morphocode.

Cities were once defined by Jane Jacobs as “problems in organized complexity”. Today, they are seen as engines of innovation and growth on a global scale which explains the general shift in urban planning thought from problems of equity to problems of efficiency [3]. But the problems of cities go beyond mere benchmarking of sustainability indicators. Social and economic issues in cities are what planners call “wicked problems”. Due to their complexity, they remain computationally intractable and cannot be solved in a top-down fashion by a central planner regardless the amount of data available [4].

Above: Global urban population growth is propelled by the growth of cities of all sizes. Data Source: United Nations, World Urbanization Prospects: The 2014 Revision. Image by Morphocode.

As rapid urbanization and advances in ICT are shaping the course of contemporary culture and society, the “Smart City” agenda is also gaining momentum. Focused mainly on issues of efficiency and optimal performance, this vision of the city suggests that every human action is quantifiable and therefore predictable. A technocratic take on urban governance that often fails to acknowledge the wider social effects of culture and politics shaping the complexities of urban life. Aside from transforming our cities into optimal systems and turning data into a huge commodity market, the smart tech sector has fewer things to say about the importance of civic engagement.


Making Data Visible, Accessible and Actionable

Data science can be understood in terms of seven stages: acquire, parse, filter, mine, represent, refine, and interact [5]. The first step, acquire, is associated with an open data release. This is a critical stage allowing civic hackers and data journalists to harness the revelatory power of data repositories. The other six steps, however, remain an impossible leap for the average citizen.  These steps are strongly associated with the practice of citizen-centered design.[6]

In the best case scenario open data is first released in machine readable format, say a .csv file or a .json file. Even then it is rarely usable by the majority of citizens as making sense of it requires a certain amount of technical skills. Few people, even within the city administration, are capable of transforming data repositories into visual elements of spatio-temporal order. This is where the open data movement is still in its infacy. And as we fail to reveal the full potential of open data, more people fail to recognize it as an integral part of their rights as citizens. In order to bridge the gap between open data and civic society data should be made visible, accessible and actionable for a variety of audiences.

Above: Mapping building permits in Sofia. Image by Morphocode

Public data is often locked behind proprietary web interfaces. This prevents the re-use of data and stops citizens from exploring, interacting with and making sense of available datasets. This is the case of the Building Permits in Sofia – a public register that keeps track of all recent building permits issued by the municipality of Sofia. While the data is publicly accessible, it is impossible to download or export it in a machine readable format. The raw data is essentially locked behind a single access point – the clunky interface of the web application. This prevents the re-use of data to create maps and visualizations; to ask questionts and search for answers in the data. As we mapped and visualized this single dataset a variety of questions, concerning the built environment emerged: How is the urban landscape changing and what trends are expected in the years to come?;  What are the dynamics of local businessesHow often does public space renovation happen around the city? How is public money spent? etc. (More updates on this project soon).


Data Visualization: Revealing Urban Insights

When Scottish engineer and economist William Playfair invented graphical statistics in the end of the 18th century, no one assumed the impact they would have on modern information design. His early attempts to analyse data from England’s import-export statistics at that time are exemplary for their visual literacy and simplicity. The foundations of graphic representation: line graphs; bar charts of economic data; pie charts and circle graphs – all originated at that time and still remain some of the basic elements of data visualization. More recently the rise of data journalism has brought a new light to the importance of information graphics in contemporary culture, where reading habits are shaped by the ubiquity of digital devices. Collecting data is important, but what’s even more important is connecting them to a specific context and revealing networks of interdependencies. And the best way to convey this type of information is through means of visual communication.



Above: Visualizing pollution patterns. The data is collected from various sensors deployed in 7 cities around the globe and is part of the Data Canvas initiative. Visit project

Visualizing urban data is a critical task as cities continue to dominate global concerns about climate change, economic prosperity and social equity. Interactive visualizations reveal how cities perform and how people interact with the urban environment by exposing the underlying logic of demographic processes, mobility patterns and digitalized daily transactions. In that sense they are the key to maximizing data efficiency and upgrading urban governance to a more open and agile model. As we strive for more compact, connected and coordinated urban growth, visualizing the dynamics of urban processes becomes both an integral part of city governance and an instrument for civic engagement. Urban data has been explored widely across the globe and the resulting outcomes differ in scale and type: from large scale projects for real-time observation such as the IBM Intelligent Operation Center in Rio de Janeiro, to interactive urban dashboards, mobile applications and hackathons.

In all cases the main challenges for generating dialogue through urban data visualizations consist of choosing the right type of visual strategy and achieving high standarts for data accuracy.






1. United Nations, Department of Economic and Social Affairs, Population Division (2014). World Urbanization Prospects: The 2014 Revision, Highlights (ST/ESA/SER.A/352).
2. IPCC, 2014: Climate Change 2014: Mitigation of Climate Change. Contribution of Working Group III to the Fifth Assessment Report of the Intergovernmental Panel on Climate Change [Edenhofer, O., R. Pichs-Madruga, Y. Sokona, E. Farahani, S. Kadner, K. Seyboth, A. Adler, I. Baum, S. Brunner, P. Eickemeier, B. Kriemann, J. Savolainen, S. Schlömer, C. von Stechow, T.Zwickel and J.C. Minx (eds.)]. Cambridge University Press, Cambridge, United Kingdom and New York, NY, USA.
3. Batty, M. (2012). Lecture: Smart Cities & Big Data How We Can Make Cities More Resilient[PDF]. University University College College Dublin
4. Bettencourt, L.M.A. (2013) The Kind of Problem a City is. Santa Fe institute Working Paper. Paper #: 2013-03-008.
5. Fry, B. (2004). Computational Information Design. PhD Thesis, Massachusetts Institute of Technology.
6. Harrel, C.(2013). The Beginning of a Beautiful Friendship: Data and Design in Innovative Citizen Experiences. In Goldstein, B. and Dyson, L.(Eds.). Beyond Transparency: Open Data and the Future of Civic Innovation. San Francisco, CA. Code for America Press.




Geo data in Grasshopper, the Beauty of Data Visualizations and the Future of our Cities

This is another post in the Morphocode Picks series, collecting some of the most interesting stuff that we’ve shared recently on facebooktwitter and google+.



Geo data in Grasshopper

Heron is a new add-on for Grasshopper that allows you to import Geographical data in Rhino and Grasshopper.
Importing shapefiles, topographies and geo-coding are among the most interesting features of the add-on.

Get Heron for Grasshopper



modern beauty data visualization

The Modern Beauty of 19th-Century Data Visualizations

Vintage Visualizations is a project that reproduces a number of the LOC’s Civil War-era data visualizations in high-quality poster prints.

Learn More




On being smart about cities

Smart About Cities is a new book by Maarten Hajer and Ton Dassen discussing the future of cities. The book gives a great overview of the challenges that urbanism is facing today and contains a series of beautiful infographics.
Maarten Hajer argues that understanding the history of urbanism is critical for the debate on the future of our cities. “The problems contemporary cities are facing may seem daunting. But they are not without precedent.”

Order the book



Drawing and Data Visualizations

Giorgia Lupi – design director at Accurat talks about the importance of visual inspiration and the act of drawing.
“I see design as a way to translate a structural concept for a specific audience, through a specific medium; design for me is also the process of visual planning and organizing the choices made along the way of a project, given its specific boundaries.”

Read the Interview



Joost Grootens—On Creative Mapping

In an interview for Gestalten, dutch graphic designer Joost Grootens talks about the creative mapping and editorial design.

Watch on Vimeo




Global Trends of Urbanization

The number of mega-cities has nearly tripled since 1990; and by 2030, 41 urban agglomerations are projected to house at least 10 million inhabitants each.
Just three countries — India, China and Nigeria – together are expected to account for 37 per cent of the projected growth of the world’s urban population between 2014 and 2050.

Read more



The Uses of Big Data in Cities

“The Uses of Big Data in Cities” by Luís Bettencourt explores how big data can be useful in urban planning by formalizing the planning process as a general computational problem.

Read the paper


Urban Layers: What’s next?

We recently announced our latest project Urban Layers – an interactive map that explores the structure of Manhattan’s urban fabric.

The project is a part of an ongoing research focused on the intersection of open data and urban planning. In that sense, visualizing historical data marks the begging of a long-term initiative.
At that point we’ve used open data and some of the latest mapping technologies to render more than 45000 buildings and allow user-interaction with the map.

We are happy to trace and track all of the positive feedback and shout out a big “Thanks” to everyone who shared the project!



In the Media

We were happy to see Urban Layers gain some attention as it was named Map of the week by Gmaps Mania.

” Urban Layers is an incredible new mapped visualization of Manhattan’s building history. The map uses building construction data from PLUTO with Mapbox GL to create a highly responsive and interactive tool to explore the history of building construction in central New York.”

Mapping the History of Manhattan’s Growth
Keir Clarke — GMapsMania


Michelle Young — founder of @untappedcities published a great article about the project:

“A map tool that opens with a quote from Rem Koolhaas’ Delirious New York? How could we resist?”

Explore the Phantom Architecture of NYC’s Past


The map was also published on FastCodesign, gizmodo, curbedNYLesEchos.frLumieres de la villeArkitera and featured in a video by France24.

“Morphocode has done their fair part in decoding the building hullaballoo with Urban Layers, an interactive map that allows users to scroll through different decades while it depicts how development spread across the city.”

See How Development in Manhattan Spread Over 250 Years


On Citylab

Urban Layers ultimately made it to the front page of Citylab where it became the most popular story.  Make sure to read the full article written by Kriston Capps.


“Seeing when those buildings were constructed at the parcel level with a simple slide of a rule is a real advance in data mapping”

Mapping the Age of Every Building in Manhattan




On Twitter

The response on twitter was great. Here are some of our favourite tweets:



What’s Next?

Urban Layers is a work-in-progress. We have just scratched the surface of what is possible in terms of dynamic urban mapping and we are looking forward to:

Add more ‘Data Layers’
PLUTO – the dataset used in Urban Layers contains various information for each building: year built, footprint, height, ownership, etc. The ‘year built’ data is arguably the most inaccurate field and we are planning to add the rest of the available data to the map.
Adding more data fields and the ability to filter and cross-reference layers will provide a more in-depth look into urban dynamics.

Add more Cities
Adding the rest of NYC, as well as other cities is also something that we are excited about. Amsterdam and Chicago are great candidates for that since they already provide various open data sets.
Do you want to see a particular city/community featured? Drop us a line and let us know.

Fix Bugs
There are a couple of bugs related to the WebGL renderer that prevent to see the map in detail with some hardware configurations.

Better Mobile/Browser Support
We would like to improve the support for touch-enabled devices that support WebGL.



Support the project

The guys at Mapbox were kind enough to provide us with a one year standard plan and we are looking forward to use its full potential. Thank you Eric & Matt!

For anyone else willing to support the project or interested in any kind of collaboration – feel free to contact us !

Hope you’ve enjoyed Urban Layers. Thanks for spreading the word!