La iguana ilustrada

WEB: Second Story, parte de SapientNitro

noreply@blogger.com (Anonymous) — Thu, 30 Apr 2015 15:02:00 +0000

Second Story
Second Story is a network of design studios that focuses on responsive environments, story-driven experiences, experimentation, and innovation. For more than 20 years, we have conceptualized, designed, and developed projects that educate, immerse, and activate across the cultural and brand space.

Agencia SapientNitro

MAGS: Print Magazine, Cincinnati, OH

noreply@blogger.com (Anonymous) — Thu, 30 Apr 2015 14:52:00 +0000

Print Magazine

Print is an iconic design and visual culture brand encompassing a venerated magazine, a website, premium book and e-book lines, and the Regional Design Annual, one of the most well-respected design competitions in the industry.

Founded in 1940, Print seeks to build a dialogue about design by detailing the intersections of art and culture. Rather than focusing on the how-to of design, the experts who write for Print cover the why—why the world of design looks the way it does, how it has evolved, and why the way it looks matters.

To fulfill its mission, Print focuses on a broad stroke of visual culture today, covering everything from publication design to interactive work, motion graphics, corporate branding, exhibitions, illustration and socially conscious design.

Print is sophisticated. Bold. Distinguished. Experienced. Savvy. The longest-running stateside graphic design publication, it has won five National Magazine Awards—the industry’s highest honor.

As the design world has evolved over the decades, Print has been right there with it, and will continue to evolve to bring its readers the best design writing from the most prominent authors, legends and critics in the field today. Print’s contributing editors and regular writers include such top design thinkers as Michael Dooley, Steven Heller, Claire Lui, Debbie Millman, Rick Poynor, Ellen Shapiro, Paul Shaw, Jude Stewart and Douglas Wolk.

2014 RDA: "Who the F#%K is Charlie Crist?" Miami New Times, Miami: Miche Ratto (art director/designer); Miami New Times (client)

Print magazine
10151 Carver Road, Suite # 200
Cincinnati, OH 45242
+1.513.531.2690

PÓSTERS: National Enery Foundation

noreply@blogger.com (Anonymous) — Thu, 30 Apr 2015 14:42:00 +0000

La tienda online de National Energy Foundation.
Libros, póster, multimedia.
Lema: Think! Energy

GRAPHIC: El gráfico de Pisa

noreply@blogger.com (Anonymous) — Tue, 21 Jan 2014 09:23:00 +0000

Gráfico contenido en el examen de comprensión lectora para elaborar el informe PISA, octava pregunta.
El gráfico lo realizó MCTdirect (McClatchy-Tribune Information Services), la antigua Knight Ridder Tribune Graphics (KRT) de George Rorick.

Preguntas de comprensión lectora.
La población objetiva del informe son más de 31 millones de jóvenes de 15 años repartidos por todo el mundo.
La prueba la realizaron 512.000 alumnos (el 1,65% de la población).
Aquí una buena discusión sobre porcentajes y muestras.

El protagonista: Vijaypat Singhania.
Récord en altitud en globo.

Reading Literacy

Question: What is the main idea of this text?

Singhania was in danger during his balloon trip.
Singhania set a new world record.
Singhania travelled over both sea and land.
Singhania’s balloon was enormous.

Answer: B. Singhania set a new world record.

Question: Vijaypat Singhania used technologies found in two other types of transport. Which types of transport?

Answer: Refers to BOTH airplanes AND spacecraft (in either order). [can include both answers on one line]

1. Aircraft
2. Spacecraft
1. Airplanes
2. space ships
1. Air travel
2. space travel
1. Planes
2. space rockets
1. jets
2. rockets

Partial Credit: Refers to EITHER airplanes OR spacecraft.

spacecraft
space travel
space rockets
rockets
Aircraft
Airplanes
Air travel
jets

Question: What is the purpose of including a drawing of a jumbo jet in this text?
Question: Refers explicitly or implicitly to the height of the balloon OR to the record. May refer to comparison between the jumbo jet and the balloon.

To show how high the balloon went.
To emphasise the fact that the balloon went really, really high.
To show how impressive his record really was – he went higher than jumbo jets!
As a point of reference regarding height.
To show how impressive his record really was. [minimal]

Question: Why does the drawing show two balloons?

To compare the size of Singhania’s balloon before and after it was inflated.
To compare the size of Singhania’s balloon with that of other hot air balloons.
To show that Singhania’s balloon looks small from the ground.
To show that Singhania’s balloon almost collided with another balloon.

Answer: B. To compare the size of Singhania’s balloon with that of other hot air balloons.

Otras historias

Gráficos de 1945 sobre bombas japonesas y globos.

Infografía 'pata negra'

noreply@blogger.com (Anonymous) — Thu, 16 Jan 2014 09:42:00 +0000

Se acaba de aprobar la norma de calidad para el jamón.

Etiquetado de mayor calidad a peor (Visualización de la pureza ibérica de los animales en la denominación de venta):

NEGRO: Bellota 100%, los realmente 'pata negra'.
ROJO: Bellota ibérico
VERDE: cebo de campo ibérico
BLANCO: cebo ibérico.

En la foto, la visualización presenta el código de colores desordenado.

El gráfico correcto en la presentación. López Ortega, 2014

Los cerdos en cebaderos de 110 kilos tendrán un espacio mínimo de 2 metros cuadrados.
En la montanera (carga productiva de la dehesa), de 0,25 a 1,25 cerdos por hectárea.

La nueva normativa explicada.

Ilustración del corte del jamón (profesor Ramón de Arcos Nieto-Guerrero).

Corte del jamón, La Vanguardia. Jaime Serra, Rosa M. Anechina, Jorge Portaz. 2009.

Las trampas en el jamón ibérico, El Periódico. 2013. En La Buena Prensa.

El cerdo Ibérico.
Adolfo Arranz.
2009. El Mundo.

Isométrica

noreply@blogger.com (Anonymous) — Mon, 30 Dec 2013 12:09:00 +0000

Pasos para convertir un cuadrado plano a escala isométrica.

Una guitarra isométrica.

Papeles isométricos.

Big Data

noreply@blogger.com (Anonymous) — Mon, 11 Nov 2013 09:08:00 +0000

Gráfico y terminología referente a Big Data.

Mashable.
Kapow Software.

MOOCs

noreply@blogger.com (Anonymous) — Wed, 06 Nov 2013 09:00:00 +0000

