Ce document a pour but de référencer les ressources les plus utiles concernant la data visualisation, la programmation créative et le design interactif. Le référencement se limite au périmètre de la culture “processing.org” et de ce qu’elle a généré comme innovations, réflexions et outils.

Outils de génération

Data Driven Documents

http://d3js.org/

Meilleur environnement actuel pour développer un outil de génération de représentations visuelles. Très souple, il s’appuie uniquement sur HTML, CSS, SVG et JS pour générer dans le canvas du navigateur des graphiques complexes interactifs.

Tutoriel et ressources autour de D3

Christophe Viau

http://christopheviau.com/d3_tutorial/

Petit tutoriel pour présenter les concepts clés du langage.

Dashing D3js

http://www.dashingd3js.com/

Site tutoriel de référence. Il s’agit d’un mini-livre, puis d’une série de leçons payantes.

D3 Gallery

https://github.com/mbostock/d3/wiki/Gallery

Galerie d’exemples et de sources autour de D3.

Tutoriel Datameer

http://www.datameer.com/blog/howto/getting-started-with-d3-js.html

Tutoriel léger autour de D3.

Enjalot

http://enjalot.github.io/dot-append/

Une forme assez baroque, des vidéos au son de musique technorap, mais Enjalot connaît bien son outil et ses vidéos sont très détaillées.

Javascript Infovis Toolkit

http://philogb.github.io/jit/

La grande référence pour bâtir des représentations visuelles online.

A la différence de D3 qui est un outil générique, Infovis est d’emblée dédié à la création de graphiques. Les développements sont aisi très rapides.

         Tutoriel et ressources autour d’Infovis

            Nicolas Garcia Belmonte

http://philogb.github.io/

Blog de l’inventeur de Javascript infovis Toolkit.

Processing

http://www.processing.org

Langage dédié à la création interactive visuelle. Il est le premier sans doute à explorer la représentation visuelle élégante des données. En Java ou en JS depuis peu, il reste toutefois trop généraliste pour permettre un développement rapide dans le domaine. Il n’en demeure pas moins un outil nécessaire dans la boite à outils. Un outil en ligne, OpenProcessing, permet de créer des sketchs. Un site dédié à un livre d’apprentissage « Learning Processing » comprenant de nombreuses ressources est aussi disponible.

P5JS

http://www.p5js.org

Une interprétation du langage Processing en Javascript. Très efficace, rapide, en constante update, ce langage peut fonctionner soit à la manière de Processing, avec un Canvas pour y générer ses animations, soit par manipulation du DOM.

Articles et ressources autour de P5JS

Utiliser P5js et Phantomjs pour créer des images à la volée

http://brendandawes.com/blog/p5js

Un tutoriel pour permettre une sauvegarde des images générées par P5js via PhantomJS.

PhiloGL

http://www.senchalabs.org/philogl/

Environnement Javascript permettant le développement de représentation de données en 3D. Très technique mais très puissant aussi. C’est un peu un Processing dédié et récent. Hébergé par Senchalabs.org.

Google Chart Tools

https://developers.google.com/chart/

Environnement Google pour la génération de visualisations. Capable de produire des graphiques sur la base de données arrivant en temps réel. Ces graphiques sont paramétrables selon le CSS. Le type de graphiques disponibles reste traditionnel. Environnement html5, SVG, JS.

Cytoscapeweb

http://cytoscapeweb.cytoscape.org/

Intégration de graphiques réseau dans le navigateur. Quoique limité, il permet de rapidement visualiser des données en réseau, comme son espace de démo le présente.

Arbor.js

http://arborjs.org/

A graph visualization library using web workers and jQuery

Librairie Javascript dédiée à l’affichage de réseaux.

Protovis

http://mbostock.github.io/protovis/

Framework pour le développement JS d’apps de visualisation de données. Le projet n’est plus suivi au profit d’Infovis.

Graphiz

http://www.graphviz.org/

Graphviz is open source graph visualization software. Graph visualization is a way of representing structural information as diagrams of abstract graphs and networks. C’est l’ancètre qui a inspiré les projets javascript.

Gephi

http://gephi.org/

Logiciel Mac et PC générant toutes sortes de représentations visuelles de données sur la base du moteur Graphiz. Open Source. A tester.

MapBox

http://mapbox.com

Outil de design cartographique en ligne.

infogr.am

http://infogr.am/#tour

Créer des infographies interactives en ligne sur la base des principales représentations visuelles du moment.

Orange

http://orange.biolab.si/

Logiciel visuel et script python pour produire de la datavisualisation. Opensource qui paraît assez puissant et qui peut fonctionner en ligne de commande.

CorrespondenceAnalysis

https://github.com/piercus/CorrespondenceAnalysis

Lib JS pour réaliser des analyses factorielles de correspondances en javascript.

Many eyes

http://www-958.ibm.com/software/analytics/manyeyes/

Proposé par IBM, ce service en ligne permet de générer des représentations complexes de données. Les possibilités de paramétrage sont assez fouillées. Attention, les éléments mise en ligne sont publics.

Arduino

http://arduino.cc/fr/  et http://arduino.cc/us/

Petits mais costauds ! les microprocesseurs Arduino sont opensource et permettent le design d’applications interactives créatives.

Blogs et sites d’information

Visualizing.org

http://visualizing.org

Blog d’actualité sur tous les projets de visualisation, au sens large (macro, micro, data, etc…). Beaucoup de présentations de projets, peu d’informations techniques ou design dessus. Des challenges sont lancés régulièrement : le site fournit des données et propose de les présenter de la meilleure manière possible.

