4/12/2016

VizQuebec Meetup #5

À ce 5e meetup de datavis à Québec, mon bon ami Jean-François Lahos présentait son travail utilisant la programmation de formes 3D pour construire des sculptures déployant le plan dans l'espace et des installations où la temporalité sert de matériau brut.



Pour ma part, je présentais différents types de graphiques tirés d'une galerie de 12000 exemples de visualisations. Le but était de montrer que certains graphiques se ressemblent mais sont en fait fondamentalement différents et surtout que certains graphiques différents sont en fait équivalents.

Voici les diapos utilisées ainsi que quelques liens vers des visualisations méconnues mentionnées durant la présentation.

3/07/2016

Planet OS Exchange

We delivered a search engine for environmental sensor data called Planet OS Exchange.



I learned a lot about maps visualization and sensor data. Here is an early prototype.


That's where I developed Cirrus.js. Most data we currently have is raster data, but there's always the occasional time series.


And temporal coverage chart.


But most of the visualization work is on map polygons and raster data. Here is for example a screenshot of the colour palette dropdown.


3/04/2016

Radviz

I implemented Radviz in D3.js. See the documentation and examples for more details about this interesting chart type.

1/12/2016

Histogram equalization

Choosing the right color palette for visualizing data on a map can be tricky. But when what you need is to improve local contrast to better see the details, you can use a technique called histogram equalization. I implemented one version with D3 and wrote a blog post about it on Planet OS blog.



Temperature-salinity plot

Working with ocean data is fun, and I get to build very specific charts, like the T-S plot I explain in this blog post. "Plots of salinity as a function of temperature, called T-S plots, are used to delineate water masses and their geographical distribution". You can take a look at the code here.


Food security visualization

I had the chance to work on some datavis for a conference about food security. Here's a blog post about it.

1/11/2016

Heatmap

Here's a blog post illustrating when to use a heatmap that I wrote after adding a heatmap component to Cirrus.js.


1/10/2016

Cirrus.js

I implemented a new charts library called Cirrus.js for my work at Planet OS. The goal is to have a very simple pipeline pattern to easily compose modules together. Here's a short explanation.


VisQuebec

After the datavis meetups in the Silicon Valley and in Montreal, we started a new one in Québec City, in French. Here are the videos of the first 3 meetups.


1/09/2016

Coderre Tweets

I built a simple charts library for Radio-Canada called Moby, which we used in an article about Montréal's mayor, Denis Coderre, who is using Twitter quite a lot. As usual, the library is open source and available on Github. One interesting aspect of Moby is that it uses plain HTML, no SVG or Canvas, even line charts and this bubble chart.

Try it, this example is interactive! Or tweak it on Blockbuilder.

12/16/2014

Firespray: a streaming chart library

Working with Boundary, I developed Firespray, a nice chart library for streaming data.


Magnotta visualization

I worked with an awesome team at Radio-Canada on visualizing a complete Twitter coverage of the Magnotta trial.

8/31/2014

Visualization Montreal

We started a new visualization meetup in Montreal. Our first meetup had more than 100 attendees and a series of awesome speakers. Here is a summary.


Micropolar

I developed a polar charts library named Micropolar for Plotly, a visualization platform for science. This image is in fact a live chart running on Plunker.


8/30/2013

Hackathon Québec Ouvert


We won a prize in the Hackathon Québec Ouvert with an application for mapping your own constellations with the Québec Open Data. I worked as part of the Chambre Blanche team with Nataliya Petkova, Jeanne-Landry-Belleau and Pierre-Luc Lapointe. More details coming soon.


Developing a D3.js Edge



I co-authored a D3.js book with Andrew Thornton, Ger Hobbelt, Roland Dunn and Troy Mott. It was a book sprint: writing the core of it over 2 week-ends. We focused on how to write production D3.js code with the reusable API. The e-book is available on Bleeding Edge Press and on Amazon.

5/26/2013

D3 meetup: integrating D3 with MV* frameworks


I gave a talk at OpenDNS with Miles McCrocklin and Jyri Tuulos. It was about a D3 book that we are writing with Andrew Thornton, Roland Dunn, Ger Hobbelt and Troy Mott and that will be launched soon.

4/25/2013

Datameer Designer

It's been almost a year since Datameer launched its 2.0 version, featuring a new Business Infographics Designer. Lots of polishing and improvements went into the product. You can download a free trial at http://www.datameer.com/product/data-visualization.html. Take a look at the documentation, not the best examples around, but shows the diversity of chart types available: https://www.datameer.com/documentation/current/Visualizing+Data.



3/05/2013

D3 Alternative Gallery

I just launched an alternative D3 gallery with almost 2500 d3 examples. The goal is to be able to easily filter to find D3 examples by author, visualization type, title etc. This is a front-end to the spreadsheet used as a database. Help me update the entries, build your own gallery UI and build the most impressive visualization gallery only possible in the D3 community!

