Gráficas con Javascript

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.

GRAPHICS: Economía sumergida, Friedrich Schneider

Stagnation der österreichischen und deutschen Schattenwirtschaft in
diesem Jahr und wieder ein Rückgang im Jahr 2011

Gracias por visitar el sitio de Juantxo Cruz

Dr. Friedrich Schneider
Professor of Economics, Chair of the Department of Economics
Department of Economics
Joahnnes Kepler Universitat

Gracias por visitar el sitio de Juantxo Cruz

Economía sumergida en % del PIB en 21 países de la OCDE.

o.Univ.-Prof. Dr. Dr.h.c.mult. Friedrich Schneider
Johannes Kepler Universität Linz
Institut für Volkswirtschaftslehre
Abteilung für Wirtschaftspolitik
Altenberger Straße 69
A-4040 Linz Auhof / Österreich
Tel.: +43-(0)732-2468-8210
Fax: +43 (0)732-2468-8209
E-mail: friedrich.schneider@jku.at
http://www.econ.jku.at/schneider

GRAPHICS: Barómetro de medios, KPMG

Anytime, anywhere
The rising demand of media on the move KPMG’s media and entertainment barometer kpmg.co.uk

Third Media and Entertainment Barometer, a six-monthly consumer survey conducted on behalf of KPMG byYouGov.

«Over the past year traditional media has held up well, and despite the ever growing availability of online media, consumers still expect and consume both. This has led to a mixed ecology, with people accessing content in the traditional way and online. The popularity of consuming media in the traditional way remains very resilient.» David Elms, KPMG

Gracias por visitar el sitio de Juantxo Cruz

Medios tradicionales.
Descensos en radio y diario, aumentan la TVs y las revistas.

Gracias por visitar el sitio de Juantxo Cruz

Aumenta los encuestados que pagarían por contenidos en la red.
Para periódicos online, del 24% al 33% en un año.

Gracias por visitar el sitio de Juantxo Cruz

Los móviles no son para leer periódicos.

Gracias por visitar el sitio de Juantxo Cruz

Sólo el 2% de los encuestados tiene tableta.
El 16% lee diarios en el dispositivo.

Paywalls & Subscriptions

Subscribers most commonly paid for music (23 percent), online gaming (21 percent), business news/analysis (19 percent), online newspapers/ magazines (19 percent) and TV (19 percent).

Newspapers, books and print magazines

86 percent of consumers said they preferred to consume media offl ine rather than online. The most popular reason was a preference to reading physical copies.

Amongst those who had engaged in new media activities, the highest mean spend was on digital books, with 22 percent of those spending more than £5.

Over the past six months there had been a small increase in the proportion reading digital books.

– Newspaper and magazine readers aged 18-34 were less likely to pay for print media compared with the general population.

– Some major national newspaper groups have introduced paywalls for their online content, and all eyes have been on whether they are likely to be successful in the long term. Our survey suggests that as long as content is available for free elsewhere, the majority of consumers (79 percent) would rather find a different provider than pay for content online.

KPMG in the UK has over 10,000 partners and staff working in 22 offices and is part of a strong global network of member firms. Our vision is simple – to turn knowledge into value for the benefit of our clients, people and our capital markets.

GRAPHICS: Los valientes de Atacama

Gracias por visitar el sitio de Juantxo Cruz

Ariel Fernández, bravo infografista de LA TERCERA de Chile, es muy sincero.
Aquí un pequeño relato sobre la cobertura visual de su departamento, una aventura periodística única que ha puesto a los diarios chilenos y, en especial, a la Tercera en el planeta de la infografía. Durante muchos días, han sido la referencia mundial, desde Hong Kong hasta Londres, pasando por Nueva York.

TODO ESTABA CONTADO
‘Después de la urgencia de la cobertura diaria del accidente de los mineros llegamos a un punto que ya habiamos contado visualmente todo o al menos lo más importante’.

ADELANTARSE
‘Apostamos como sección de infografía a mostrar lo que sería noticia al día de publicación o al siguiente, apostamos por adelantarnos a los hechos hasta donde pudiésemos’.

EN EL TERRENO
‘Con fuentes anónimas para el público, pero con nombre, apellido y cargo para nosotros, un gran reporteo en terreno de uno de nosotros, Heglar Fleming, una excelente investigación de la periodista Carolina Araya desde Santiago, miembro de nuestra sección, y la inquietud de respuestas de todo el equipo de infografía’.

