Data Cracks!

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.

HTML5: El futuro tiene muchos nombres

Texto publicado en VisualThinking.es.

Hace relativamente poco tiempo que las páginas en la red no tenían imágenes. El vídeo, la infografía o los gráficos interactivos eran un sueño para muchos diseñadores y editores. Las páginas eran puramente textuales y, así, las posibilidades de diagramación eran mínimas. Con la llegada de los ‘movie clips’, el PDF y el reproductor de animaciones ‘Flash’ los contenidos empezaron a moverse.
Rápidamente iban surgiendo tecnologías que se convertían en estándares para la comunidad digital. Pocos se preguntaban si aquello era realmente un modelo universal. Funcionaba después de darle muchos cabezazos al teclado del ordenador; cumplía el objetivo.

¿Funcionaba en todos los navegadores y sistemas operativos? No. Ante un problema de funcionalidad se buscaba la solución que abarcase la mayor parte del mercado. Es decir, se dejaba fuera una parte importante. Por tanto, funcionábamos sin un estándar. No existía. Lo que teníamos eran varios estándares propietarios desarrollados por las compañías de navegadores. Compartían vocabulario, pero no escritura y pronunciación.

Objetivo 2014
La llegada del lenguaje HTML5 (‘HyperText Markup Language’, en su versión número 5) es un hito histórico en el desarrollo del diseño web. Pese a que todavía está en desarrollo, la normativa final HTML5 se espera que sea aprobada en 2014, las posibilidades que ya conocemos son plenamente satisfactorias. En 2010, Steve Jobs dio las primeras pistas: ‘Los nuevos modelos creados en la era móvil, como el HTML5, ganarán el mercado’.

A partir de aquí comenzó a hablarse de un enfrentamiento entre los lenguajes Javascript (estandarizado en 1996) y ActionScript (propiedad de Adobe), HTML5 (abierto) y Flash (propiedad de Adobe) y los sistemas operativos MacOs X (Apple) y el Android (código libre basado en Linux).

En 2009, el ‘World Wide Consortium’ (W3C, la autoridad que valida el lenguaje HTML5) y el ‘Web Hypertext Application Technology Working Group’ (WHATWG, la comunidad que desarrolla el lenguaje HTML) decidieron caminar juntos para desarrollar definitivamente un estándar para la web, un lenguaje de etiquetas abierto a la participación de todo el mundo, no dependiente de compañías propietarias del desarrollo y que fuera compatible con todas las tecnologías de la web.

HTML5 no es propiedad de ninguna compañía. Las compañías deciden desarrollar con este lenguaje porque entienden que es el que mejor cumple sus expectativas de negocio. Lógico. En la era móvil y social todo el mundo quiere estar en todos los frentes. Por tanto, las batallas planteadas en los últimos años son molinos de viento que no merecen más comentario. Lo importante es que va a existir un estándar compatible con todos los navegadores y con el que ya se puede trabajar.

Sumando códigos hermanos
La combinación del lenguaje HTML5 (etiquetas básicas de la página) con las posibilidades del lenguaje en cascada CSS3 (estilo y presentación de las etiquetas) y el lenguaje de programación orientado a objetos Javascript (desarrollo de operaciones y aplicaciones) y todas sus librerías (gráficos, efectos visuales, formularios, tablas, matemáticas, criptografía o AJAX) es todo un reto para cualquier desarrollador, creativo o diseñador.

A finales de septiembre, Adobe Systems lanzó oficialmente al mercado el programa de gráficos animados Edge Animate 1.0. De momento, es gratuito y se descarga en su página web. Edge es una tecnología para crear contenido con HTML5, Javascript y la librería JQuery. Por tanto, los trabajos realizados con Edge alcanzarán todo el mercado de los móviles sin necesidad de instalar nada en ellos. El diseñador no se tendrá que preocupar de las excepciones de cada dispositivo o navegador, sencillamente porque ya no existirán. Esa es la promesa.

