• Login
  • Register

Work for a Member organization and need a Member Portal account? Register here with your official email address.

Project

Every 7x7 Binary Grid

Copyright

Yufeng Zhao, 2025

Yufeng Zhao

Explore 563 trillion possible 7×7 grids on an infinite canvas, embedding MIT Media Lab's entire visual identity system.

Copyright

Yufeng Zhao, 2025

How many different patterns can you make with a square grid of black and white squares? The answer lies in the power of 2, well, depending on the dimensions.

Inspiration

In 1997, John F. Simon Jr.'s Every Icon began stepping through every possible 32x32 grid configuration, 100 pixel flips per second, requiring several hundred trillion years to complete. Almost three decades later, it's still running somewhere in the early rows—a meditation on computational infinity projected through time.

Copyright

Artwork: Every Icon © John F. Simon, Jr. Photo: © HEK (House of Electronic Arts Basel)

 What if instead of waiting, we could navigate that possibility space like a map? A classic space-time tradeoff.

 Every 7x7 Binary Grid spreads all 562,949,953,421,312 possible 7×7 binary grids across an explorable canvas. Where Simon uses temporal enumeration, I use spatial distribution. Each pattern lives at specific coordinates, accessible through navigation rather than patience.

 If each grid were a 1-inch square tiled on a physical canvas, you'd need a 374-mile by 374-mile square—covering 3.7% of US territory. If we placed the MIT Media Lab logo at its actual location in Cambridge, the Future Sketches logo would land somewhere in Vermont, near Molly Stark State Park.

Copyright

Yufeng Zhao, 2025

Navigate, Draw, Teleport

You can navigate the canvas by dragging, like panning through Google Maps. But the space is vast—dragging quickly gets exhausting, even when fully zoomed out. 

Alternatively, the drawing panel allows you to sketch any 7×7 pattern and instantly fly to its location. Be it a smiley face, a letter, an abstract doodle, the algorithm calculates its coordinates and teleports you there. It feels as if the pattern are not created, but rather found.

Media Lab's Visual DNA

The 7×7 grid directly references MIT Media Lab's visual identity, designed by Pentagram in 2014. When Michael Bierut's team created unified monograms for the Lab's research groups using a 7x7 grid, they also defined a bounded universe of visual possibilities.

I plotted all 22 current research group glyphs as waypoints in the system. You can pick any group and watch the canvas fly across millions of patterns to land exactly on a familiar logo. Alternatively, you can take an animated tour among all of them.

Wrangling Space with Bits

The canvas uses a quadtree structure—an origin dividing into four quadrants, each recursively subdividing, creating coordinates for ~563 trillion grids across a 23.7 million × 23.7 million grid layout.

Working with browser posed a challenge on precision. WebGL handles only 32-bit numbers, but I need 49 bits to address all grid variations, and even more bits for each pixel. I used  the origin shifting technique from game engines to make the entire map addressable. 

Copyright

Yufeng Zhao, 2025

Every 7x7 Binary Grid quickly becomes a meditation on exhaustive enumeration and the finite nature of computers. This tension makes me wonder about Simon's Every Icon: did that 1997 Java applet account for precision loss over centuries? The counter needs 1,024 bits to reach the final icon. If not, will humanity outlive the software's precision limits to see it crash, or will we vanish from the planet long before it reaches its numerical ceiling?