Gran gráfico de The Chronicle of Higher Education. Análisis de los principales actores en la educación online. Washington DC. EEUU.

Universo Modesto

noreply@blogger.com (Anonymous) — Fri, 04 Oct 2013 16:41:00 +0000

Diagrama realizado por Emilio Amade y el Departamento de Infografía de EL MUNDO.

A Fabulous Colleague

noreply@blogger.com (Anonymous) — Fri, 04 Oct 2013 12:47:00 +0000

Ayer Modesto J. Carrasco (@modesjcc) pasó por Twitter estas dos geniales imágenes.
Son los comienzos del departamento de gráficos de EL MUNDO, en 1989.

Las tenía en papel fotográfico en su casa, les hizo una foto con el iPhone y en segundos corrían por la red. También ayer nos vimos y nos reímos mucho, entre otras cosas, recordando cuando teníamos que bajar a los talleres a pedir vez para usar un escáner. Perdías la mañana, seguro.
Fotografía digital de una foto impresa. Sí, Modesto siempre supo adaptarse a las nuevas tecnologías y estoy seguro de que tendremos buenas noticias suyas pronto.

Principios de los 90: Jeff Goertzen, Gorka Sampdro, Modesto, Ricardo Martínez, Mario Tascón, Jordi Clapers y Samuel Velasco. El tipo de abajo con la gorra era un currante de la obra de enfrente, en la sede de EL MUNDO en Sánchez Pacheco.

1990: Ricardo Martínez, Gorka Sampedro, Mario Tascón, Patxi Aguirre, Forges, Modesto, Ulises Culebro, Jeff Goertzen, Samuel Velasco, en Sánchez Pacheco.

Hace unos días intercambié impresiones con Jeff Goertzen, actualmente Director de Educación en la SND y consultor en Orange County Register - ¡aluncinen con estas láminas!- , y me dijo esto sobre Modesto: "What a tenure that man has given to El Mundo! If there were a guy that I truly enjoyed working with, it was him. He is one of the few remaining original gang that we were there during the Gulf War. He was a fabulous colleague.".

"Sí", le contesté. Era lo mismo que yo pensaba.
Ayer estuvimos celebrando con Modesto su larga carrera profesional en el diario, 23 años. Emilio Amade realizó un gráfico para la ocasión, le fue entregado enmarcado, que resumía la historia del departamento siguiendo sus pasos. Espero tenerlo pronto para publicarlo aquí. Una pasada.

Diagramas para hace ruido

noreply@blogger.com (Anonymous) — Mon, 30 Sep 2013 10:09:00 +0000

Hoy he repasado el email y he encontrado estas imágenes que hace ya tiempo envié a un buen amigo.
Diagramas de las conexiones de los pedales de guitarra.

El uso de infografía en la información diaria o en el marketing es mínimo en comparación con los usos que se le da en otros muchos campos: Allí son necesarios expertos en comunicación que sepan representar las cosas, buscar un orden, contextualizar. El mundo de la infografía no acaba entre las paredes de una redacción.

Aquí dos disposiciones para hacer mucho ruido.

Pedalera de Dave Grohl con los Foo Fighters, 2000.

J. Mascis, Dinosaur jr, 1996

Los diagramas los encontré en GuitarGeek.

Levántate y lucha, esta es tu pelea

noreply@blogger.com (Anonymous) — Mon, 23 Sep 2013 12:31:00 +0000

2005: Elección del nuevo Papa.
2013: Cónclave papal.

Una muestra más de la experiencia directa: 'Show, Don't Tell'.
Estas fotografías se encuentran en un documento titulado 'The 4 Essentials of Every Great Website (And How to Design Yours)' y escrito por Meghan Lockwood.

Las cuatro máximas:
1. Esteticamente bello.
2. Optimizar para el usuario.
3. Personalizar y dar contexto.
4. Optimizar para móviles.

Más links: 'The Seven Years That Change Everything'. Smashing Magazine.

Pedro Pérez Cuadrado: "Tenemos ya mejores herramientas en casa que en el puesto de trabajo"

noreply@blogger.com (Anonymous) — Tue, 10 Sep 2013 16:14:00 +0000

Hablamos con el Dr. Pedro Pérez Cuadrado, investigador y Profesor Titular de la Facultad de Comunicación de la Universidad Rey Juan Carlos de Madrid.

Lo pillo cuando faltan escasos días para inaugurar las V Jornadas de Diseño de la Información. Está a tope. Le agradezco su paciencia y rápida respuesta a este breve formulario de preguntas.

JC: Lo primero de todo Pedro, enhorabuena por este lustro de Jornadas. Yo estudié en la Universidad de Navarra y te puedo comentar que, como alumno, una de las cosas que más me influyeron fueron jornadas y sesiones como las que organizáis en la Universidad Rey Juan Carlos.

A lo largo de estos cinco años habéis tratado en profundidad campos como el diseño, la creatividad, la imagen y la fotografía, la infografía, el mundo de las revistas y los magazines, los periódicos impresos. Y de repente, aparece un mundo nuevo al que quizás muy pocos estaban preparados.

Estas quintas Jornadas se zambullen directamente en el mundo del diseño audiovisual. De alguna manera, ¿se abre un nuevo ciclo?

PPC: No se abre, ya está abierto. Y a muchos nos pilla a contrapié. Todo va muy rápido. Pero ya nos dimos cuenta en las primeras Jornadas. Entonces tuvimos un diseñador de postproducción audiovisual, un chaval de apenas 20 años, que nos hizo una exhibición de cómo se estaban gestionando digitalmente las series de televisión y de cómo el diseño, como disciplina transversal, abarcaba a cada una de las especialidades en comunicación.

Por eso ahora pretendemos, en esta nueva edición, considerar aspectos propios del audiovisual que se quedaban fuera en otros tipos de diseño: fundamentalmente el sonido y el movimiento. >

JC: Me ha llamado la atención que en la presentación de las Jornadas en la página web se afirme: "Desgraciadamente, desde la Universidad no podemos presumir de estar a la vanguardia de las experimentaciones en Diseño de la Información." ¿Qué está pasando?

PPC: Lo que está pasando es general, no sólo de las universidades, que también. ¿Te has dado cuenta que la mayoría de quienes nos dedicamos a este mundo tenemos ya mejores herramientas en casa que en el puesto de trabajo? Son tan rápidos los cambios tecnológicos (hardware y software) que las empresas no pueden rentabilizar sus adquisiciones. Y la crisis ha venido a echar sal a la herida.