Datavisualization.ch

http://datavisualization.ch/

Blog très informé sur les techniques et les expériences dans ce domaine.

Visual.ly

http://visual.ly/

Telling stories with data. Blog / base de données de données graphiques sur toutes sortes de sujets. Le Think Stock du design de données. (Peu sont vraiment complexes).

Expoviz

http://outils.expoviz.fr/tagged/librairies

Collection des applications et services permettant de créer des visualisations de données.

Eyeo Festival

http://eyeofestival.com

Axé sur le design et le coding, une bonne part des intervenants travaille sur la visualisation des données.

Journalisme graphique

http://www.scoop.it/t/journalisme-graphique

Scoop It de Karen Bastien : son surf sur la data visualisation.

European Journalism Centre

http://www.ejc.nl/

Regroupe les journalistes web 3.0, avec beaucoup d’articles sur les tendances du journalisme, dont la data visualisation mais aussi les réseaux sociaux.

What is data journalism ?

Selon les journalistes du Guardian, qui s’affirment comme les chefs de file de ce nouveau mouvement.

Open Knowledge Foundation

http://okfn.org/

Mouvement général pour donner accès à la connaissance à tous. Délivrance de faits et de données, pour élaborer sa propre vision et opinion sur le monde.

Flowing Data

http://flowingdata.com/

Blog de Nathan Yau, expert dans la visualisation de données.

Creative Application

http://www.creativeapplications.net/

L’un des blogs de référence dans le domaine. On y trouve les événements les plus marquants et des liens vers des blogs dédiés.

Arduino Blog

http://blog.arduino.cc/

Le hardware s’invite à la création numérique. Le blog est l’espace de news officiel du site arduino.cc.

Google Books et articles

Making sense of Data

Accès direct au livre

Focuses on insights, approaches, and techniques that are essential to designing interactive graphics and visualizations

Create animated graph visualizations with Processing

http://answers.oreilly.com/topic/1630-create-animated-graph-visualizations-with-processing/

Axé sur Processing mais donne un peu de culture sur le sujet…

The Guardian : Data Store / Data visualisation

http://www.guardian.co.uk/data/series/google-data-visualisation-competition

EN partenariat avec Google, une série d’articles autour de notre problématique et un aperçu des enjeux économiques.

The top 20 data visualisation tools

http://www.netmagazine.com/features/top-20-data-visualisation-tools

Sélection des outils jugés les meilleurs par Net magazine.

Interview vidéo de Karen Bastien

Interview sur le blog de Jean-Michel Billaut

Très regardée comme un acteur français. Oriente son discours sur le datajournalisme et la narration graphique : ne pose pas de problématique d’analyse, travaille plus son positionnement sur la mise en scène de l’information.

Total Interaction

http://www.munterbund.de/visualisierung_textaehnlichkeiten/essay.php#Introduction

Un essai en ligne sur la data visualisation (pas encore lu) qui semble assez documenté. Si quelqu’un veut en faire un billet critique invité, il est le bienvenu 😉

Sociétés constituées

Datameer

http://www.datameer.com/

Société proposant ses services en SaaS. Elle s’appuie sur D3 pour créer une interface de génération de graphiques en ligne.

Interactive Things

http://interactivethings.com/

Société suisse proposant ses services dans le domaine du design d’interface et du design de données. Gère un blog http://datavisualization.ch/ sur des références dans la datavisualization, très informé.

Keylines

http://keylines.com/

Société qui propose un framework fermé sur la visualization de données. Se positionne sur la sécurité, le secret de données. Pas de prix, il faut entrer en contact pour en savoir plus.

Google bigQuery

https://cloud.google.com/bigquery-tour

Google propose sa puissance de calcul pour réaliser des analyses sur des fichiers de très grandes tailles du Go au To.

Tableau Software

http://www.tableausoftware.com/fr-fr

Outil Saas pour créer ses propres représentations visuelles. Puissant, dans une logique de Dashboard, compatible avec les smartphones et les tablettes. Entre $900 et $2000 pour une solution Desktop.

Exelis

http://www.exelisvis.com/ProductsServices/IDL.aspx

Propose un langage dédié à la visualisation de données, IDL, multiplateforme. Très orienté Big Data.

InetSoft

http://www.inetsoft.com/

Logiciel dédié à la création de Dashboard et à la manipulation de larges données.

Jess3

http://jess3.com/

Creative agency spécialisée dans la dataviz. Travaille aussi beaucoup le motion design, le stop motion, avec pour justification que tout cela sert à mettre scène et en histoire des nombres mais aussi des processus, des méthodes, des services, …

Partenaires

La fonderie d’Ile de France

http://www.lafonderie-idf.fr/

La fonderie, agence numérique d’Île-de-France, est un organisme associé du Conseil régional d’Île-de-France. La fonderie est une structure autonome et agile dont les objectifs sont :

  •  Participer au développement de l’économie numérique en Île-de-France
  • De mener toutes actions utiles à l’émergence des nouvelles thématiques en matière d’informatique et d’Internet,
  • D’encourager le foisonnement et l’innovation technologique sur le territoire francilien,
  • De réfléchir aux nouveaux enjeux culturels et sociaux induits par le numérique
  • De préfigurer les politiques publiques utiles au secteur des T.I.C,
  • D’ajuster, soutenir et amplifier les dispositifs d’intervention qui fondent la politique numérique du Conseil régional Île-de-France.

Oseo

http://www.oseo.fr/

Financement ou prêt pour développer un projet.