Advertise here with Carbon Ads

This site is made possible by member support. โค๏ธ

Big thanks to Arcustech for hosting the site and offering amazing tech support.

When you buy through links on kottke.org, I may earn an affiliate commission. Thanks for supporting the site!

kottke.org. home of fine hypertext products since 1998.

๐Ÿ”  ๐Ÿ’€  ๐Ÿ“ธ  ๐Ÿ˜ญ  ๐Ÿ•ณ๏ธ  ๐Ÿค   ๐ŸŽฌ  ๐Ÿฅ”

kottke.org posts about infoviz

City street orientations from around the world

Urban data scientist Geoff Boeing graphed the orientation of the streets in 50 cities from around the world. Here are 10 cities from his analysis:

City Street Orientations

How to read the graphs:

Each of the cities above is represented by a polar histogram (aka rose diagram) depicting how its streets orient. Each bar’s direction represents the compass bearings of the streets (in that histogram bin) and its length represents the relative frequency of streets with those bearings.

Looking at these graphs, you get a real sense of just how planned American cities are compared to much of the rest of the world, where cities grew more organically over longer periods of time. (Although I’m curious to see what the graph for all of NYC would look like…a bit more like Boston perhaps.)

Update: Using Mapbox, you can generate street orientation charts for any map view. I used it to verify that north-south roads outnumber east-west roads in New England, which is why it takes so long to go 30 miles across VT compared to up or down.

NE Polar Chart

(via @dokas)


Degrees of Uncertainty

Degrees of Uncertainty is an upcoming documentary by Neil Halloran that “uses data-driven animation to explore the topic of global warming”. It’s based on this XKCD comic of A Timeline of Earth’s Average Temperature.

Halloran is a creator of the excellent The Fallen of World War II interactive documentary, so I’m looking forward to seeing what he does with the topic of climate change.


Real Life Charts, Graphs and Charts Made from Found Objects

Michelle Rial

Michelle Rial

Michelle Rial

Designer Michelle Rial makes these clever and charming charts and posts them to her Instagram account. Some of the charts are hand-drawn but my favorite ones are made using real world objects, like the ones above. Reminds me of XKCD, Christoph Niemann, and Mari Andrew. Rial has posters, mugs, tote bags, and other items featuring her charts for sale on Society6.


A pair of oil paintings algorithmically pixelized into treemaps of color

Dimitris Ladopoulos

Dimitris Ladopoulos

Greek visual designer Dimitris Ladopoulos took two of his favorite oil paintings, one by Rembrandt and the other (confusingly) by Rembrandt Peale, and used a piece of 3D modeling software called Houdini and pixelized them into treemaps of color. They look great in 2D (above), but he also rendered them in 3D with a worn texture:

Dimitris Ladopoulos

Those worn plastic rectangles with the beveled edges are reminding me of something in particular, like a piece of electronics. Something from Sony maybe? Anyone? (via colossal)


The astounding growth of China’s subway system, 1990-2020

In 1990, China, Hong Kong, and Taiwan had only a handful of subway lines. In the early 2000s, growth in the number of cities with subways started to increase dramatically, as did the number of lines in the bigger cities like Beijing and Shanghai. As of 2020, more than 40 Chinese cities will have subway systems. Check out this time lapse map by “transit nerd” Peter Dovak (who also did these Mini Metros maps):

In this time, Beijing and Shanghai in particular have ballooned from nearly nothing into the world’s two largest, in both length and annual ridership. The timeline of their expansion alone is mesmerizing.

Meanwhile, the NYC subway system is…


Visualizing things that happen every second around the world

Every Second Mcdonalds

Every Second is a site that keeps track of various things that happen around the world by the second. For instance:

McDonald’s sells ~75 burgers, serves 810 customers, and makes about $800 every second of the day.

On Facebook, each second brings 52,000 new likes, 8500 new comments, and $261 in profit.

Apple sells 6.5 iPhones and handles 460,000 iMessages every second.

In 2016, Taylor Swift earned about $5 every second of the year. (via @daveg)


Classical music scores as colorful data visualizations

Off The Staff

Off The Staff

Nicholas Rougeux, who describes himself as a “designer, data geek, fractal nut”, designed a process to turn musical scores into ultra-colorful images. He outlined his process here.

