He aquí una recreación de La joven de la perla, de Johannes Vermeer…
… en CSS, obra de Louise Flanagan (@flangerhanger).
Dice que ha necesitado unas 30 horas de trabajo (por amor al arte, claro), aprovechando su participación en el #100DaysOfCode.
Salbatore nos escribió para contarnos que él y sus cinco hermanos –eso es devoción familiar por el código– han creado HTML.Systems que no es más que un repositorio de código HTML con componentes de interfaz de páginas HTML. En sus propias palabras:
El repositorio de código de HTML.Systems emplea las capacidades nativas del navegador y un uso mínimo de las etiquetas HTML. Básicamente es una forma de compartir con la comunidad de programadores que «no todo consiste en crear miles de divs». No es un framework, ni buenas prácticas, simplemente HTML enrevesado, de hecho en algunos componentes, superenrevesado.
En la lista he visto unos 62 elementos: listas, menús desplegables, selectores, carruseles, textareas, paletas de color… Un poco de todo. El código es de dominio público, sin licencia, así que se puede examinar, copiar y usar porque aunque sea un poco raro, simplemente, funciona.
Relacionado:
Histogramas, pictogramas, burbujas, tartas, líneas, horizontes, mosaicos… Hay ni más ni menos que 56 tipos de gráficas distintos recopiladas en esta página de Flowing Data. Y haciendo clic sobre cada uno de ellos se pueden ver unos cuantos ejemplos.
Aunque algunas de estas gráficas son las típicas que se pueden generar con Excel la mayoría son bastante más elaborados. Por eso para algunos se incluyen tutoriales del estilo cómo crear una gráfica en espiral en R, cómo visualizar las proporciones de una tarta de cuadrados o cómo usar diagramas de Venn.
Los ejemplos la verdad es que están muy bien; Flowing Data es un sitio de referencia absoluto para visualizaciones de todo tipo, así que está bien dedicarle un rato a explorar para entender mejor cuál es el tipo de gráfica más adecuado para cada caso.
Relacionado:
TimeLineCurator es un curioso proyecto que se quedó en beta y lleva tiempo parado pero funciona: una herramienta online para crear cronologías visuales a partir de texto normal y corriente, como el que podemos encontrar en un libro de texto o enciclopedia. Este proceso lo llaman curación de la cronología; básicamente consiste en repasar manualmente lo que un algoritmo automático puede encontrar en un texto con nombres, eventos y fechas –principalmente– antes de visualizarlo.
En la página del proyecto hay más detalles, pero la versión online funciona y es bastante sencilla de entender en un rato. Pero el contenido parseando una dirección web con sólo escribir la URL o bien pegar el texto en sí. Luego se elige la fecha a la que se refiere el «Hoy» en el proyecto y con esto queda generado el primer gráfico.
A partir de ahí es cuestión de ir repasando y limpiando la cronología del panel de la izquierda, los fragmentos de documento que aparecen en el centro y sus parámetros, tal y como se han extraído a la derecha: título, contenido visible, color («pista»). Es interesante que se pueden añadir imágenes, afinar las fechas hasta por días y horas concretos o añadir marcas en el pasado y en el futuro. También se puede exportar en varios formatos.
Aunque se ve que la herramienta está a medio terminar y es mejorable en muchos aspectos para hacer algo sencillito y rápido puede servir, sobre todo si ya se parte de un texto con datos. En la página de instrucciones hay mucha más información y también varios ejemplos reales ya «curados» que quedan muy presentables. En Github está su repositorio con todo el código: TimeLineCurator.
Relacionado:
