Digital pieces

The birth of a century visualized: Backstage

Illustrations by Augusto Ramírez

Illustrations by Augusto Ramírez

A few days ago We published at nacion.com this special feature analyzing the data of 115 years of births in Costa Rica. We decide to take this special as an opportunity to explore the deep exploration of data visualizations with the efficiency and impact of illustrations. But besides the style and interface, the production process its the most interesting story.

One of the most complicated pieces of the special its the section of conceptions, we have all this data about the births, and the necessary references to relate it with the conception, so, We wanted to create a customized visualization to navigate through a 115 years of the country history and relating how the people gets pregnant.

We begin with a model of variation per decade, where we can see the balance in favor or against each decade in births. We use this chart as a navigator to show in the bottom detail of those ten years. By this time we have the idea of linking these points with major events taking place in the country and the region to relate the behavior of people with some important facts in time.

first version of the visualization of conceptions

First version of the visualization of conceptions. Note the dummy text 🙂

This special was an conjunction exercise with the Data Team of La Nación, I made my part in visualization and other support, but it because the skillfully profesional of they, it’s that the final product becomes properly. In spite of I have a small part of the special, the versions of the charts, the motion graphics and some other assets take about 1.1 GB of space. This is it because I made so many versions and testing design to find the better way to present the findings in the data.

I start with this horizon chart to visualize the concentration of conceptions, it was fun because i start thinking that i’m seeing in the moment in which the persons did their things in their beds conceiving new compatriots. So I could be seeing as in some parts of the graphics I surprised myself with what they meant those lines.

Full visualization by decade of conceptions in Costa Rica

Full visualization by decade of conceptions in Costa Rica

Obviously we not publish comments like the next ones that I’ll score when analyzing the chart in search of curiosities, but between the equipment if the process is to make more fun, I must say that is a personal process and does not refer to style publication of our environment here at La Nación.

in the top graphic I wrote "The begin of the Century, our grandparents also was having fun" the data reflects that they in the early century don't discriminate the time to get pregned

in the top graphic I wrote “The begin of the Century, our grandparents also was having fun” the data reflects that they in the early century don’t have prefers or discrimination of the time to get pregnant

Findings

in the top graphic I wrote “five months giving it!!!” the data show periods or season of conceptions, the behaviour changes through the time, the late conceptions prefers the 3 or 4 last months of the year to get pregnant. At the bottom I wrote “the early ones” for 2011

Also i add some drafted emoticons, at the top a sad face because the high season is only of 2 months, but for 2006-2007 the high season extended for 6 months OMG a lot of time enjoying the bed time!

Also i add some emotions, at the top a sad face because the high season is only of 2 months, but for 2006-2007 the high season has a prolongation of 6 months OMG a lot of time enjoying the bed time!

This if the full visualization if the 115 years of data of baby conceptions in Costa Rica, then i split it by decade.

This if the full visualization if the 115 years of data of baby conceptions in Costa Rica, then i split it by decade.

 

The final version have the instructions to read the horizon graphic and the indications of each space that will change when the reader click the upper menu by decade, then, the dashboard change the data according the user interest.

The main graphic is the conception concentration, at the bottom the decade resume, and the percent variation between decades

The main graphic is the conception concentration, at the bottom the decade resume, and the percent variation between decades

How to read the graphic, the title show a legend "before you start, you must know"

How to read the graphic, the title show a legend “before you start, you must know”

PLUS EXPERIENCE

We add some hide effects to give different experiences of navigation to the readers, if you use the side menu to navigate each section is preceded by an animation like the next one, if you want a see more of this project please visit it here http://bit.ly/1kpN45p  hope you enjoy the data experience.

 

Illustration by Augusto Ramírez.

Illustration by Augusto Ramírez, Motion by Marco Hernández.

Standard

A few days ago we released an special about the births of a century in Costa Rica, I had the chance to produce this motion for. It’s nice to get raw data and transform it in to visuals, alternative ways to see the past or future of a population, if you like to take a look in to the full site here http://bit.ly/1kpN45p you may use google chrome for translation from spanish 🙂

Digital pieces