El que yo te diga que la equipación informática de nuestras universidades públicas no es la óptima o el que te descubra que no todos los profesores se reciclan como debieran no es un secreto de estado. Cierto es que en diseño de la información no es todo ordenador, pero si queremos colocar a nuestros alumnos en el mundo laboral real, digamos que sí es un tanto importante.

JC: Pienso que si existiese un modelo debería fusionar de alguna manera la formación tecnológica, con la formación periodísticas y con la formación creativa. ¿Qué modelos ves en vanguardia del Diseño de la Información?

PPC: No hay fórmulas mágicas. Ahora mismo todos (empresas, universidades, trabajadores...) estamos en un momento de ensayo-error que nos debe llevar a buscar modelos de negocio en el mundo de la comunicación y el diseño con patrones muy diferentes a los que se mantuvieron en el mundo analógico. Mi idea principal es que, en comunicación, el diseño no vende y la tecnología tampoco. Ayudan, y mucho, eso sí. Pero hay que volver la vista a los contenidos, que es lo que la gente consume y dejar de pasear la misma basura por tantos soportes.

JC: En la presentación también se habla de que "la aparición de tantos y tan variados soportes de la información (ordenador, papel, tabletas, móviles...) ha multiplicado las posibilidades de diseño que, en las premisas a las que constriñe el formato, el tamaño, no tienen otra salida que adaptarse a todos ellos".
¿Estamos hablando de un diseño periodístico sin formato?

PPC: Estamos hablando de diseño que sepa adaptarse a cada formato manteniendo las cualidades de legibilidad, impacto, equilibrio, economía... no vale el mismo diseño en grande para papel y reducido para tablet o móvil. Diseño es, fundamentalmente, valorar y jerarquizar y, como bien sabes, no es lo mismo hacerlo para un formato A3 que para pantallas de 6 pulgadas.

JC: Existe un reto tecnológico muy fuerte para los comunicadores visuales, sin embargo, sigo pensando que lo más importante es saber ser un buen periodista. Eso se aprende con la experiencia, pero desde la Universidad podéis dar un empujón muy importante. Además de las Jornadas, ¿existen programas académicos específicos sobre periodismo visual y/o periodismo de datos?

PPC: Lo del periodismo visual es un tanto incongruente: ¿no ha sido visual el Periodismo, con mayúsculas, desde siempre? Si te refieres a la infografía, como fórmula redaccional o como herramienta de comunicación, te diré que funciona con ciertos criterios extremadamente bien.

No siempre, porque no siempre se hace bien, como todo. La moda del 'big data' funcionará en tanto en cuanto se liberen las bases de datos, los accesos sean públicos y los periodistas seamos conscientes que no somos de letras y que los datos numéricos generan una fuente inagotable para contar historias que los lectores aprecien. En nuestra facultad, de hecho, hay una asignatura de 4º curso, optativa, que se denomina Periodismo Infográfico y un máster especializado en Periodismo de datos que se imparte en colaboración con El Mundo.

JC: El mundo de la comunicación periodística se está abriendo a muchos campos que antes eran difícil de imaginar, como el mundo de la empresa, la medicina, la ingeniería o incluso la publicidad. Ahora todo el mundo tiene una necesidad urgente de contar historias. ¿Pueden asistir a estas jornadas alumnos de otras carreras o personas ajenas al periodismo?

PPC: Pueden asistir sin problemas. Es más estamos orgullosos de poder captar cada año cada vez más cantidad de profesionales. Los alumnos de nuestra universidad ya lo saben, y nos llegan gente de Turismo, Económicas, Medio Ambiente, etc. A los de otras universidades les cuesta más pero las puertas están abiertas para todos.

Estaríamos hablando de diseño y comunicación con Pedro Pérez Cuadrado varias tardes. Le dejamos apretando las últimas tuercas. Los próximos días 17 y 18 de septiembre lo encontraréis en las V Jornadas de Diseño de la Información en la Universidad Rey Juan Carlos.

El póster de la moda

noreply@blogger.com (Anonymous) — Thu, 27 Jun 2013 10:23:00 +0000

En 2006, El Magazine de el Mundo del Siglo XXI publicó ocho láminas que completaban el mega poster sobre la Historia de la Moda. En total ocho dobles de formato A3, ó 16 páginas A4.

El archivo original está perdido. En aquel año pasamos todas la base de datos de gráficos a formato digital y en el baile de discos, memorias, servidores, disquetes, cds, floppy disk, jaz cartridge, iomega zip y demás artefactos de almacenamiento se perdieron tres preciosos meses de 2006, justo los que contenían los archivos originales de esta pieza.

Todos los gráficos de EL MUNDO fueron fichados por un equipo enorme de gentes que estuvieron un año pasando gráficos desde McDraw a Freehand y de Freehand a Illustrator en formatos EPS editable y PDF.

De ahí, pasaron a una base de datos privada, consultable a través de la web. Todo el archivo, desde 1989 hasta hoy. Una joya infográfica que ahora se aloja en la Avenida de San Luis. Fue un trabajo de chinos que yo mismo coordiné con el inapreciable apoyo de Jorge Fernández, que creyó en el proyecto desde el principio.

Ahora vuelvo al póster y veo con sorpresa que no existen imágenes en la web. Sirva este post para que quede constancia de aquel trabajo.

El póster de la moda. 2006. EL MUNDO.

Estos son los créditos:

Título:
El póster de la moda.

· Dirección de Arte:

Isabel González

· Infografistas:

Beatriz Santacruz

Carlos Martínez

Maite Vaquero

Chema Matía

Rafael Estrada

Bárbara M. Díez

Carlos S. Coelho

Emilio Amade

Modesto J. Carrasco

Mariano Zafra

· Fotografía:

José María Presas.

Kaulak.

· Documentación y textos:

Enrique Muñoz

Javier Munera

Diana Fernández (Centro Superior de Diseño de Moda de Madrid)

Daniel Izeddin

Fuentes:

Museos, Institutos:

(1): Centro Superior de Diseño de Moda de Madrid, Comunidad de Madrid.

(2): Museo del Traje, Centro de Investigación del Patrimonio Etnológico, Madrid, Comunidad de Madrid.

(3): Centro de Información Textil y de la Confección (CITYC), Barcelona, Cataluña.

