Turning Starry Night into a Map

Yanbing Chen, 2025

Impressionism on the Map

To be honest, I've never considered myself an artistic person. I code much more often than I draw, and my exposure to art education growing up was limited. Many forms of modern or postmodern art feel distant to me, I often struggle to appreciate them in the way art students might.

But when I think about drawing inspiration from art to create a map, one name immediately comes to mind: Vincent van Gogh. Regardless of time or personal taste, his works are universally regarded as beautiful and full of emotional movement.

For this project, I wanted to see what would happen if I translated that impressionist sense of rhythm and color into cartographic form. This became my attempt to blend my analytical, code-oriented mindset with the expressive visual energy of Van Gogh's art.

The Starry Night

The Starry Night

1889

Cafe Terrace at Night

Cafe Terrace at Night

1888

Wheatfield with Crows

Wheatfield with Crows

1890

Color Palette

#254b5e
#21297e
#6d8eea
#56582d
#919449
#c7c983

Van Gogh’s paintings are filled with vibrant contrasts that express emotion through color rather than form. This inspired me to build my color palette around his expressive contrasts of blue and yellow, tones that evoke both calmness and intensity in his paintings.

Typography

A mix of handwritten and serif fonts was used to create visual hierarchy and match the hand-crafted style of the map. Dancing Script labels continents, countries, and minor settlements; IM FELL DW Pica clarifies state names; Italianno Regular highlights major settlements; and Courgette Regular distinguishes subdivisions. The varied styles bring texture and character while keeping the map visually balanced.

Bathymetry as Brushstrokes

Van Gogh’s paintings often use multi-layered blues to convey emotion and energy rather than literal color. The bathymetry layer applies this approach, using a range of deep and light blue tones to represent ocean depth. The color choices are inspired by his brushwork, where variations in blue shades create a textured, flowing visual effect that suggests movement.

Textured Lands

The land layer uses a deep teal base to complement the ocean’s color scheme. Inspired by Van Gogh’s use of warm yellow highlights against large areas of blue and dark tones, the national boundaries are drawn in warm beige with irregular dash patterns that evoke the look of hand-painted brush lines.

Waves on the Lakes

The lakes use an SVG pattern of repeating wave shapes to form a textured surface. This vector-based pattern enables a seamless visual transition across zoom levels, maintaining consistent wave details as users scroll through different map scales.

Illuminated Roads

As the map zooms from regional to city scale, the roads shift to a bright yellow tone that stands out against the dark blue background.

Starting from Science Hall

Let’s take a tour starting at Science Hall to explore how the map transitions across zoom levels. At this scale, yellow roads pop against the dark blue base, and building fills align with the land palette.

Across Madison

Zooming out reveals the city’s structure, with bright yellow roads outlining the street network. The two lakes show subtle SVG wave textures, connecting local geography with the map’s broader visual rhythm.

Within Wisconsin

At the state scale, the deep teal land and warm beige boundaries define Wisconsin’s outline. Major roads and cities become reference points, while smaller details fade to maintain clarity.

Across North America

The map fully expands to reveal the continental view, where the bathymetry blues convey ocean depth and flow. The consistent color palette ties together each zoom level, from local detail to regional context.

Pan and zoom to explore the map at different scales and regions!