Rougeux also made video versions where you can see the visualizations form as the songs play. Here’s Vivaldi’s The Four Seasons:

Posters are available.


The global exercise heatmap

Strava Heatmap

Strava Heatmap

Strava, makers of apps that allow people to track and share their athletic activities, have released a global heatmap, a visualization of the humanity’s collective athletic activities. In a recent blog post, the company highlighted some of the most interesting spots on the map, which was created using 27 billion miles of data representing over 200,000 years of hiking, biking, running, skiing, and other sporting activity. Pictured above are the ski areas near Salt Lake City and kiteboarding in Baja, Mexico.


A Tapestry of Time and Terrain

Tapestry Time Terrain

A Tapestry of Time and Terrain is a map from the USGS that shows the topology and ages of rock underneath the surface of the United States. The age scale on the right is difficult to read unless you download the full 45Mb PDF version, but it goes from Precambrian (2.6 billion years ago) at the bottom to more-or-less the present day at the top.

Through computer processing and enhancement, we have brought together two existing images of the lower 48 states of the United States (U.S.) into a single digital tapestry. Woven into the fabric of this new map are data from previous U.S. Geological Survey (USGS) maps that depict the topography and geology of the United States in separate formats. The resulting composite is the most detailed and accurate portrait of the U.S. land surface and the ages of its underlying rock formations yet displayed in the same image. The new map resembles traditional 3-D perspective drawings of landscapes with the addition of a fourth dimension, geologic time, which is shown in color. This union of topographic texture with the patterns defined by units of geologic time creates a visual synthesis that has escaped most prior attempts to combine shaded relief with a second characteristic shown by color, commonly height above sea level (already implicit in the shaded relief). In mutually enhancing the landscape and its underlying temporal structure, this digital tapestry outlines the geologic story of continental collision and break-up, mountain-building, river erosion and deposition, ice-cap glaciation, volcanism, and other events and processes that have shaped the region over the last 2.6 billion years.

(via @robgmacfarlane)


Dot Piano

Dot Piano

Dot Piano is a web-based visual piano that works with a MIDI keyboard peripheral or with your regular computer keyboard. As you play, colorful dots dance across the screen in a variety of ways. Hit record and you can easily save and share your composition with others. This one is fun to watch. (via prosthetic knowledge)


A blueprint of hip hop history

Dorothy Hip Hop

Dorothy Hip Hop

Design studio Dorothy has released this poster of a map of hip hop history, featuring notable rap and hip hop artists and groups laid out in the style of a circuit diagram for a classic turntable.

The print pays homage to the godfathers of hip-hop (Gil Scott-Heron, The Last Poets) but takes its starting point as DJ Kool Herc’s Back to School Jam in August 1973 โ€” a block party in the Bronx, New York which is widely regarded as the birthplace of hip-hop.

The print weaves it way through many different scenes and record labels including early old-school innovators (Grandmaster Flash and the Furious Five, DJ Kool Herc, Afrika Bambaataa, Cold Crush Brothers), golden age heroes (Run-DMC, Beastie Boys, KRS-One, Eric B. & Rakim), the collective Native Tongues (De La Soul, A Tribe Called Quest, Jungle Brothers, Queen Latifah, Monie Love), politically charged hip-hop (Public Enemy, The Disposable Heroes of Hiphoprisy, Lauryn Hill), legendary East Coast artists (The Notorious B.I.G, Nas), legendary West Coast artists (Tupac Shakur, Dr. Dre), gangsta rap (Ice-T, N.W.A, Ice Cube, Snoop Dogg), hardcore (Wu-Tang Clan, Mobb Deep), Southern rap (Lil Wayne, T.I., Outkast) underground hip-hop (Company Flow, MF Doom, Aesop Rock), turntablism (Invisibl Scratch Piklz, The X-Ecutioners), trip-hop (Massive Attack, Tricky, Portishead), UK grime (Wiley, Skepta and Stormzy) and legendary producers (DJ Premier, J Dilla and Madlib).

Pairs well with Tim Carmody’s Introduction to Hip Hop playlist.


Our collective happiness on Twitter reaches a new low

Twitter Happiness 2017

