Koalas to the Max: the website that hides a koala in circles

Koalas to the Max is a single-purpose website that starts as one enormous circle and, with each hover or tap, splits that circle into four smaller ones until a pixelated koala quietly resolves on the screen. It is worth a look because it turns a serious data-visualization tool into something with no purpose beyond a small, satisfying reveal.

In brief

• The site subdivides one big circle into ever smaller circles until a hidden image, usually a koala, appears.
• It was built with D3, the web visualization library, and its source sits in the open on GitHub.
• Its creator, Vadim Ogievetsky, is a co-author of the 2011 paper that introduced D3, per the Stanford Visualization Group.
• A built-in option lets a visitor paste any image URL and turn it into the same subdividing puzzle.

What the site actually does

Open koalastothemax.com and the whole screen is a single circle. Move the cursor across it, or tap it on a phone, and it breaks into four. Touch those, and each breaks into four again. The circles shrink with every pass, and their colors sort themselves into a recognizable shape. After enough passes, the shape is a koala, rendered as soft round pixels.

Nothing is timed. There is no score, no account, and no goal beyond finishing the picture. A visitor can rush it with wild cursor sweeps or tease it apart one circle at a time. The site states the payoff plainly once the grid is fine enough: the koala is there, and it invites the visitor to make their own and share the link.

The effect is closer to scratching a lottery ticket than playing a game. Each division is a tiny act of uncovering, and the mind keeps reaching for the next one. Writers who have covered it reach for calm comparisons. Boing Boing filed it under relaxation in 2015, well after it first spread.

It also needs no instructions. There is no text to read, no tutorial, and no language barrier, because the rule reveals itself the instant a circle splits. A first-time visitor understands the entire site within a second of the first hover, which is a rare thing to be able to say about anything online.

The final koala is deliberately humble. It is not a photograph but a low-resolution, rounded rendering, the kind of soft pixel art that looks friendly rather than exact. Watching the average colors settle into that image is much of the charm, since the picture is always a little rougher and warmer than a visitor expects, and never quite the same twice depending on where they dug first.

How the picture appears

The mechanism is a recursive subdivision. One circle becomes four, each of those becomes four, and so on. Every circle takes the dominant color of the square of image beneath it, so at a coarse level the screen is a blur of large color blobs, and at a fine level it sharpens into the source picture. It is the same idea as a quadtree, the structure that splits a space into four quadrants over and over.

Because the split is always four-way, the count of circles multiplies fast. A few dozen taps near a detailed region can spawn hundreds of little dots. The koala emerges unevenly, sharp where a visitor has been busy and still blocky elsewhere, which is part of why the finished image feels earned rather than simply loaded.

Desktop and phone behave a little differently, which is easy to miss. With a mouse, simply sweeping across the canvas is enough to trigger splits, so the koala can fill in almost by accident. On a touchscreen each tap is deliberate, so the reveal is slower and more considered. Neither is the right way, and trying both is part of the fun.

A quadtree in a friendly costume

The quadtree is not a toy idea. As the reference literature notes, the same recursive four-way split underpins image compression, collision detection in games, and spatial indexing on maps. Koalas to the Max is that computer-science staple wearing a friendly costume, letting a visitor drive the recursion by hand instead of leaving it to run in a fraction of a second.

Seen that way, the site is a quiet lesson. It makes an abstract data structure visible and tactile, the way a good museum exhibit turns a principle into something a hand can operate. No one has to know the word quadtree to feel how the space keeps quartering itself.

All of that motion is drawn with D3, a JavaScript library for binding data to shapes in a page and animating changes to them. Splitting one circle into four, sliding them into place, and recoloring them on the fly is exactly the kind of data-to-document choreography D3 was built to make smooth.

The person who built it

Koalas to the Max is credited on its own page as made for Annie Albagli, an artist whose site sits at anniealbagli.com, and powered by D3. The maker is Vadim Ogievetsky, and the detail that makes the toy quietly remarkable is who he is in the visualization world.

Ogievetsky is a co-author of the paper "D3: Data-Driven Documents," published with Michael Bostock and Jeffrey Heer and archived by the Stanford Visualization Group in 2011. That paper introduced the library now used across newsrooms, dashboards, and scientific charts. Before D3, the same research group built Protovis, an earlier web visualization toolkit that fed directly into it.

His later work leans just as serious. He is a co-founder of Imply and a contributor to Apache Druid, the real-time analytics database, as summarized on Wikipedia and the Apache Druid project site. The koala, then, is the offhand work of someone whose day job is making very large numbers legible at speed.

The public source confirms the lineage plainly. The repository on GitHub, created in 2011, lists D3 as its engine and Ogievetsky as its author. A visitor does not have to take the credit line on faith, because the commit history is right there to read.

Serious tools, gloriously misused

Most D3 in the wild draws bar charts, maps, and network graphs. The library, created chiefly by Mike Bostock, grew out of graphics work at newsrooms and became a workhorse of data journalism precisely because it can turn a spreadsheet into a moving picture. Koalas to the Max points that same engine at nothing useful at all.

There is a small joy in watching an industrial-grade instrument perform a party trick. The circles are data points, the koala is the dataset, and the subdivision is a transform. The plumbing is identical to a serious chart. Only the intent is silly, and the silliness is the entire point.

The library's pedigree makes the contrast sharper. Its main author, Mike Bostock, spent years building graphics at The New York Times, as his biography records, and D3 became the backbone of countless award-winning news interactives. The koala uses that same lineage to do nothing more urgent than assemble a marsupial out of dots.