(4): Museo del Calzado de Elda, Comunidad Valenciana.

(5): Federación de Industrias del Calzado Español (FICE), Madrid, Comunidad de Madrid.

Libros:

(1): Historia de la moda. Desde Egipto hasta nuestros días, Bronwyn Cosgrave, Editorial Gustavo Gili, 2005.

(2): Breve Historia Del Traje Y La Moda / Costume and Fashion. A Concise History. James Laver. Ediciones Cátedra, 1988.

(3): Uniformes Militares 1686-1918, René North, Editorial Bruguera, 1970.

The Fashion Poster won a Gold Award (Infographic Category) at the Society of News Desing 2007 contest.

Peinados y sombreros.

Complementos.

Ropa interior.

Trajes de hombre.

Trajes de mujer.

El bañador.

Zapatos.

Uniformes.

Pan y gráficos

noreply@blogger.com (Anonymous) — Mon, 17 Jun 2013 10:33:00 +0000

Una muestra de gráficos sobre el pan.

Viendo su evolución se puede aprender sobre visualización e infografía.
Siento dejar esta entrada tan mal editada, pero es que Blogger me está dando problemas con algo que no acierto a corregir. Sorry.

Cómo se hace el pan

Antiguo Egipto

Ilustración en la tumba de Ramses II (1279-1213 a.C).

Precio del pan

1889-1890

Popular Science

Diagrama de la composición del pan

Sobre 1910

US Department of Food Materials

Una semana de racionamiento en la Armada Alemana.

Scientific American

1914

Valores nutritivos del pan

Sobre 1910

US Department of Food Materials

C. F. Langworthy

Mapa del pan en Francia

Coté France on the Autoroute du Sud

Poster de 1917, Primera Guerra Mundial.

Consumo de pan

USA Today Snapshot

Fecha desconocida

En la galería de Terrible Infographics

Bread Salt Chart

Origen desconocido

Salarios que no alcanzan

Clarín, Jaime Serra

2008

Panne

Corriere della Sera

2009

Los ingredientes del pan de centeno danés

Sara Krugman and Momo Miyazak, estudiantes de Instituto de Diseño Interactivo de Copenhague.

2012

The Denver Post, 1912

noreply@blogger.com (Anonymous) — Fri, 14 Jun 2013 13:05:00 +0000

Tenía por alguna carpeta estos gráficos antiguos de The Denver Post sobre el Titanic. Los volvió a publicar, 100 años después de su impresión, Daniel J. Schneider en su blog del diario de Colorado. Daniel explica que este tipo de gráficos "hacen la inmensidad del Titanic más comprensible para el hombre común".
Increíble cobertura y seguimiento informativos.
Aquí los rescato.

Comparación del Titanic con la Torre de Daniels & Fisher de Denver.
Fotocomposición del 16 de abril de 1912.

Comparación de la fuerza de impacto del Titanic con el iceberg con su equivalencia en número de vagones de tren.
17 de abril de 1912.

Diagrama del Titanic.
18 de abril de 1912

Comparación del Titanic con otros barcos.
18 de abril de 1912.

Tipografía a mano

noreply@blogger.com (Anonymous) — Fri, 14 Jun 2013 10:35:00 +0000

Esta semana me ha tocado bucear en el universo de la tipografía realizada a mano. Detrás de muchas de ellas hay gigantes ilustradores. Un mundo sin límites. Lápiz, goma y papel. ¿Vintage? ¿Retro? Lo clásico siempre será moderno.

Estas son algunas muestras que me han dejado helado.

Un maestro, Daren Newman

Manchester, UK

TYPEFACE Film poster N02

MeAndMypen

Karl Kwasny, NY, USA

Monaux

The Devil I Know

Norwegina Wood Type

Heidi Burton

Jon Cotino, NY

Crysp Creative, Chicago

Sergey Shapiro

Martin Schemetzer

Estocolmo, Suecia

Andrew Power, Nwefoundland, Canadá

Dinara Mirtalipova, Uzbekistán

Genial, gran talento.

El inimitable e inigualable Ralph Steadman.

Debéis ver este estupendo vídeo.

Algunos lugares para tomar aire:

· HandmadeType

· ABDUZEEDO Design

· SerifSandSans.com

. FidmDigitalArts.com

. Typography.com

· The Daily Design Inspiration

. The Art Times

Animación 2D después de Flash

noreply@blogger.com (Anonymous) — Tue, 04 Jun 2013 17:02:00 +0000

Las restricciones de algunos dispositivos móviles a la avanzadísima tecnología Flash (lenguaje ActionScript) ha supuesto una caída de los contenidos animados.

No ha sido así en el campo del vídeo, los juegos y las apps móviles, donde Flash todavía tiene mucho camino que recorrer.

Ayer, mi amigo y gran profesor Javier Mateo comentaba que en muchos sitios web ahora encontramos de nuevo el viejo y querido GIF animado, un formato que es soportado por todos los navegadores y dispositivos.

Actualmente se está produciendo una explosión de nuevos productos que permiten contar tus historias con movimiento y audio. Nos encontramos a mitad de camino entre el ‘boom’ de la animación en Flash y la nueva web móvil.

El principal obstáculo para su implantación siguen siendo los viejos navegadores, especialmente los fabricados por Microsoft.

Aquí repasamos algunas opciones para animar tus proyectos sin saber demasiado código. Son programas que ejecutan código CSS y el lenguaje Javascript o su librería más extendida: jQuery.

I. DE FLASH A HTML5

Google Swiffly: swf

Pros: Herramienta de Google para convertir documentos Flash (swf) realizados con ActionScript 2 en contenido HTML5 no editable. Las conversiones de ActionScript 3 (en funcionamiento desde 2006) se encuentran hoy en fase experimental.

La conversión se realiza a través del navegador o cargando una extensión el el programa Flash.

Cons: Así suena my bonito, pero las conversiones no siempre son posibles.

Los documentos ‘SWF’ deben ser muy sencillos y pesar menos de un mega.

Adobe Wallaby: fla
Otra herramienta para convertir documentos Flash (fla) en HTML; en teoría el resultado es editable y se ejecuta desde un programa instalado en el ordenador.

De momento, ambas herramientas son muy limitadas y están en proceso de desarrollo.

Convierten pequeños y simples documentos, pero no una aplicación.

La interactividad es muy difícil de convertir.

II. ANIMACIÓN EN HTML5

Adobe Edge CC: Nueva versión el día 17