EQUIPO PEQUEÑO
‘Y obvio, la materialización, ya sea directa o indirecta de todo el equipo (que no está demás decirlo, 4 infografistas en Santiago para cubrir mineros, economía, internacional, todo lo demás’.

INFORMACIÓN AGOTADA
‘Conversando con la Directora de Arte, veíamos que nos venían por delante. A esas alturas no encontrábamos ninguna información que pudiese darse por parte de nosotros, que siguiera adelantándose a los hechos’.

LA COMPETENCIA
‘Habíamos llegado a un punto en que lo que se leyera mañana debimos haberlo publicado ayer, y no es lo que buscábamos. Ahí le comenté que sentía que le debíamos al lector un gran resumen visual de los 69 días, un documento histórico que resumiese todo el accidente. Al día siguiente lo publicó nuestra competencia, El Mercurio, por lo que descartamos dicha idea. Pero todavía así debíamos hacer ese gráfico. Así que optamos por llevarlo en internet’.

ESPECIAL MULTIMEDIA
‘Este especial lo realizaron algunos colegas. Nos dimos cuenta que teníamos varios trabajos ‘on line’, pero que con el transcurrir de los días careció de orden cronológico y de actualizaciones de datos, así que se reordenó y se actualizaron los datos’.

Abrazos y felicidades a su equipo, especialmente a Jorge Cortés, que fue padre en medio de toda esta historia.

GRAPHICS: Perspectiva vs lectura, ASIMELEC

Informe contenidos digitales
ASIMELEC

Gracias por visitar el sitio de Juantxo Cruz

Tarta 1
Extrusión y perspectiva.

Gracias por visitar el sitio de Juantxo Cruz

Gráficos de tarta de difícil lectura.
Las perspectivas alteran las proporciones.
Demasiados apartados para una tarta. Mejor unas barras.
Las leyendas están listadas debajo de la gráfica. Más directo y mejor lectura si se ubican junto con su porción.

Gracias por visitar el sitio de Juantxo Cruz

Gráfico de fiebre distorsionado.
La perspectiva arruina el gráfico.
La escala queda por debajo de la gráfica, imposible relacionarla con la curva.

Gracias por visitar el sitio de Juantxo Cruz

Barras 1
Super perspectiva.

Gracias por visitar el sitio de Juantxo Cruz

Barras 2.
¿Dónde empieza la escala?
Al menos incorporan los datos anuales, en este caso, sobraría la escala.

Gracias por visitar el sitio de Juantxo Cruz

Columna apilada.
Perspectiva y distorsión.
Si suman el 100%, todas deberían ser iguales.

ASIMELEC presentó el martes 5 de octubre a las 12.30 horas la tercera edición de su Informe de la Industria de los Contenidos Digitales. El informe, elaborado con la colaboración desinteresada de un nutrido grupo de expertos, es de libre acceso y descarga gratuita.

ASIMELEC, la Asociación Multisectorial de Empresas de Tecnologías de la Información, Comunicaciones y Electrónica, se constituye en 1984 como una asociación de importadores de productos de electrónica. En la actualidad, ASIMELEC ha evolucionado hasta abarcar todos los sectores del Macrosector TIC, siendo la única Asociación del sector que agrupa a fabricantes, comercializadores, distribuidores y en el caso del sector de Telecomunicaciones, a instaladores.

Su finalidad es fomentar y apoyar el desarrollo de las empresas de de Tecnologías de la Información, las Comunicaciones y la Electrónica en España, mediante la defensa de sus asociados y el desarrollo del sector TIC. ASIMELEC representa a más de 3.000 empresas que dan trabajo directo a 300.000 personas y su facturación supone en torno al 4,5% del PIB de España.

GRAPHIC GEMS: Nobel de Economía y la curva de Beveridge

Nobel de Economía para Peter A. Diamond, Dale T. Mortensen y Christopher A. Pissarides por sus estudios sobre el mercado laboral.

Gracias por visitar el sitio de Juantxo Cruz

La curva de Beveridge.
William Beveridge (1879-1963)
Economista británico.
Social, teoría laborista.

Gracias por visitar el sitio de Juantxo Cruz

La representación gráfica pone en relación las ofertas de trabajo (escala vertical) con la tasa de desempleo (horizontal) en porcentaje de la fuerza laboral.

No es una gráfica de fiebre.
Como se ve en el ejemplo incluido en la explicación del Nobel de Economía, no sigue una evolución en el tiempo, ni siempre se mueve ‘hacia delante’.
Los puntos son las relaciones entre dos variantes.

GRAPHICS: Ultra high density seat!

Gracias por visitar el sitio de Juantxo Cruz

Por Aviointerior.
The SkyRider.
Diseño italiano.

Gracias por visitar el sitio de Juantxo Cruz

Since 1974 Aviointeriors has supplied airline companies with customized aircraft cabin interior products. Focused mainly on passenger seat design, engineering and manufacturing, Aviointeriors also performs design, engineering and production of aircraft cabin furniture, sidewalls, galleys, lavatories. Its Railinteriors subsidiary, also supplies complete interiors for rolling stock in «high tech» composite materials.

Aviointeriors S.p.a.
Via Appia Km. 66,4
04013 Latina, ITALY

Gracias por visitar el sitio de Juantxo Cruz

Air Transport News
12 de julio

GRAPHICS: El pulso de la nación, Twitter, CCIS

Gracias por visitar el sitio de Juantxo Cruz

© 2010 Alan Mislove, Sune Lehmann, Yong-Yeol Ahn, Jukka-Pekka Onnela, J. Niels Rosenquist. Some rights reserved. Images, poster, and movie are shared under the Creative Commons Attribution 3.0 License.

Visualización: El pulso de la nación estadounidense.
Alan Mislove
Harvard University
Northeastern University of Boston. College of Computer and Information Science.
Cartograma: mapa en el que se refleja una variable. En este caso, el número de ‘tweets’.
Software de Mark E. J. Newman.
Se analizaron 300 millones de comentarios en Twitter y se trasladaron al mapa por franjas horarias.
De 12.00h a 16.00h, no están para bromas.

Equipo:
Alan Mislove, College of Computer and Information Science, Northeastern University
Sune Lehmann, Center for Complex Network Research, Northeastern University
Yong-Yeol Ahn, Center for Complex Network Research, Northeastern University
Jukka-Pekka Onnela, Harvard Medical School, Harvard University
J. Niels Rosenquist, Harvard Medical School, Harvard University

Gracias por visitar el sitio de Juantxo Cruz

Libro: Atlas of The Real World.
Hardcover: 416 pages
Publisher: Thames & Hudson (October 27, 2008)
Language: English
ISBN-10: 0500514259
ISBN-13: 978-0500514252

GRAPHICS: Hombre vs máquina

Gracias por visitar el sitio de Juantxo Cruz

Cualquier combinación de textos, fotos y dibujos no es una infografía. Tampoco diseño, o buen diseño.

El propósito debe ser informar, en el riguroso sentido de la palabra. Con alma.

Los textos son necesarios, pero cuanto menos, mejor (el famoso Show Don´t tell).

Las fotografías son útiles si cuentan la historia, no ve vale una silueta de un futbolista (¿preparados para un tsunami?). Sí me vale un antes y un después, o un escenario sobre el que se explica algo.

Los dibujos generalmente no aportan nada, salvo si es una ilustración técnica que explica qué pasa dentro de algo o cómo funciona algo.
Estrictamente sería así.

Y se nos olvida la representación gráfica de los datos: las tartas, las barras, las fiebres, hasta las bolas si nos apuramos. Las formas de representación estadística clásicas. Y los mapas.

Esta infografía no está muerta. Existe, en cambio, otra que es mejor enterrarla, pero me temo que también campa a sus anchas. !Y no digamos en laboratorios llamados visuales!

VER AQUI.
Infografía de desarrollo y programación. Computación extrema. Sin alma.

GRAPHICS: Information is not beautiful

Gracias por visitar el sitio de Juantxo Cruz

Definir la información como ‘bonita’, ‘hermosa’, ‘maravillosa’ o similares no es muy acertado.
Lo que debe definir a la información es la veracidad.
Luego te puede gustar más o menos. Repase cualquier portada de un diario ‘serio’.
La información periodística debe ser dura, jurídica, legal, educativa, instructiva.
Según la RAE, en su tercera acepción, la información es la ‘averiguación jurídica y legal de un hecho’.
La información es investigación.
Jugar con el arte cuando hablamos de información es peligroso y traslada a la infografía al campo del marketing y la publicidad.