PICA
DatosPica es una plataforma web interactiva que transforma datos oficiales de Uruguay en visualizaciones explorables a través del pixel art. El proyecto parte de una problemática bastante simple: los datos públicos existen, pero muchas veces quedan escondidos detrás de PDFs, planillas y formatos pensados para quienes ya saben interpretarlos.
El nombre viene del juego del escondite: "¡pica!" es el grito de cuando encontrás al que estaba escondido. Acá los escondidos son los datos. El slogan lo dice derecho — poner el problema donde todos lo puedan ver.
La puerta de entrada no es un menú: es una ciudad. Una Montevideo isométrica en pixel art donde cada edificio es una temática, y clickearlo apaga la ciudad a gris mientras puntos de color viajan por las calles hasta abrir el dato. De ahí se pasa al explorador, donde cada cruce de entidad y característica arma su visualización.
Y la regla que gobierna todo: las personas se representan con personas. Cada dato sobre gente se dibuja con figuras pixel que caminan hasta formar la cifra —canvas propio, no gráficas de librería—, con una escala escrita al costado y un límite duro: en conteos absolutos nunca se dibujan más figuras que casos reales.
83 datasets de fuentes oficiales, 29 entidades, cinco temáticas y los diecinueve departamentos. Ningún número se transcribió a mano: cada uno sale de un script que lee la celda del cuadro original y verifica que los totales cierren.
- FORMATO
- Educational Content
- ESTADO
- Released
- PROPÓSITO
- Experimental
- DIMENSIÓN
- Mega Project
- DISCIPLINAS
- Web Design · UI Design/UX Design · Interactive Design · Creative Coding · Illustration
- TÉCNICAS
- Coding · Generative Systems · Illustration
- SOFTWARE
- Figma · HTML/CSS/JAVASCRIPT · React · IA
La paleta
Un color por temática, y el negro para todo lo demás.
Cada temática tiene su color y su personaje, y ese color es el que después tiñe las figuras de sus visualizaciones y el edificio que le corresponde en la ciudad. El fondo es oscuro en todo el sitio: se evaluó un modo claro y se descartó — la identidad es la base oscura.
- #3B5BDBEducaciónEl liceo, la estudiante y sus multitudes
- #F0B429TrabajoLa fábrica y el trabajador
- #37B24DSaludEl hospital y la doctora
- #F76707EconomíaEl banco y el economista
- #E03131SeguridadLa jefatura y la policía
- #0B0B0FFondoLa base oscura de todo el sitio
Para qué existe
Poniendo el problema donde todos lo puedan ver.
Misión
Lo que Pica se propone.
- democratizar
- accesibilidad
Democratizar y dar accesibilidad a la información que nos ilustra. Los datos públicos ya existen y son gratis: lo que falta no es el dato, es la puerta.
Visión
Lo que quiere que pase.
- detenerse
- tomar conciencia
Dar herramientas a todos los uruguayos para que puedan detenerse y tomar conciencia de las realidades de su país. En un mundo donde todo pasa de largo, el objetivo no es informar más rápido: es lograr que alguien se pare.
Valores
Lo que no se negocia.
- transparencia
- accesibilidad
- imparcialidad
- diseño
- cultura
- comunidad
La imparcialidad es la más difícil y la más importante: Pica no busca dar respuestas ni imponer una lectura positiva o negativa. Recolecta de fuentes oficiales, muestra el dato tal cual y lo exhibe siempre con su crédito. Las interpretaciones las hace cada persona.
Para quién
El público que el proyecto persigue.
- 12 a 25
- pantalla
- poca prensa
Jóvenes con mucho consumo de redes y poca exposición a medios periodísticos: los más desconectados de las realidades generalizadas del país. Por eso el lenguaje rima con el momento —pixel art, historias para compartir, un chat— sin ser lo mismo: el objetivo es que se detengan, no que sigan pasando.
El nombre
El nombre
Como en el escondite: "¡pica!" es el grito de cuando encontrás al que estaba escondido. Acá los escondidos son los datos. El propio sitio lo explica en el Palacio Legislativo, que además reparte una estadística al azar de cualquier temática — la manera más corta de entender de qué se trata sin elegir nada.
La ciudad
La ciudad
El sitio abre con una Montevideo isométrica en pixel art: el Palacio Legislativo, el Palacio Salvo, la jefatura, el banco. No es una ilustración de fondo — la ciudad está viva. Las calles están trazadas por código, las ventanas titilan, los faroles se encienden y el día se hace noche; los solares vacíos dicen "próximamente".
Cada edificio es una temática. Al pasarle el mouse se eleva del suelo con un basamento que sube con él y una sombra que lo ancla — la única señal de que ahí se puede clickear, porque un botón encima rompería la ilusión de estar mirando un lugar. Y al clickear, la ciudad se va a gris mientras unos puntos de color viajan por las calles hasta el edificio elegido, buscando su camino.
Los personajes
Cinco temáticas, cinco personas
Educación, en azul.
Trabajo, en amarillo.
Salud, en verde.
Economía, en naranja.
Y Seguridad, en rojo.
Los datos
EL EXPLORADOR. Tres pasos: temática, entidad, característica. Todo el estado vive en la dirección, así que cualquier vista se puede compartir por link y volver a abrirse igual. Es también lo que le permite al asistente responder con un enlace exacto en vez de con una explicación.
LAS PERSONAS SE REPRESENTAN CON PERSONAS. La regla central del proyecto. Cada dato sobre gente se dibuja con figuras pixel que caminan hasta su lugar en la grilla y ahí se quedan: un canvas propio con los mismos sprites que circulan por la ciudad, tintados en caliente según la categoría. Toda multitud lleva su escala escrita —"1 figura = 500 estudiantes"—, y en conteos absolutos nunca se dibujan más figuras que casos reales.
Compartir
Compartir un dato
Cualquier visualización se convierte en una historia de 1080×1920 dibujada en el momento: el titular "Uruguay en números", la multitud del dato, la fuente y la marca. Se descarga o se manda directo desde el teléfono. La idea es la del wrapped —un formato que la gente ya sabe compartir— pero con datos del país en lugar de una playlist.
El asistente
El asistente
Un chat que solo sabe de los 83 datasets del sitio. Tiene prohibido citar un número que no esté en ellos, y cuando encuentra el dato responde con el link a la visualización en vez de explicarlo. En los temas sensibles —violencia de género, suicidio— la respuesta incluye la línea de apoyo.
Nosotros
Nosotros
La página que declara qué hace Pica, por qué y cómo. La respuesta a "por qué" es la que manda visualmente, y no por casualidad: es la única de las tres que no se puede deducir mirando el sitio.
Pica no interpreta: muestra el dato con su crédito y deja la lectura a quien mira. Esa distancia es la posición del proyecto, no una limitación.
En el teléfono
En el teléfono
La ciudad no se achica: cambia de forma. En un teléfono el mapa isométrico se vuelve un carrusel de edificios a pantalla completa, cada uno con su calle alrededor y los puntos de color circulando. Se pasa con el dedo, y al tocar uno la caja del nombre se llena como una barra de carga mientras la gente entra al edificio.
El explorador se apila: las entidades de una temática pasan de grilla a columna, con la misma navegación y el mismo estado en la dirección.
Y las visualizaciones bajan la densidad de figuras en vez de encogerlas. Achicar los sprites habría convertido la multitud en una textura: lo que se ajusta es cuántas personas representa cada figura, que es un dato y no un tamaño.