Este script toma una imagen de 900px de ancho y altura arbitraria, genera una paleta de 256 colores que aproximadamente componen la imagen y despliega la paleta como un árbol-mapa donde el tamaño de la celda es dado por el uso del color en la imagen.
Javascript todavía no es suficientemente rápido como para pedirle al browser que haga el cálculo de la paleta con todos los píxels de la imagen (o al menos yo no pude), así que aquí tomo una muestra uniforme de píxels y basados en ellos calculo la paleta. El algoritmo para generar la paleta es una versión del que proponen acá.
Haga click aquí para ver la imagen (un pedazo de Nightlife, de John Motley) y su paleta.
La idea proviene de este tumblr.
(Vía Twitter me entero de que Gabriel Gianordoli hizo algo similar usando Processing hace un par de años.)
Modified http://d3js.org/d3.v3.min.js to a secure url
Modified http://d3js.org/queue.v1.min.js to a secure url
https://d3js.org/d3.v3.min.js
https://d3js.org/queue.v1.min.js