http://christopheviau.com/d3list/gallery.html

3/01/2013

Getting involved with the D3 community



I gave a talk about getting involved with the D3 community at Trulia for the Bay Area D3 User Group, with Scott Murray and short talks by Jérôme Cukier, Santiago OrtizJyri Tuulos, Alex JohnsonAmelia GreenhallMike Travers and Péter Boda. My slides are here and it was recorded on video. I launched my alternative D3 gallery made with D3 and based on a Google Spreadsheet.

Here is the talk in a blog post format. It is mostly a collection of links for getting started with D3 and contributing to this awesome community.

7/15/2012

Embedding D3.js in a blog post


Here is a simple test showing how to running a basic interactive D3.js code from a Gist using Bl.ocks as well as embedding the source code.

6/25/2012

Datameer 2.0 visualizations


I worked on the new visualization system for Datameer 2.0 we just launched at Hadoop summit.

Eurovis2012


ConnectedCharts, presented at Eurovis2012, Vienna.

5/01/2012

Try D3 Now

I wrote a very simple D3.js tutorial called "Try D3 Now".



3/11/2012

Scripting Inkscape with D3.js

Here's a workflow I like to use, starting from a simple sketch on paper, vectorizing in Inkscape and scripting using D3.


9/22/2011

Morphogenesis ISEA2011 Istanbul

Paper about Morphogenetic Arts published at the 17th International Symposium on Electronic Art

5/25/2011

Visualisations hybrides



Article sur les visualisations hybrides soumis à Infovis2011.

1/01/2011

Genoma



Résidence de production au Musée de l'image et du son de São Paulo.

11/29/2010

FlowVizMenu



Visualisations multidimensionnelles pour l'exploration de graphe en bioinformatique présenté et publié à InfoVis 2010.

6/13/2010

Genoma.Mercato.0610


Installation solo à l'Ex Lavatoio Hall, Mercato Saraceno (FC), Italie, le 6 juin 2010 organisé par The Rad’Art Project – Association Artéco, en collaboration avec La Chambre Blanche, l'Association Aidoru et la Municipalité de Mercato Saraceno.

2/15/2010

Surface multitactile ETS



Surface multi-tactile fabriquée pour l'École de technologie supérieure pour l'enseignement et la recherche en interaction humain-machine.

1/12/2010

Orbes


Exposition Médium && outil. Troisième volet de la série «géométries sphériques», «Orbes» nous amène dans un cycle cosmique, d'un simple mouvement giratoire jusqu'à une représentation géométrique de l'univers.

9/15/2009

Cubes Olap

Travail de recherche pour SAP Business Objects.

8/11/2009

Produit sphérique



Résidence à la Chambre Blanche. «Produit sphérique» explore la géométrie complexe en sculpture et en technologies.

8/01/2009

Harmoniques sphériques



Exposition Art-Faune-flore. Art génératif basée sur une formule d'harmonique sphérique présenté au château de Saussignac, Dordogne, France.

6/27/2009

Surface multitactile CCA


Surface multi-tactile fabriquée pour une soirée bénéfice au Centre canadien d'architecture de Montréal.

6/15/2009

Visualisation de graphes

Série de prototypes sur la visualisation de graphes dans le cadre de mon doctorat en génie logiciel de l'École de technologie supérieure. 

12/15/2008

Architecture générative

Exposition «SmartArt/Science et art». Automate cellulaire générant une architecture en 3D d'après une analyse musicale pour une installation de Nicolas Reeves.

5/08/2008

Murales de neurones

Exposition «Neurones en action». Murale lumineuse illustrant les neurones pour un espace découverte au Musée de la civilisation.

2/15/2008

Crâne de requin 3D

Modèle 3D pour l'identification des parties d'un crâne de requin.

10/15/2007

Croissance de la plante

Interactif sur la croissance de la plante au niveau cellulaire

9/01/2007

NOX MATER

Festival @rtOutsiders. Capture de particules cosmiques et spatialisation sonore dans l'obscurité d'une chambre anéchoïque pour l’installation «NOX MATER étude pour muons et silence» de Nicolas Reeves et Lorella Abenavoli.

3/15/2007

6 pianos sans pianiste

Développement éléctronique et programmation pour «Solo de musique concrète pour 6 pianos sans pianiste» de Érick d'Orion.

4/15/2006

Son de la montée de la sève

Captation ultrasonique et analyse acoustique des sons de la sève qui monte dans un érable au printemps pour un projet de Lorella Abenavoli.

7/15/2005

Lo-fidelity

Festival de musique universelle et Machines. Série de performances sonores mélangeant automates, électronique analogique et orgues modifiés.