El problema actual es que no todo el mundo tiene instalado en su ordenador las últimas versiones de los navegadores, que son las que están preparadas para visualizar los contenidos en HTML5. A medida que las empresas pongan al día sus máquinas y los usuarios vayan descargándose las versiones más recientes de los navegadores, HTML5 empezará a crecer exponencialmente y conoceremos realmente todas sus posibilidades. Recuerdo ahora esta frase de la escritora francesa Françoise Sagan: ‘Sólo cerrando las puertas detrás de uno se abren ventanas hacia el porvenir’.

———————————-

Quick Tour VT.

———————————-

BOOK GEMS: From Hieroglyphics To Isotye, Neurath

Gracias por visitar el sitio de Juantxo Cruz

From Hieroglyphics To Isotye
Otto Neurath
1944
AQUI EN AMAZON.
35$

Fantástico enlace dónde se pueden ver los trabajos de Otto Neurath, Marie Neurath (Reidemeister), Ivan Ivanitskii y Gerd Arntz.

Gracias por visitar el sitio de Juantxo Cruz

Gesellschaft und Wirtschaft
Leipzig: Bibliographisches Institut, 1930, 300 x 450 mm, (I.C. 7.1 Ges)
Gesellschaft und Wirtschaft was a monumental collection of one hundred statistical charts printed on loose leaves. Due to a generous commission from the publisher, money was no object and the Vienna team expanded by hiring outside consultants for this publication.
The chart above (no.56) is titled ‘Numbers of motor vehicles in the world’ (USA and rest of the world). Even if one cannot read German, the subject reveals itself through the ‘speaking signs’ of the automobiles, each of which represents 2.5 million vehicles. The grey/brown ‘guide-picture’ (as Neurath called it) at the top of the chart gives further context ‘outside the root picture’, in this case indicating the greater industrial development of automobile production in the USA.

Gracias por visitar el sitio de Juantxo Cruz

‘Tips for tots’
cover design for book, Otto and Marie Neurath, 1944.

Tips for tots’ was a handcrafted mock-up made by the Neuraths as part of a proposal for a series of children’s books sent to Max Parrish in 1944. The mock-up was accompanied by a paper written by Otto Neurath, ‘Isotype books for children’. In it he compares Isotype charts with photographs: charts, he said, are a way of encouraging reasoning based on visual statements, while photographs are a way of making children familiar with the appearance of landscapes, animals, plants.
‘Tips for tots’ introduces Iso and Typie, two characters who had adventures in an Isotype world. This world was designed to bring Iso and Typie into contact with complex phenomena of a kind that would benefit from explanation according to Isotype principles: map-making, tornadoes, radio transmission. By ‘Isotype world’, Neurath meant an Isotype vocabulary: consistent symbolic forms for people, animals, houses, a restricted colour scheme and a particular way of organizing these elements. (SW)
area of research: Isotype childrens’ books (Walker)

Gracias por visitar el sitio de Juantxo Cruz

Voter registration in the Western Region of Nigeria
booklet cover, Marie Neurath / Isotype Institute, 1955, 205 x 165 mm, (I.C. 7.1, ‘N’)
Some of the most significant work done by the Isotype Institute as consultants to the Western Region of Nigeria involved the registration of voters, and instructions on how and where to vote. In addition to booklets produced for successive election cycles in 1956 and 1957 (above, for 1956), Isotype designed accompanying posters that encouraged participation, and identified registration offices and polling stations (below, in Yoruba: 510 × 760 mm).

Gracias por visitar el sitio de Juantxo Cruz

