Quelle est la place de l'animation en visualisation de données? J'ai présenté des exemples (et des contre-exemples) d'utilisation de l'animation en datavis pour illustrer certaines possibilités et la façon d'en évaluer la pertinence. Ce fut l'occasion de visiter des types de visualisation moins connues, come le diagramme noeuds-liens, le Sankey, le sunburst et les bulles flottantes.
Path transition https://bost.ocks.org/mike/path/
Animated transitions paper http://vis.berkeley.edu/papers/animated_transitions/
GUIDING
Transition entre états
Sankey transitions http://blockbuilder.org/syntagmatic/77c7f7e8802e8824eed473dd065c450b
Coffee flavor wheel https://www.jasondavies.com/coffee-wheel/
Bubble vis http://www.nytimes.com/interactive/2012/02/13/us/politics/2013-budget-proposal-graphic.html
Données temporelles
The Wealth and Health of Nations (after Hans Rosling) https://bost.ocks.org/mike/nations/
Flight patterns http://www.tnoda.com/blog/2014-04-02
Montrer un changement ou une direction
Line animation https://bl.ocks.org/mbostock/5649592
How obama won re-election http://www.nytimes.com/interactive/2012/11/07/us/politics/obamas-diverse-base-of-support.html
Sankey particles http://bl.ocks.org/emeeks/e9d64d27f286e61493c9
Visual sedimentation http://www.visualsedimentation.org/examples/
Guider l'exploration
World tour http://bl.ocks.org/mbostock/4183330
Scatterplot tour https://bl.ocks.org/mbostock/aca51512895bd03855efa67aebec474b
Focus + Context
EXPLAINING
Explanation of moving pattern and geomtry
Démontrer des algorithmes
Visualizing algorithms https://bost.ocks.org/mike/algorithms/
Adaptive resampling https://bl.ocks.org/mbostock/5699934
Line simplification https://bl.ocks.org/mbostock/5732029
Montrer la structure de la visualisation
Use the force http://mbostock.github.io/d3/talk/20110921/#0
Cluster Force Layout https://bl.ocks.org/mbostock/7882658
Octocat force layout http://bl.ocks.org/christophermanning/4527513
Map projection transitions https://www.jasondavies.com/maps/transition/
IMPRESSING
Useless but fun
Coastal Graph Distance animated rainbow https://bl.ocks.org/mbostock/9748706
Pie intro animation http://bl.ocks.org/mbostock/4341574
Impress
Text transition https://bl.ocks.org/mbostock/7004f92cac972edef365
Mark Colrean fake UIs http://coleran.com/gallery-category/showreel/
Storytelling
U.S. gun death http://guns.periscopic.com/?year=2013
Out of sight, out of mind http://www.drones.pitchinteractive.com/
NYTimes Interactive stories http://www.nytimes.com/interactive/2014/02/11/sports/sochi-2014-interactive-stories.html