Crear contenido animado e interactivo para la web moderna.

El día 17 de junio sale la nueva versión: Animate CC.

Se acabó el tiempo de prueba, empieza el partido y la hora de pagar un precio: 499dólares por licencia o 15 dólares de suscripción mensual, en la web de Adobe.

Pros: Una gran herramienta de animación, pensada por Adobe para sustituir a Flash e integrarse perfectamente con proyectos HTML5. Su corazón está escrito con jQuery. Es el futuro de la animación 2D.

Cons: No corre en navegadores antiguos. No hay parche. La API de Animate no permite conversión a etiquetados antiguos.

Tumult Hype 1.6

Crear. Animar. HTML5.

Igualmente, pensado para tecnología HTML5, juega con su propia API de Javascript.

Su última verión cuesta 60 dólares, en su web o en la Mac AppStore.

Cons: Sólo para fieles del Mac y OX 10.6.6. No tienen pensado sacar versión para Windows.

Pros: Compatible con IE6+ si se respetan algunas opciones.

A5 Animator

Pros: Software en línea de Adobe Edge e Hype, con línea del tiempo, escenas, fotogramas clave, efectos y posibilidad de programar con javascript.

Corre en navegadores modernos, smartphones, iPhone, iPad y Pcs.

Cons: No IE6+.

Precio: 120 euros.

Hippo Studios Animator 2

Software para crear películas interactivas, juegos y aplicaciones utilizando el motor de Javascript. La última versión acaba de salir al mercado.

Pros: El nuevo paquete incluye versión para Windows y Mac OS X. (antes sólo Windows). Según su web, funciona en el 99% de los navegadores (IE6+) y en teléfonos inteligentes (smart phones).

La licencia cuesta 50 dólares a través de su web.

Sencha Animator

Animaciones móviles con CSS3.

Precio: 99 dólares.

Pros: Accesible en plataformas Windows, Mac OX y Linux.

Pensado para realizar pequeñas animaciones para móviles y juegos simples interactivos.

Cons: sólo para navegadores modernos.

Aquafadas Motion Composer 1.6

Herramienta para crear contenido y audio web en Flash o HTML.

Pros: permite salida para HTML5 o para Flash y es compatible con iBooks Author.

Versión para Mac y Windows.

Precio: 109 euros por licencia.

Purple Animator

Contar historias visualmente.

Cons: Herramienta pensada para contenidos del iPad y el iPhone, por tanto para plataformas nativas de iOS.

Están trabajando en una versión para Android.

19 dólares a través de la Mac App Store.

III. HERRAMIENTAS ONLINE

DisaPainted

Página digital para crear y compartir dibujos realizados a mano realizada con Javascript y el canvas de HTML5.

Cons: Herramienta online extremadamente básica.

Pros: Divertida.

Mugeda

Pros: Creatividad en la nube, sin necesidad de descargar ningún programa.

Se trabaja desde el navegador y se guarda en la nube.

Los resultados se pueden exportar en formato javascript o CSS a tu sitio local.

Accesible tras rellenar un formulario.

Cons: Necesita un reproductor de javascript para renderizar los trabajos.

Pensado especialmente para crear pequeñas publicidades para navegadores HTML5 y dispositivos móviles. Se recomienda visualizar los trabajos en Google Chrome.

Mixeek Editor 2.0

Pros: sencillo software gratuito al que se accede a través de navegador.

Cons: Herramientas muy limitadas, pensado para pequeños trabajos, para navegadores que soporten tecnología HTML5. Recomiendan Firefox y Chrome.

Longscript

Como Mixeek, herramienta para trabajar en el navegador.

Pensada especialmente para animar tipografía y logos.

Cooties Blue Dojo

Herramienta para crear pequeñas publicidades, animar tipografía o logos a través de tu navegador. Se exporta un archivo javascript y necesita un reproductor que se guarda en la carpeta de tu sitio local o remoto.

Los trabajos se guardan en tu perfil de gmail.com.

Pros: Salida javascript aceptable en todos los navegadores, incluido IE6.

Cons: Pocas herramientas, limitaciones. Recuerda a la primera versión de Flash.

Gratis.

IV. PASARON A OTRA VIDA

Animatable

Software que reune las cararterísticas de los anteriores, pero que ha dejado de desarrollarse.

A Book Apart

noreply@blogger.com (Anonymous) — Tue, 28 May 2013 10:46:00 +0000

Una bonita serie de libros breves sobre las últimas tendencias en páginas digitales (HTML5, CSS3, estrategias de contenido, diseño líquido, tipografía…).

El editor es Jeffrey Zeldman, fundador de The Daily Report, A List Apart y Happy Cog.
Diseño y tendencias para inspirarse.

En Twitter.
En Google.

Lunes áureo

noreply@blogger.com (Anonymous) — Mon, 27 May 2013 17:06:00 +0000

El enigmático ratio dorado

Según los estudiosos, la divina proporción puede estar en el Partenón, en un iPad, en un marco de ventana, en una página de periódico o en una de Twitter. Suele ser lo que ocurre cuando mezclas filosofía, matemática, arte y teología en la coctelera pitagórica.

El 'Golden Ratio' - Fi, la razón matemática entre la longitud de una circunferencia y su diámetro- es un número especial que se aproxima el 1,618. Fue descubierto por Pitágoras, Euclides y los griegos antiguos: una división matemática de las proporciones que encontramos en la naturaleza, incluida la forma humana.

Diseño del Partenón

Por lo visto, hemos estado usado el concepto de número áureo durante miles de años, aplicado al arte, la arquitectura y el diseño, en busca de la belleza: alguna parte del cerebro relaciona las proporciones de las cosas con algo que está presente en nuestro cuerpo, buscando un refugio visual frente al caos.

Rediseño de Twitter.
Algunas veces nos descubrimos a nosotros mismos a través de lo que vemos.

Calculadora del ratio

Apple Golden Ratio.

Periodismo y Datos

noreply@blogger.com (Anonymous) — Mon, 06 May 2013 16:15:00 +0000

Presentación introductoria al Periodismo de Datos y la Visualización.

2013 datos y periodismo from JuantxoCruz

Moebio: “Hay una burbuja de la visualización de la información”

noreply@blogger.com (Anonymous) — Thu, 11 Apr 2013 10:42:00 +0000