Isotype ‘Picture dictionary’
leaf from binder, Gerd Arntz, 1929-33, 300 x 225 mm, (I.C. 4/2)
The Isotype ‘Picture dictionary’ was a working reference file of all pictograms designed by Gerd Arntz. It was begun in Vienna and continually updated. Above is one of the sheets in the category ‘Man’, dating from the early period at the Gesellschafts- und Wirtschaftsmuseum in Vienna. It shows the grammatical aspect of Isotype pictogram design, in which a symbol can be qualified, or made into a kind of compound noun, by combining it with another. The symbols within the human figures here indicate different kinds of profession.

Gracias por visitar el sitio de Juantxo Cruz

The Language of the Global Polis
Otto Neurath
Amazon.
35$

Hardcover: 176 pages
Publisher: NAi Publishers (July 1, 2008)
Language: English
ISBN-10: 9056623508
ISBN-13: 978-9056623500
Product Dimensions: 10.1 x 7.9 x 0.8 inches

Austrian sociologist Otto Neurath was a seminal Modernist figure. Much attention has been given to his achievements in the fields of graphic design and philosophy (Neurath was a member of the Vienna Circle, founder of the Museum of Society and Economy, inventor of the ISOTYPE pictorial system and champion of the Unity of Science movement), yet his involvement with urbanism and architecture has been all but ignored. From 1931 onwards, Neurath collaborated with the International Congress of Modern Architecture and its chief exponents–Cornelis van Eesteren, Sigfried Giedion, Le Corbusier and Laszlo Moholy-Nagy–to develop an international language of urban planning and design. More experimentally, throughout the 1930s a fascination with visual media led to an attempt to franchise the Museum of Society and Economy by establishing international satellite museums. This volume contains a text by curator and writer Nader Vossoughian, which offers a fresh perspective on one of the most versatile intellectuals of the twentieth century.

Gracias por visitar el sitio de Juantxo Cruz

The Transformer: Principles of Making Isotype Charts [Paperback]
Marie Neurath (Author), Robin Kinross (Editor)
Amazon.
20$

Paperback: 126 pages
Publisher: Hyphen Press; 1 edition (September 16, 2009)
Language: English
ISBN-10: 0907259405
ISBN-13: 978-0907259404
Product Dimensions: 8.2 x 4.9 x 0.3 inches

Isotype (International System of Typographic Picture Education) is a system of pictograms designed to communicate complex information in a nonverbal way. Developed in 1936 by a team of sociologists lead by Otto and Marie Neurath, this process of «transforming» data into visual form has strongly influenced the fields of graphic design. The Transformer: Principles of Making Isotype Charts is the first English-language primer on Isotype the foundation of the modern-day pictographic signals found in airports, train stations, highway signs, and computer interfaces. Featuring illustrated examples and essays, including a previously unpublished essay by Marie Neurath, The Transformer is a long-overdue appreciation of an important moment in the history of visual communication.

Gracias por visitar el sitio de Juantxo Cruz

Otto Neurath: Philosophy between Science and Politics (Ideas in Context) [Paperback]
Nancy Cartwright (Author), Jordi Cat (Author), Lola Fleck (Author), Thomas E. Uebel (Author)

Amazon.
58-100$

Paperback: 308 pages
Publisher: Cambridge University Press; 1 edition (May 12, 2008)
Language: English
ISBN-10: 0521041112
ISBN-13: 978-0521041119
Product Dimensions: 8.8 x 6 x 0.6 inches

GRAPHICS: eXplorer Statistics, NCVA, Suecia

Gracias por visitar el sitio de Juantxo Cruz

eXplorer Statistics
National Center for Visual Analytics (NCVA)
Suecia
Programación y análisis de la estadística.
«GeoAnalytics Visualization»
Introducción.

Gracias por visitar el sitio de Juantxo Cruz

Usuarios:
The WorlBank
The Economist
The BBC
Eurostat
OCDE
Statistic Denmark
City of Göteborg
Ericsson
Unilever

Gracias por visitar el sitio de Juantxo Cruz