The Hedonometer measures the average happiness of Twitter on a daily basis and the shooting in Las Vegas has pushed the index to a new low. The previous low point was after the terror attack in Orlando last July. The two other lowest scores have occurred in the past year and a half: the mass shooting of Dallas police officers and the election of Donald Trump, which is the only non-shooting or non-terror attack to achieve such a low score in the 9-year history of the index.


Audio samples of 1500+ musical genres

Every Sound At Once

Warning: you might lose an entire hour to this… Every Noise at Once is a one-page map of playable audio samples for more than 1500 musical genres, from deep tech house to Finnish metal to smooth jazz to geek folk to klezmer to deep opera.

This is an ongoing attempt at an algorithmically-generated, readability-adjusted scatter-plot of the musical genre-space, based on data tracked and analyzed for 1536 genres by Spotify. The calibration is fuzzy, but in general down is more organic, up is more mechanical and electric; left is denser and more atmospheric, right is spikier and bouncier.

You can also listen to a playlist of one song from each musical genre on Spotify (1536 songs that play for 110 hours & 35 minutes):

Or slice and dice genres list in various ways to get to genre specific playlists.

Update: I’ve been informed that if you hover over the name of a genre and then click on the “ยป”, you get a map of artists in that genre, each with a playable sample. Oops, there goes MY ENTIRE DAY.


Graphing the hidden thresholds of everyday life

Unendurable line is a short film by Daihei Shibata which shows the movement of objects like springs, magnetically attracted objects, spinning tops, and stacked blocks accompanied by a real-time graph of the movement. A bit tough to explain…just watch it. Reminds me of Bret Victor’s live coding. (via colossal)


Infographic of the fascinating timeline of the far future

Timeline of The Far Future

Timeline of the far future is one of my favorite pages on Wikipedia. It details what might happen to humanity, human artifacts, the Earth, the solar system, and the Universe from 10,000 years from now until long past the heat death of the Universe. Information is Beautiful has made a lovely infographic of the timeline.

Reading through the timeline is a glorious way to spend time…here are a few favorites I noticed this time around as well as some from my first post.

August 20, 10,663: “A simultaneous total solar eclipse and transit of Mercury.”

20,000 years: “The Chernobyl Exclusion Zone, the 1,000 sq mi area of Ukraine and Belarus left deserted by the 1986 Chernobyl disaster, becomes safe for human life.”

296,000 years: “Voyager 2 passes within 4.3 light-years of Sirius, the brightest star in the night sky.”

1 million years: “Highest estimated time until the red supergiant star Betelgeuse explodes in a supernova. The explosion is expected to be easily visible in daylight.”

1 million years: “On the Moon, Neil Armstrong’s ‘one small step’ footprint at Tranquility Base will erode by this time, along with those left by all twelve Apollo moonwalkers, due to the accumulated effects of space weathering.”

15.7 million: “Half-life of iodine-129, the most durable long-lived fission product in uranium-derived nuclear waste.”

100 million years: “Future archaeologists should be able to identify an ‘Urban Stratum’ of fossilized great coastal cities, mostly through the remains of underground infrastructure such as building foundations and utility tunnels.”

1 billion years: “Estimated lifespan of the two Voyager Golden Records, before the information stored on them is rendered unrecoverable.”

4 billion years: “Median point by which the Andromeda Galaxy will have collided with the Milky Way, which will thereafter merge to form a galaxy dubbed ‘Milkomeda’.”

7.59 billion years: The Earth and Moon are very likely destroyed by falling into the Sun, just before the Sun reaches the tip of its red giant phase and its maximum radius of 256 times the present-day value. Before the final collision, the Moon possibly spirals below Earth’s Roche limit, breaking into a ring of debris, most of which falls to the Earth’s surface.

100 billion years: “The Universe’s expansion causes all galaxies beyond the Milky Way’s Local Group to disappear beyond the cosmic light horizon, removing them from the observable universe.”


X-ray maps of NYC subway stations

X-ray maps of NYC subway stations

X-ray maps of NYC subway stations

The subway and the street level of NYC are two very different worlds and even long-term residents have a difficult time understanding how they fit together. Architect Candy Chan has drawn a series of x-ray maps of NYC subway stations that show their layouts and orientation compared to the geography of the streets above. (Tip: you can zoom the maps for more detail.)