This is a recurring shape in the useless-web tradition. A capable developer spends a weekend building something that solves no problem, and it outlives most of their earnest work. The koala has run quietly for more than a decade while countless dashboards it could have powered have long since been switched off.

Make your own koala

The site is not a single fixed image. It ships with a way to feed it a new one: paste an image URL into the field it offers and press enter, and the same four-way subdivision runs over that picture instead. Share the resulting link, and anyone can uncover the image the same way, circle by circle.

The open source repository nods at this flexibility in its own description, calling the project an exploration of pixelated koalas that "may include animals other than koalas." People have pointed it at pets, logos, and portraits, which turns a fixed novelty into a small tool for making shareable puzzles out of almost anything.

Because the code is public, the curious can also read exactly how it behaves, fork it, or host it themselves. That openness is common to a certain generation of web toys, where the source was as much the gift as the site. It is also why the thing has proven so hard to kill.

A website as a small gift

The credit line is easy to skip past, but it is the heart of the project. The koala was not a product or a portfolio piece. It was made for one person, Annie Albagli, and then left running for everyone else to find. The web is full of these quiet dedications, and they tend to age better than the launches that shouted.

Building a personal site as a present is an old and generous habit. It costs the maker an evening and a little cleverness, and it hands the recipient something that no shop stocks. Koalas to the Max is a good example of the form: specific enough to mean something to one person, general enough to delight a stranger a decade later.

It helps that the gift kept giving in public. Because the same page anyone can visit is the one dedicated to Annie Albagli, the private gesture and the shared toy are the same object. Most presents are seen by one person. This one has quietly entertained a very large number of strangers while still carrying its original dedication in plain sight.

Where it sits in the useless-web canon

Koalas to the Max belongs to the family of sites that do exactly one gentle thing and then stop. The genre thrives on being passed along, and the koala has done its rounds. It surfaced in Hacker News conversation as early as late 2012, where commenters admitted to losing chunks of an afternoon to it.

It sits comfortably next to the Boring Websites network, a small collection built on the same principle of doing one calm thing well. Today's Rock, which simply shows a different rock each day, shares the koala's refusal to demand anything of the visitor. Both reward attention without ever asking for it.

These sites share a further trait: they are almost impossible to describe in a way that sounds appealing. A page that quarters circles into a koala, or one that displays a rock, reads as pointless on paper. The value only appears in the doing, which is exactly why they get passed hand to hand rather than reviewed. A link and a shrug does more work than any pitch.

What separates the koala from a throwaway gag is that the reveal has a rhythm. A one-joke page is funny once. A subdividing koala can be re-uncovered, sped up, slowed down, or handed to a child who will happily fill in every last circle. The interaction, not the image, is the durable part.

How to get the most out of it

The obvious approach is to sweep across the canvas and watch the koala snap into focus in seconds. The more rewarding one is to slow down. Split a single corner all the way to its finest circles while the rest of the screen stays as fat color blobs, and the picture becomes a study in how much detail hides in one small square.

The best trick is to bring an image of your own. Paste a URL into the field the site offers, and any picture becomes the same puzzle. A pet, a favorite album cover, or a friend's face all subdivide just as neatly as the default koala, and the resulting link is easy to send.

It also makes a surprisingly good thing to hand to a small child. There is nothing to break, nothing to buy, and no wrong move. The task is self-explanatory, the feedback is instant, and the koala at the end is a reward that never fails to arrive. Few websites are this safe to leave someone alone with.

For anyone with a technical bent, the last move is to open the source and see how few moving parts produce the effect. The site is a compact demonstration that a memorable web experience does not need a heavy stack, only a clear idea run cleanly.

Why it still lasts

The appeal is partly about control. The visitor sets the pace, picks where to dig, and watches cause meet effect with no delay. Every tap does something visible, which is a rarer feeling online than it should be. The screen answers at once and never nags for attention.

It is also about closure. A half-finished koala is a small itch, and the site makes scratching it trivial. There is a clean sense of a task with an obvious end state, reachable in about a minute, that asks for nothing in return. No sign-up wall stands between the visitor and the last circle.

Longevity helps too. Because the experience runs almost entirely in the browser and leans on a stable library, there is little behind it to rot. Many richer sites from its era have vanished with their servers, while the koala keeps loading. Doing one small thing, and depending on almost nothing, turns out to be a good survival strategy on the web.

In the end, Koalas to the Max endures because it respects a visitor's time while quietly rewarding it. It arrives instantly, explains itself, delivers its small payoff, and then lets go. That restraint, rare on a web that usually wants more, is the whole reason a decade-old koala made of circles is still worth sending to a friend today.

FAQ

Is Koalas to the Max free to use?

Yes. It runs in any modern browser at koalastothemax.com with nothing to install and no account to create. Its source code is also published openly on GitHub, so anyone can read or run it themselves.

Who made Koalas to the Max?

Vadim Ogievetsky, credited on the page as making it for Annie Albagli. Ogievetsky is a co-author of the 2011 paper that introduced the D3 visualization library, archived by the Stanford Visualization Group, and later a co-founder of Imply.

How does the koala image appear?

Each circle splits into four smaller circles when touched, and each takes the color of the region beneath it. Repeating that subdivision, a structure much like a quadtree, sharpens the blur into a recognizable, pixelated koala drawn with D3.

Can a visitor make their own version?

Yes. The site accepts an image URL and runs the same subdivision over that picture, then produces a shareable link. The repository even jokes that the result may include animals other than koalas.

More boring websites like this: Generative art websites.