National Center for Visual Analytics (NCVA) is a Swedish national resource funded through the Swedish Knowledge Foundation’s (KK-Stiftelsen) Visualization Program including VINNOVA, SSF, ISA and Vårdalstiftelsen and our industrial and government research partners. NCVA will help to spread geovisual and visual analytics technology into industry and government agencies.
NCVA is managed by Professor Mikael Jern VITA/ITN

Gracias por visitar el sitio de Juantxo Cruz

Strategies
Programming each new Visual Analytics application from scratch is a complex and expensive task and a very inefficient way to work. A high-level toolkit, comprising many well-tested and compatible components, will make this process far less time-consuming and help ensure the correct functioning of each new application produced. To achieve this we build upon our «GeoAnalytics Visualization» framework, GAV, to provide a generic visualization framework for a diverse range of application areas and fully integrated with web tools such as Flash/Flex (GAV Flash) or optimized for performance with Microsoft DirectX (GAV). This framework is designed to provide integrated views of large information spaces, coordinated viewing of information in context, and to approach complex information through the use the overview and detail paradigm. These are the principles behind the VA concept which have made it such a powerful idea in the scientific community. NCVA will show the effectiveness of the technology and provide results in four distinct forms:

1.Valuable applications, addressing key concerns for our partners in industry, public services and academia.
2.New or enhanced methods within GAV framework developed for these purposes but which will then be available to users in other potential areas of interest.
3.Novel techniques to facilitate the recording, review and dissemination of the reasoning within the VA process allowing the analyst to use interactive ‘story-telling’ to convey how conclusions are reached, improving the credibility of the results obtained.
4.New results from evaluation of these applications and techniques in the workplace context, feeding back into new and improved developments in a continuous cycle.
Applied research will be carried out in the context of a number of applications, drawn from diverse areas associated with the activities of the industrial partners, showing the generality of the underlying framework. Each of these applications can also be seen as a demonstrator of the technology. In this work, we will follow a ‘science-to-solutions’ approach to address the entire research, development and deployment process. The strong engagement by industry and public service partners that depend on state-of-the-art VA tools will guarantee that users will be involved from the start and will participate in the definition of the applied research agenda. The partners will, in turn, gain access to front line research, prototypes and components for integrating new and innovative VA tools.

Gracias por visitar el sitio de Juantxo Cruz

Postal addresses

Linköping
All units but the Faculty of Health Sciences
Linköping University
SE-581 83 LINKÖPING
Sweden

Tel: +46 13 28 10 00
Fax: +46 13 14 94 03
e-mail: liu@liu.se
Please notice that questions regarding study programmes, admission, application procedures, enrolment etc, should be sent to studyinfo@liu.se

Faculty of Health Sciences
Hälsouniversitetet
Universitetssjukhuset
SE-581 85 LINKÖPING

Tel: +46 13 22 20 00

Norrköping
All units
Linköping University
Campus Norrkšping
SE-601 74 NORRKÖPING

Tel switchboard: +46 11 36 30 00
Fax: +46 11 26 58 50

Economist: http://www.economist.com/britain-in-context/
OECD: http://www.oecd.org/innovation/strategy/charting
Statistics Denmark: http://www.dst.dk/OmDS/BagTal/Arkiv/2010-05-06-Motorcykler.aspx
OECD: http://vitagate.itn.liu.se/GAV/development/testVislet/
SCB and Eurostat: http://swedeneurostat.blogspot.com/2010/03/education-in-eu-example-with-vislets.html#links
Goteborg City: http://www.samhallsutvecklingen.se/413/stora-inkomstskillnader-i-goteborg/
OECD eXplorer: http://www.ncomva.com/?p=125 (NComVA Vislet demo with OECD eXplorer ageing population in EU 1990-2008).
OECD Factbook: http://www.ncomva.com/?page_id=111 (NComVA Vislet Demo with OECD Factbook – fertility versus women employment rate for 1970-2006)
OECD Regional development: http://www.oecd.org/gov/regional/statisticsindicators
World eXplorer: http://www.ncomva.com/?page_id=297/