The series is an extension of her station layouts series. Prints are available in Chan’s shop.


A graph of global temperature anomalies from 1900-2016

Using NASA’s GISTEMP data (a measure of the surface air temperature around the world), climate researcher Antti Lipponen put together this data visualization of global temperature anomalies from 1900-2016. Until about the mid-90s, the lines in different parts of the world pulse blue (cooler) or yellow/red (warmer) each year as regional climate varies…but it slowly turns less blue and more yellow. From 1997 on, the thing is basically an angry red porcupine.


The distribution of letters in English words

David Taylor analyzed a corpus of English words to see where each letter of the alphabet fell and graphed the results.

Letter Distribution

No surprise that “q” and “j” are found mostly at the beginnings of words and “y” and “d” at the ends. More interesting are the few letters with more even distribution throughout words, like “l”, “r”, and even “o”. Note that this analysis is based on a corpus of words in use, not on a dictionary:

I used a corpus rather than a dictionary so that the visualization would be weighted towards true usage. In other words, the most common word in English, “the” influences the graphs far more than, for example, “theocratic”.

Taylor explained his methodology in a second geekier post. (via @tedgioia)


Life in America, in six charts

Who We Spend Time With

From Quartz, six charts that show who Americans spend their time with.

Some of the relationships Lindberg found are intuitive. Time with friends drops off abruptly in the mid-30s, just as time spent with children peaks. Around the age of 60 โ€” nearing and then entering retirement, for many โ€” people stop hanging out with co-workers as much, and start spending more time with partners.

Others are more surprising. Hours spent in the company of children, friends, and extended family members all plateau by our mid-50s. And from the age of 40 until death, we spend an ever-increasing amount of time alone.

This would make a great book…one chapter about why each chart looks as it does.


Narrative flowcharts for Choose Your Own Adventure books

Choose Your Own Adventure map

Choose Your Own Adventure map

The newest editions of Choose Your Own Adventure books come with maps of the story structure that depicts all the branches, endings, and links of each story.

On the official maps, however, the endings aren’t coded in any way that reveals their nature. Instead, they operate according to a simple key: each arrow represents a page, each circle a choice, and each square an ending. Dotted lines show where branches link to one another.

Mapping the bones of the books can have other purposes, too. Nick Montfort, a poet and professor at the Massachusetts Institute of Technology who studies interactive fiction, has a habit of asking people what they know about “Choose Your Own Adventure” books. “They often say, ‘You have two choices after every page,’” he says. “That’s not true. Sometimes you have one choice. Sometimes you have more than two. When you show the maps, you can see that these books don’t look exactly the same.”

(via @RLHeppner)


The Colors of Mister Rogers’ Cardigan Sweaters, 1969-2001

Chart of Mr. Rogers sweater colors

Using data from The Neighborhood Archive, Owen Phillips charted the color of every sweater Mister Rogers wore on his PBS television program from 1979 to 2001.

Some sweaters were worn once and then never again, like the neon blue cardigan Rogers wore in episode 1497. Others, like his harvest gold sweaters, were part of Rogers’ regular rotation and then disappeared. And then there were the unusual batch of black and olive green sweaters Rogers wore exclusively while filming the “Dress-Up” episodes in 1991.

Some things about the sweaters and Mister Rogers:

Update: Phillips updated the chart to include sweater colors all the way back to 1969. (via laura olin)


Climate change is shifting cherry blossom peak-bloom times

Kyoto Cherry Blossom Chart

Records of when the cherry blossoms appear in Kyoto date back 1200 years. (Let’s boggle at this fact for a sec…) But as this chart of peak-bloom dates shows, since the most recent peak in 1829, the cherry blossoms have been arriving earlier and earlier in the year.

From its most recent peak in 1829, when full bloom could be expected to come on April 18th, the typical full-flowering date has drifted earlier and earlier. Since 1970, it has usually landed on April 7th. The cause is little mystery. In deciding when to show their shoots, cherry trees rely on temperatures in February and March. Yasuyuki Aono and Keiko Kazui, two Japanese scientists, have demonstrated that the full-blossom date for Kyoto’s cherry trees can predict March temperatures to within 0.1ยฐC. A warmer planet makes for warmer Marches.