WebGL power for infographics

In the last weeks I’ been integrating the WebGL Technology to take advantage of the great skills of my partners of the infographics department here at nacion.com Daniel Solano and Edgar Jiménez both of them great artist´s, they works on Cinema 4D to produce print graphics for the regular editions of the news corporation, that kind of work it’s simply awesome and it’s a shame don’t use all his digital potential.

So, here’s a pair of work that we worked on together to improve the experiences for the readers.

Lost in space for ever and ever

with Daniel Solano

This slideshow requires JavaScript.

On september 15th of 1965 Fox and CBS launch in USA the TV Show “Lost in space”, 50 years after, we wants to remember the serie, the main characters and vehicles that captivated audiences for decades beyond its premiere. Here’s an exclusive access to the 3D models, The Chariot, and The Jupiter 2.

Original feature

Original feature

It’s really nice have the chance to work in this kind of topics, science and space are one of my all time favorites. if you want to know more about the graphic the original feature at nacion.com here.

Technology the leading actor

with Edgar Jiménez

NASA´s SEV Vehicle

NASA´s SEV Vehicle

At least nine of the technologies developed by NASA towards Mars space exploration are mentioned in the book and movie The Martian, this 3D infographic collects those coincidences.

Martian tech

Martian tech

I also want to add some short animations as gif files in the graphic to give support to the information and the whole infographic, Edgar and me develop this sort animations in After Effects.

This slideshow requires JavaScript.

if you want to know more about the graphic the original feature at nacion.com here.

The original feature publication at nacion.com

The original feature publication at nacion.com

I very lucky to have co-workers with this kind of skills, and the space to make this kind of publications, I love infographics, and space…   🙂

Standard
Academics

August of Dataviz

caratula

I have been teaching the course of information design for over two years now, and as I always say, my greatest satisfaction is to take a tour of the good things that these boys and girls have achieved with their projects change each cycle.

For this opportunity, my students worked on three projects, the first was the creation of pieces focusing on processes, for this I left them some issues to assist in the process and make more effective taking a decision, the second project was the creation of an analysis of literary works, in this case the intention was that from some books that previously chose to give them a pdf of these works, the students seek ways to visualize related to such works topics, the latest project was a a little free theme, with this the idea was to make a graphic interpretation of a classic tale, fairy tales that end up being interpreted with certain rules of any visual form.

This slideshow requires JavaScript.

interesting ways of looking at information through the eyes of my students, I invite you to see the whole pot with the description of the work and others at visual744 here: http://bit.ly/1hf7UlF use google chrome for translation from Spanish.

Standard
Digital pieces

CTCC Parque Viva

nocturno_00

A few hours more than a full day of work takes to two co-workers and me, to release today this special feature about the V8 cars competition in the “Parque Viva” racetrack.
Animated graphics, details about the cars and restrictions and a complementary key note of Jose Luis Rodríguez fusioned together to create this digital experience.
I hope you will enjoy it!

Graphics inside the special

Graphics inside the special

Graphics inside the special

Graphics inside the special

Graphics inside the special

Graphics inside the special

Graphics inside the special

Graphics inside the special

Visite the special site of nacion.com here: http://goo.gl/gzjLYy

Standard
Digital pieces

The National Symphonic Orchestra

Happy to finally conclude a couple of months of research, visualise and design this special feature in celebration of the 75th anniversary of the National Symphonic Orchestra of Costa Rica. For this project, I’m try to develop an experience immersed into dataviz fusioned with clear spaces, photography, video and even white space.

The 75th anniversary of the National Symphonic Orchestra.

The 75th anniversary of the National Symphonic Orchestra.

This special contains sections as the video documentary with the 75 years of history, small graphics of the instruments families, the musicians chronology, playlist and more.

This slideshow requires JavaScript.

Please, enjoy the experience at nacion.com

http://www.nacion.com/LNCSPC20150622_0001/index.html?desktop=true

Use Google Chrome for translation from spanish.

Standard
Print graphics

Al baúl de los recuerdos