WWW: HTML5 vs ACTIONSCRIPT

Gracias por visitar el sitio de Juantxo Cruz

Apple vs Adobe.

Ipad+Iphone contra tecnología FLASH.

HTML5 vs Action Script.

Steve Jobs contra Shantanu Narayen.

Un alto porcentaje de las aplicaciones actuales están desarrolladas en Flash (el 75% del vídeo online, por ejemplo). No funcionan con Apple.

La páginas digitales en Flash no suman páginas vistas.

Guerra en el mercado del vídeo que afecta a infografía, diseño y multimedia.

HTML5 todavía es un lenguaje por desarrollar, acaba de nacer. Inmaduro y con muchos años por delante de evolución.

Sport Illustrated tenía media revista en Flash. Acaba de hacer público su desarrollo en HTML5. Cientos de estudios multimedia trabajan a contrarreloj convirtiendo las publicaciones de desarrollo.

HULU (vídeo) también se pasa al HTML5.

Flash representa un 5% de los ingresos de Adobe. Su negocio está en la venta de software (Photoshop, Illustrator…).

Guerra sin cuartel.

WE LOVE APPLE, pero también Flash.

BOOKS: Nueva gramática

Gracias por visitar el sitio de Juantxo Cruz

La anterior gramática.
1931

Gracias por visitar el sitio de Juantxo Cruz

Esbozo de una nueva gramática de la lengua española.
1973
34 euros

Gracias por visitar el sitio de Juantxo Cruz

La nueva gramática de la lengua española.
Asociación de Academias de la Lengua Española.
4 de diciembre de 2009
Patrocinada por Altadis y Caja Duero.
ESPASA CALPE
4.200 páginas.
ISBN: 9788467032079
120 euros

Gracias por visitar el sitio de Juantxo Cruz

PROS: Toda la gramática en dos volúmenes, el mapa de la lengua. Imprescindible.
CONS: su precio. En los tiempos que corren deberían regalarla por las calles.

Dossier de la RAE

GRAPHICS: P2P, feeds y noticias en la red

Gracias por visitar el sitio de Juantxo Cruz

Los usuarios de Internet se suscriben a los medios y blogs por medio de ‘feeds’ (fuentes) que actualizan los contenidos (entradas) que le interesan.

Gracias por visitar el sitio de Juantxo Cruz

Los formatos principales son RSS y Atom.
En XML.

Gracias por visitar el sitio de Juantxo Cruz

Póster en FeedTree.

Micronoticias cooperativas.
Distribuir las noticias ‘Peer-to-peer’.
No están en un servidor único.
Los nodos se organizan en forma de árbol para distribuir las noticias.
Sin retrasos.
Más rápido.

Gracias por visitar el sitio de Juantxo Cruz

En vez de que el editor ponga sus ‘fuentes’ en un servidor al que acceden los usuarios (al final se ralentiza la distribución), son los clientes los que cooperan compartiendo las fuentes.

Imágenes en FeedTree.

Aquí, documento en inglés que explica el fenómeno.

BOOKS: Onomatopeyas

Gracias por visitar el sitio de Juantxo Cruz

Según la RAE:

(Del lat. tardío onomatopoeia, y este del gr. ὀνοματοποιΐα).
1. f. Imitación o recreación del sonido de algo en el vocablo que se forma para significarlo. Muchas palabras han sido formadas por onomatopeya.
2. f. U. en algunos casos para referirse a fenómenos visuales; p. ej., tic nervioso, zigzag.
3. f. Vocablo que imita o recrea el sonido de la cosa o la acción nombrada.

Diccionario de onomatopeyas del cómic

Román Gubern y Luis Gasca
Ediciones Catedra
Colección: Signo e imagen
Cartoné, 432 páginas, 20 x 25 cmPVP: 35,00 €