https://github.com/stephenlb/one-million-divs

So many divs!
https://github.com/stephenlb/one-million-divs

Last synced: 3 months ago
JSON representation

So many divs!

• Host: GitHub
• URL: https://github.com/stephenlb/one-million-divs
• Owner: stephenlb
• Created: 2026-02-23T20:08:44.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2026-02-23T21:53:23.000Z (4 months ago)
• Last Synced: 2026-02-24T04:32:58.653Z (4 months ago)
• Language: JavaScript
• Size: 2.93 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# One Million Divs

> **Try it now:** https://stephenlb.github.io/one-million-divs/

Lots of users changing the colors of each DIV in real-time.

- `index.html` — optimized experience (fewer divs)

- `one-million-divs.html` — the full one million divs

## Benchmark: innerHTML vs appendChild

1. `divs.innerHTML += "more divs"`

2. `divs.appendChild()` — WINNER!

## Challenges

- ✅ Too many divs to render (browser performance)

- ✅ Storage and retrieval (chunked into 5K chunks)

- Compression (bitmap binary)

## Features

- ✅ Color theme / color picker

- ✅ Multi-user live collaboration