En su web se define así: “Yo invento y desarrollo algoritmos, métodos de visualización, narrativas interactivas y nuevas ideas para internet. Ayudo a organizaciones en el análisis y en la comunicación estratégica de su información”. Esta entrevista la realizamos a golpe de Linkedin durante las cuatro semanas pasadas.

Moebio no para. Madrid, París, Buenos Aires, San Francisco, Barcelona… Santiago Ortiz, en las respuestas SO, es un matemático e inventor colombiano que explora la selva del arte digital y las nuevas narrativas en el navegador. Sus explicaciones son claras y contundentes.

Sobre el estado de los datos y la información

J+: Ahora se habla de las bases de datos y el análisis de datos como una gran oportunidad de futuro, una apuesta segura.

SO: Es una enorme oportunidad; en muchos casos, el único camino (si no lo haces tú lo hará competencia). Hay un cambio cualitativo cuando se toman decisiones teniendo en cuenta (mucha) información. No creo sin embargo que sea una apuesta segura.

Al contrario, hay mucha incertidumbre y cambiar el modelo de una empresa para que gestione mucha información es extremadamente complejo.

Existen entre otros los siguientes retos y preguntas:
• Qué información capturar.
• Cómo guardarla.
• Cómo analizarla.
• Qué decisiones tomar con base en el análisis.

Cómo guardar (mucha) información es un reto tecnológico principalmente, los otros retos son estratégicos y requieren de mucha inteligencia y a veces de intuición.

J+: ¿Crees que las compañías saben cómo gestionar, identificar y aprovechar estas oportunidades?

SO: No, la mayoría de grandes compañías están empezando. Muchas compañías medianas y pequeñas ni siquiera están enteradas. Y existen muchas compañías pequeñas que de hecho nacieron siendo conscientes de la importancia de la información y por eso mejoran su capacidad de captura, almacenamiento, gestión y estrategia basada en datos día a día.

J+: ¿Qué sectores crees que lo están haciendo mejor?

SO: No estoy muy seguro que haya sectores que lo estén haciendo mejor (lo que sí ocurre es que cada vez está más claro que la información es relevante en todos los sectores).

En cambio identifico tres tipologías de empresas que lo hacen muy bien:

• Empresas grandes que nacieron con la conciencia de la importancia de los datos, está en su ADN: Google y Amazon son los dos mejores ejemplos.

• Empresas grandes que no tienen el análisis de datos en el ADN pero lo implementaron de forma temprana y exitosa, o al menos lo están haciendo, como Walmart y algunos bancos… (Me es difícil evaluar si Facebook y Twitter pertenecen al primer o al segundo grupo)

• Empresas pequeñas (‘startups’), un poco más recientes, en las que el análisis de datos está implícito en el servicio o producto. Algunas de estas de hecho ayudan a empresas grandes en la estrategia con el ‘big-data’. No es de extrañarse que muchas hayan sido de hechos absorbidas por grandes empresas (probablemente ese era el objetivo en muchos casos).

Sobre el proceso de visualización

J+: He leído un artículo de Vincent Granville que habla de las diferencias entre los científicos de datos horizontes y los verticales. Tú te has declarado, al menos en Twitter, un científico horizontal, con dominio no sólo de un campo, sino que intervienes en todo el proceso, desde el análisis hasta la visualización. ¿Cómo inviertes tu tiempo de trabajo en cada fase? ¿Qué es lo más importante?  

SO:   Mencioné en Twitter que me identificaba con la idea de científico de datos horizontal, expresada en este interesante artículo: pero precisé que soy un científico de datos horizontal superficial.

Yo no trabajo con las herramientas tecnológicas robustas del ‘big data’ ni profundizo en algoritmos muy complejos de análisis de datos que muchas veces están diseñados para ser eficientes en casos de enormes cantidades de datos, o de datos muy diversos, o de datos que contienen muchos errores que son además difíciles de identificar.   

Sin embargo sí toco una variedad amplia de procesos que tienen ver con la recolección de información, almacenamiento, organización, lectura, análisis y, por supuesto, visualización.

Visualización es mi fuerte, pero rara vez lo que visualizo son los datos que obtuve o que me entregó el cliente. Siempre es necesario al menos un procesamiento anterior que puede estar orientado simplemente a reestructurar la misma información para que quede más liviana y más fácil de leer.
Muchas veces este procesamiento puede ser complejo, y probablemente contenga un filtrado y un análisis.   

Finalmente, pero también lo más importante: no trabajo con datos que me provee el cliente. En realidad trabajo junto con el cliente en la parte de estrategia de comunicación asociada a información. Muchas veces incluso ayudo a identificar cuáles son los datos interesantes para esta estrategia. !A veces estos datos el cliente no los tiene aún!

Ayudo también diseñando el sistema de recolección y organización. Y en el intermedio entre esto y la visualización puede existir análisis que ayude a buscar las preguntas interesantes a las que luego la visualización puede responder. Así que visualizar es la punta del iceberg en mi trabajo.    

J+: Hay quien opina que cuantas más personas intervienen en el proceso de los datos, más difícil es mantener el objetivo y la idea inicial ya que el proceso acaba perdiéndose por el camino. ¿Es posible el trabajo en equipo sin perder la frescura de la idea original?

SO: En equipos con personas de mentalidad transversal no ocurre esta pérdida, al contrario: hay sinergia. Por eso, aunque yo no domine las técnicas y herramientas de un científico de datos ‘de verdad’, me esfuerzo mucho por estar enterado y al menos comprenderlas, de esta forma puedo trabajar en equipo.

Es importante que se entiendan los objetivos y la estrategia general de la organización porque, sin esto, el proyecto que resulte no responderá a los verdaderos objetivos. Para ello tengo que educarme en la realidad cultural y de negocios de la organización. Así, me interesa mucho la horizontalidad mencionada antes.

No soy un especialista. Y me gusta pensar que ayudo a añadir 'transversalidad' a los equipos.    

Sobre el periodismo de datos y los periodistas

J+: Hace poco has revisado, junto con Alberto Cairo, Jerome Cukier y Ben Jones, el libro de Andy Kirk 'Data Visualization: a succerssul desing process", uno de los primero libros que aproxima la visualización al terreno de la narrativa informativa. Andy habla de los "Ocho sombrero de la visualización" (el científico de datos, el programador, el diseñador…), los distintos roles de un equipo para la narrativa visual. En este equipo de trabajo se incluye la figura del periodista. ¿Crees que los periodistas son una pieza fundamental en el proceso de visualización? ¿Qué funciones podrían tener?