Temperature and carbon-related charts like this one are clear portraits of the Industrial Revolution, right up there with oil paintings of the time. I also enjoyed the correction at the bottom of the piece:

An earlier version of this chart depicted cherry blossoms with six petals rather than five. This has been amended. Forgive us this botanical sin.

Gotta remember that flower petals are very often numbered according to the Fibonacci sequence.


A timeline map of the global median age from 1960-2060

From Aron Strandberg,1 this is a timeline visualization of the age of the world’s population from 1960-2060. The world’s human population has increased rapidly in the last couple centuries, most recently doubling since 1970:

A tremendous change occurred with the industrial revolution: whereas it had taken all of human history until around 1800 for world population to reach one billion, the second billion was achieved in only 130 years (1930), the third billion in less than 30 years (1959), the fourth billion in 15 years (1974), and the fifth billion in only 13 years (1987).

But watching that video, you’ll realize that the world’s population will not reach 20 or 30 billion in 2050 โ€” human civilization is getting old.

  1. Strandberg was also recently in charge of Sweden’s Twitter account, which they hand over to a random Swedish person each week. That’s where I found his chart.โ†ฉ


The Goddesses of Venus

Goddesses Of Venus Map

Last year, Eleanor Lutz made a medieval-style map of Mars. As a follow-up, she’s made a topographical map of Venus. The features on Venus are named for female mythological figures & notable women and Lutz provides a small biography for each one on the map. Among those featured on the map are:

Anne Frank
Selu (Cherokee Corn Goddess)
Kali (Hindu Goddess, Mother of Death)
Virginia Woolf
Sedna (Eskimo Whose Fingers Became Seals and Whales)
Ubastet (Egyptian Cat Goddess)
Beatrix Potter
Edith Piaf

Here are the full lists of the craters, mountains, and coronae on Venus.


Papercraft infographic of fire resistant plants

Eleanor Lutz Forest Fires

Eleanor Lutz made these nifty models of California plants that can withstand fire damage out of Elmer’s Glue and watercolor paper. She then photographed them burning for this infographic on how some species have adapted to California’s wildfires. Be sure to click through to see the animated version.


Every NY Times front page in under a minute

In this short video, Josh Begley shows all of the front pages of the NY Times in chronological order from 1852 to the present. The Times began publishing in 1851 so not every front page is represented, but that’s still more than 50,000 pages in less than a minute. Since they go by so quickly, here are some highlights:

Dec 11, 1861: The Times publishes their first illustrations on the front page. One is a map of Virginia and the other two are political cartoons lampooning James Gordon Bennett, founder of the New York Herald, one of the Times’ main rivals.

Apr 15, 1865: The front page columns were lined with black as they reported on the assassination of Lincoln.

Dec 1, 1896: The hyphen is dropped from “The New-York Times”.

Feb 10, 1897: The slogan “All the News That’s Fit to Print” appears for the first time on the front page.

May 30, 1910: The first news photograph appears on the front page, a photo of aviator Glenn Curtiss flying from Albany to NYC at the blistering pace of 54 mi/hr.

May 1, 1926: The Times prints the first photo “radioed” to the newspaper from London. Transmission time: 1hr 45m.

Jul 21, 1969: The first use of 96 pt. type on the front page announces the Apollo 11 landing on the Moon and subsequent moonwalk. The large type will also be used to announce Nixon’s resignation, the first day of 2000, 9/11, and the election of Barack Obama.

Sept 7, 1976: The columns on the front page are widened, reducing their number from 8 to 6.

Oct 16, 1997: The first color photo is printed on the front page of the Times. (The Times Machine scan is in B&W for some reason, but the photo was in color.)

Begley also made Best of Luck With the Wall, a video showing the entire extent of the US-Mexico border.


The Book of Circles

Book Of Circles

The Book of Circles is an upcoming book by Manuel Lima about the use of circles in information design.

In this follow-up to his hugely popular The Book of Trees and Visual Complexity, Manuel Lima takes us on a lively tour through millennia of circular information design. Three hundred detailed and colorful illustrations from around the world cover an encyclopedic array of subjects-architecture, urban planning, fine art, design, fashion, technology, religion, cartography, biology, astronomy, and physics, all based on the circle, the universal symbol of unity, wholeness, infinity, enlightenment, and perfection. Clay tokens used by ancient Sumerians as a system of recording trade are juxtaposed with logos of modern retailers like Target; Venn diagrams are discussed alongside the trefoil biohazard symbol, symbols of the Christian trinity, and the Olympic rings; and a diagram revealing the characteristics of ten thousand porn stars displays structural similarities to early celestial charts placing the earth at the center of the universe.

I have both of Lima’s previous books, The Book of Trees and Visual Complexity.


W.E.B. Du Bois’ hand-drawn infographics from “The Exhibit of American Negroes”

W.E.B. Du Bois Infographics

W.E.B. Du Bois Infographics

W.E.B. Du Bois was an American author, sociologist, historian, and activist. Apparently Du Bois was also a designer and design director of some talent as these hand-drawn infographics show.

In addition to an extensive collection of photographs, four volumes containing 400 official patents by African Americans, more than 200 books penned by African-American authors, various maps, and a statuette of Frederick Douglass, the exhibition featured a total of fifty-eight stunning hand-drawn charts (a selection of which we present below). Created by Du Bois and his students at Atlanta, the charts, many of which focus on economic life in Georgia, managed to condense an enormous amount of data into a set of aesthetically daring and easily digestible visualisations. As Alison Meier notes in Hyperallergic, “they’re strikingly vibrant and modern, almost anticipating the crossing lines of Piet Mondrian or the intersecting shapes of Wassily Kandinsky”.

Update: Oh, this is great: Mona Chalabi has updated Du Bois’ charts with current data.

Wealth. If I had stayed close to the original chart, the updated version would have shown that in 2015, African American households in Georgia had a median income of about $36,655, which would fail to capture the story of inflation (net asset numbers aren’t published as cumulative for one race). Instead, I wanted to see how wealth varies by race in America today.

The story is bleak. I hesitated to use the word “worth”, but it’s the language used by the Census Bureau when they’re collecting this data and, since money determines so much of an individual’s life, the word seems relevant. For every dollar a black household in America has in net assets, a white household has 16.5 more.

Web Du Bois Infographics Updated


National Geographic Infographics

National Geographic Infographics

National Geographic Infographics

National Geographic Infographics

National Geographic Infographics is an anthology published by Taschen of some of the best infographics featured by National Geographic in the past 128 years.

Through seven sections โ€” History, The Planet, Being Human, Animal World, World of Plants, Science and Technology, and Space โ€” we encounter the rise and fall of the Roman Empire, the mysterious origins of the Easter Island statues, Cleopatra’s Alexandria and a history of Hawaiian surfboarding, all distilled in expert, accessible graphic form. We discover how our genetic patterns have been pieced together over the years or how hip-hop emerged as a cultural heavyweight; we get to grips with global warming, and explore our ever-expanding study of an ever-expanding universe.


The Great American Word Mapper

US Map Language

It’s that time of year again. No, not Christmas or Hanukkah. As the year winds down, it’s an opportunity for Americans to investigate how differently they use words in different parts of the country. In December 2013, for example, people lost their damn minds over the NY Times’ dialect quiz. This year, you can play around with The Great American Word Mapper which uses Twitter data from 2014 to plot geographic usage patterns.

For instance, you can see where people use “supper” vs. “dinner” (see above). The map indicates mixed usage where I grew up, which checks out…we mostly said “supper” but “dinner” was not uncommon, particularly as I got older. Other results are less useful…the Twitter-based “soda” vs. “coke” vs. “pop” doesn’t tell you as much as directly asking people what they call soft drinks.

US Map Language

The swearing maps are always fun (see also the United States of Swearing)…I wonder why “shit” is so relatively popular in the South?

Some other interesting searches: “moma” (alternate spelling of “momma” in the South with a small pocket of usage around NYC for MoMA), “city” doesn’t give the result you might expect, the distribution of “n***er” vs “n***a” suggests they are two different words with two different meanings, and in trying to find a search that would isolate just urban areas, the best I could come up with was “kanye” (or maybe “cocktails” or “traffic”). And harsh, map! Geez. (via @fromedome)