No siempre la visualización de la información es abstracta, una tabla de información que recibí hace unas semanas estaba casi destinada a ser una caja de nombres y puntos. No tengo nada en contra de una matriz, por el contrario, a veces me parecen la solución optima para presentar datos, pero no siempre son la vía más efectiva si se considera el medio de la publicación y el público a quien se dirige.

Características de las jugadoras de la selección nacional de fútbol de Costa Rica

Características de las jugadoras de la selección nacional de fútbol de Costa Rica

En este caso en particular, se trataba de una revista, el proyecto se me planteó con un tiempo límite de un par de días y aunque la información no era gigantesca tenía algún potencial para presentar una página interesante, este fue el concepto que se planteó:

Concepto de la visualización de la información de las integrantes de la selección nacional

Concepto de la visualización de la información de las integrantes de la selección nacional

Finalmente algunos malentendidos de coordinación entre las secciones de los medios no permitieron la publicación y el trabajo se archivo, pero afortunadamente siempre hay otros medios para traer a la vista esos trabajos que de otra forma se van directo al baúl de los recuerdos (en el mejor de los casos).

Boceto de uno de los personajes. Selección femenina de Costa Rica. FIFA Canadá 2015.

Boceto de uno de los personajes. Selección femenina de Costa Rica. FIFA Canadá 2015.

Es un ejercicio interesante, aunque no se publicara, da un espacio para intentar nuevas alternativas a la hora de visualizar datos, los visualizadores no deberíamos perder de vista nuestro lado en contacto con las artes. Tomar recursos de ese mundo visual puede refrescarnos las perspectivas un poco aunque no podemos dejarnos seducir por la estética como finalidad exclusiva… todo con moderación 🙂

Les dejo algunas otras capturas del proyecto:

Equipo de porteras de la sección nacional.

Equipo de porteras de la sección nacional.

Concepto de las selección femenina de fútbol de Costa Rica.

Concepto de las selección femenina de fútbol de Costa Rica.

Detalles adicionales de las ilustraciones y el proyecto en sí en Behance en este link: https://www.behance.net/gallery/27362599/Guerreras-en-la-cancha

Standard
Awards

News Data App of the Year

The web app lets citizens find out the average monthly salary someone with their profile can receive in Costa Rica’s job market.

The web app lets citizens find out the average monthly salary someone with their profile can receive in Costa Rica’s job market.

We were awarded last June 17, the recognition of the best news application data through the work of “Does school pay off? How much?” http://bit.ly/1FTtpjH recognition was given in the category of News Data App of the year for small newsroom here is the details.

Alejandro Fernandez from El Financiero was the project manager. In the area of specialized design of GN we welcomed the project in the design phase, and the development department GN concrete it. Today with them, we celebrated the triumph of this web app in the summit of GEN2015. Here the details published regarding: http://bit.ly/1L2U69p

Standard
Academics

The quick report, my students work first cycle of 2015

A new cycle of students has be done at the Science and Arts University of Costa Rica, some interesting projects and concepts appears, the complete report is at visual744 but it is in Spanish, use Google Chrome for translation.

Here is the link to: http://visual744.blogspot.com/2015/04/un-ciclo-mas-de-dataviz.html

information design

Details of the job log Andrey Castro, project “The Moon in the 20th century,” design student information. University of the Sciences and the Arts, April 2015.

mapping the moon the XX century

Infographic by Andrey Castro, project II “The Moon in the 20th century,” design of information student. University of the Sciences and the Arts, April 2015.

Standard
Awards

Malofiej 23, The Pulitzer awards of information graphics

Today the 23rd edition of Malofiej ended, the jury of the International Infographics Awards, organized by SND-E, gave medals for the best in graphics of the 2014. A great honor for us in GN Medios has been awarded with two silver medals, one for the special of the 75th Batman anniversary in print categories, and an other for the Market of Soccer players data visualisation of online graphics category. Congrats for all my visual team at GN Medios.

The Bat cave, Special information graphics in poster format.

The Bat cave, Special information graphics in poster format.

Soccer players transfers  in Costa Rica

Special mini-site: Soccer players transfers in Costa Rica / La Nación.

Visit the special awarded site here: 

Standard