SO: Sí, los periodistas son una pieza fundamental. Finalmente ellos son el ‘interface’ entre información y millones de personas; muchas veces esta información no trata sólo de una sucesión de eventos que deben ser narrados.

Cada vez más el periodista trabaja con realidades que se expresan completa o parcialmente en datos. Por eso el periodista debe ser un poco un científico de datos horizontal superficial.

De hecho, como Simon Rogers apunta en sus conferencias, esto no es nuevo, siempre fue así: un periodista busca, organiza y analiza información y luego busca las mejores herramientas y estrategias para comunicarlos. Me pone de muy mal humor una columna en el que el periodista comenta y opina acerca de datos (por ejemplo acerca de un reporte de la ONU sobre educación) y no los comparte.

El mensaje es que el lector es menos inteligente que el periodista y que la opinión que se puede formar es menos válida.

Lo que debe hacer en cambio es, aparte de proveerme los datos, ayudarme a entenderlos mejor: señalarme los patrones, las anomalías, lo que sobra o lo que falta, permitirme explorar mejor los datos y, opcionalmente, compartir una opinión basada en un análisis, basado en los datos.

El periodismo es una pieza fundamental y de hecho ha sido un gran dinamizador de la revolución de la información en estos últimos años.

J+: Actualmente estás realizando trabajos para el diario The Guardian, uno de los pocos diarios europeos que ha entendido la fortaleza de la interactividad y la visualización en la red. ¿Cómo fue tu encuentro con el periodismo y qué sensaciones tienes sobre su futuro?

SO: He creado unos pocos proyectos para The Guardian y hace un tiempo uno para La Vanguardia sobre terremotos.

Lo específico de estas experiencias, lo que hacen que el resultado sea 'periodístico', es que trabajan con información generada básicamente el mismo día en que se publica el proyecto, es el caso de una visualización sobre discursos de presidentes en toma de posesión en USA, que se publicó el día de 'inauguración' de Obama, o porque dan contexto a un evento recién ocurrido.

La forma como se reciben estos proyectos es muy diferente a otros que desarrollo: las emociones están ‘calientes’ y en general los comentarios que la gente publica son muy duros. ¡Si hay un error en los datos te lo van a hacer saber muchas veces! Si hay una dificultad en la forma de interactuar también.

Y, si logras enriquecer la percepción de un evento reciente, entonces has conseguido mucho, porque ¡es esto de lo que la gente está sedienta! Para ilustrar esto, mira este gráfico que muestra la historia de visitas a ciertos artículos de Wikipedia antes y después del terremoto terrible en Japón.

No es tan común que un evento en sí mismo genere muchos datos, por lo tanto la visualización en periodismo tiene como objetivo brindar contexto. Permitir comparar lo que está ocurriendo con lo que ha ocurrido y con lo que ocurre en otros lugares, por ejemplo.

Este es al menos mi contexto favorito, porque me obliga a mirar mucho más hacia atrás en el tiempo o mucho más hacia los lados en las categorías y en el espacio.

Sobre código y su función en la sociedad

J+: He hablado con muchos diseñadores y periodistas visuales tradicionales y muchos de ellos tienen pánico a la palabra programación. ¿Crees que es necesario que aprendan código?

SO: Yo no creo que la mayoría de los periodistas deban aprender código (o que la mayoría de la gente en general deba). Por un lado hay muchas herramientas (y cada vez habrá más) que permiten tratar con datos sin programar. Por otro lado, el trabajo colaborativo y multidisciplinar también resuelve esto.

J+: También conozco programadores tienen mucho respeto a Javascript. Lo conocen pero prefieren usar las librerías de jQuery, se especializan en otros lenguajes como PHP o pasan a hacer aplicaciones nativas en Java o Objetive C. ¿Cuál es el camino para especializarse en el lenguaje del DOM?

SO: No tengo nada interesante que aportar aquí. A mí Javascript me va perfecto, pero entiendo que hay quien lo encuentra algo difícil. Hay librerías que, por ejemplo, te simplifican la parte gráfica (Raphaël) y hay librerías específicas para análisis y visualización de datos (D3), pero yo no uso ninguna de ellas.

Espero que en el futuro se aclare un poco el panorama y aparezcan librerías orientadas a personas que empiezan a programar (de hecho yo estoy creando algo así para enseñar programación a mis hijos: es simplemente una serie de atajos que hacen que los comandos de graficado sean muy simples y directos).

J+: Muy bueno lo último sobre la programación y tus hijos. Bill Gates, Bill Clinton, Mark Zuckerberg, entre otros muchos, han iniciado la propuesta “Cada estudiante en cada escuela debe tener la oportunidad de aprender código”. Aprender programación, el lenguaje de la información, se está volviendo tan importante como aprender inglés. ¿Crees que las humanidades y otras disciplinas tradicionales están siendo desplazadas por la carrera tecnológica?

SO: Es posible que algo así esté pasando y, definitivamente, es algo que no deseo. Una sociedad excesivamente tecnócrata puedo resultar nociva, aunque en este punto nadie se pone de acuerdo porque al final cada cual opina desde sus propios deseos, motivaciones y definiciones personales de lo que es el bienestar, la riqueza o la libertad.   

Así que esta es mi posición personal: mis hijos van a aprender a programar… pero al mismo tiempo van a tener una educación más humanística y artística que la que ofrece un colegio medio. Además vivimos lejos de la ciudad, en bastante contacto con la naturaleza.   

Volviendo a la pregunta de si las humanidades serán desplazadas por las carreras tecnológicas, quiero señalar que la cuestión es compleja si se tiene en cuenta que de hecho ciencia y tecnología son humanidades. Lo que está ocurriendo es un gran cambio en metodologías de tratar cualquier tipo de información (médica, bancaria, humanística, corporativa, etc…), diría que es una rotación más que un desplazamiento.     

J+: Seguramente estamos entrando en la era de la visualización. ¿cuáles son las tendendencias que crees que veremos en los próximos años?   

SO: Ahora soy freelancer y estoy creando mi propia plataforma de  estrategia, análisis y comunicación de la información. ¡Tengo bastantes dudas sobre el futuro de la visualización!

No estoy seguro de que vaya a prevalecer a menos de que haya grandes cambios ahora. Hay una burbuja de la visualización de la información, y enormes retos que todavía no se han logrado.

Se supone que la visualización de datos ayuda a entender mejor las grandes cantidades de datos, pero esto no está ocurriendo en general (excepto en casos muy específicos, de nicho).   

En lo personal estoy creando un nuevo modelo de trabajo en el que la visualización es sólo una parte del proceso completo.

Porque la visualización sólo puede ser exitosa si es el último paso en una serie de procesos, que incluyen estrategia general de aprovechamiento, metodologías y tecnologías de recolección y organización, análisis, estrategias de comunicación internas y externas. Este último punto incluye la visualización.  

Síguelo en Twitter.

28 imágenes de las elecciones EEUU

noreply@blogger.com (Anonymous) — Fri, 08 Mar 2013 18:26:00 +0000

1. El camino hacia La Casa Blanca. Cuéntamelo otra vez Sam.

2. Batalla de palabras. NYT.

3. 140 caracteres.

4.La familia.

5. La familia y algunos más.

6. Apps, Apps. BBC.

7. Rommey de peque.

8. Obama de peque. Libro: Barack Obama, The Story, 2012

9. Duelo al sol de Florida. Magnífica foto. ¿La mejor de toda la campaña?
AP. ¿Por qué en Internet todavía hay muchos medios que no citan los autores de las fotos? US President Barack Obama Republican presidential candidate Mitt Romney make their way to greet their wives at the end of the third and final presidential debate October 22, 2012 at Lynn University in Boca Raton, Florida. (MANDEL NGAN/AFP/Getty Images)

10. Facts vs facts. Time.

11. Trampas más viejas que la Fotografía. AFP. Después de las elecciones se olvidan de todo, pero en campaña, si uno se tira por un precipicio y sobrevive, el otro también lo intentará.

12. Aquí viene Sandy.

13. "Pequeños" imprevistos: Huracán Sandy, rompan filas.

14. Después de las elecciones y de Sandy.
Caos para votar en NY.
Portada The New Yorker, Adrian Tomine.

15. Noche de nervios: Los votantes de Dixville Notch: 5-5.
Photo: Voters in Dixville Notch, New Hampshire cast the first US election day ballots. Nov 6, 2012. (Reuters: Herb Swanson).

16. iPad democrático.

17. El desenlace: Rommey 206. Obama: 332.
National Post, Canadá.

18. Twitter Buzz. Data from Twitter and Weibo buz volume from November 1-15, 2012, using search terms Obama, Romney and US Elections.

19. Portada WPOST 2008. Haciendo historia.

20. Portada NYT 2008. La mejor.
Tan histórico que no hizo falta ni titular.

21. Portada NYT, 2012.
La noche sí fue para ti.

22. Portada WPOST 2012.
La historia está en la foto. ¿Por qué esa foto?

23. El tuit más retuiteado de la historia, por Obama.
Número de tuits del día de las elecciones: 20.000.000. El mayor evento tuiteado.

24. La portada que no fue. Rommey de mayor.

25. La portada que sí fue. Obama más mayor.

26. Inauguration Day 2013 por la espalda.

27. Inauguration Day, NYT 2013.

28. Inauguration Day. WPOST 2013.

Data Cracks!

noreply@blogger.com (Anonymous) — Fri, 15 Feb 2013 12:12:00 +0000

Recojo aquí dos de los personajes más interesantes en la escena de la interacción y los datos. Expertos en matemáticas, combinaciones, matrices, geometría, probabilidad, análisis numéricos, lenguaje de programación e interacción humana.
Ademas son creativos; la NASA de la visualización.

Santiago Ortiz 'MOEBIO'

Matemáticas en la Universidad de Los Andes, Colombia.
Profesor de Arte y Tecnología en la European University de Madrid.
Visualizador, inventor de algoritmos.
Proyectos web interactivos de alta innovación.
Frameworks en Javascript/HTML5.
Fundador de Bestiario.

Moebio en Twitter. Bestiario en Twitter.

MIKE BOSTOCK

Ciencias de la Computación, Princeton University, 2000.
Profesor en Stanford University, EEUU, Ciencias Computación.
Trabaja para TNYT desde San Francisco.
Data-Driven Documents.
Creador de librería de Javascript D3 para manipular datos en el DOM.

“D3 is a small, free JavaScript library for manipulating HTML documents based on data. D3 can help you quickly visualize your data as HTML or SVG, handle interactivity, and incorporate smooth transitions and staged animations into your pages. You can use D3 as a visualization framework (like Protovis), or you can use it to build dynamic pages (like jQuery).”

mbostock en Tumblr.
Workshop, (presentación).
mbostock en Twitter.

Gráficas con Javascript

noreply@blogger.com (Anonymous) — Thu, 07 Feb 2013 12:06:00 +0000

Vamos a dar un repaso a algunos motores de gráficas desarrollados por ingenieros y técnicos con Javascript aprovechando las posibilidades de los lenguajes SVG, HTML Canvas y VML para renderizar los elementos gráficos y de XML o JSON para tomar los datos.

Se trata de productos muy recomendables para visualización de estadística financiera, económica o social. Encontramos gráficos de línea, de áreas, de columnas y tartas en todas sus modalidades.

Las ventajas de estas gráficas es que se actualizan dinámicamente, son interactivas, no necesitan módulos complementarios y ocupan muy poco espacio.

HIGHCHARTS JS

Vik i Sogn, Noruega.
Desde 29 dólares por licencia.
Producto desarrollado por Highsoft Solutions AS desde 2009.

amCHARTS

Licencias desde 99 hasta 1.999 euros, dependiendo del número y los websites de uso.
Tienen soluciones para mapas y desarrollos en HTML5/Javascript y Flex.

SENCHA EXT JS 4

Redwood City, California, EEUU
Vancouver, Canadá
Amsterdam, Holanda
Sencha es una compañía especializada en herramientas realizadas con HTML5 y Javascript. Recomendable su página web.
Objetivo: crear la mejor librería de gráficos en Javascript del mundo, según su blog.

YUI

Código libre y gratuíto publicado por los ingenieros de Yahoo! para construir páginas digitales interactivas.

JS CHARTS

Licencia para generar gráficas, que cuesta desde 39 hasta 169 dólares.
Tiene una versión gratuita, pero genera una marca de agua.

FLOT

Aalborg, Dinamarca
Gráficas con jQuery, la popular librería de Javascript.

Si te ha interesado este post, aquí te dejo un link a Daily Tekk, con 100 recursos sobre infografía.