An introduction to interactive visualisation - Laurent Thibault
Nov 20, 2013 - In summary, the most important thing about computer visualisation is interaction ..... URL: http://books.google.fr/books?id=MIn0PAAACAAJ. Cairo, A. .... Tufte, E. : 2003, The cognitive style of PowerPoint, Graphics Press. URL: ...
An introduction to interactive visualisation Christophe 20 novembre 2013 “ In summary, the most important thing about computer visualisation is interaction and you can add interaction to anything” Alan Dix and Geoffrey Ellis (1998)
1
Interactivit´ e vs graphiques dynamiques ?
Les graphiques dynamiques ont le vent en poupe parce qu’ils permettent d’ajouter un degr´e de libert´e dans la visualization. L’oeil humain est en effet fait pour visualiser rapidement des mouvement, d´etecter des changements, des disparitions. Toutefois, la plupart des graphiques ”dynamiques” proposent des s´equences fig´ees et orientent donc le lecteur vers un type de lecture (mˆemes si il reste pas mal de choix...). Nous proposons ici un panorama r´ecent des diff´erents type de visualisation ainsi que des outils permettant de les cr´eer.
Figure 1: googleTrends on ”data visualization”, ”dynamic visualization” and ”Shiny” (http://www.google.fr/trends/explore#q=data%20visualization%2C%20Dynamic% 20visualization%2C%20R%20Shiny&cmpt=q)
1
Les graphiques interactifs, permettent `a l’utilisateur de voir des s´equences que le concepteur n’a pas forc´ement pr´evues ou d’identifier des ´el´ements sur diff´erents jeux de donn´ees. L’utilisateur peut alors ”jouer” avec des donn´ees plus librement que dans une s´equence pr´evue par un graphique dynamique. Tout ceci reste relatif, et les outils pour les diff´erents types de repr´esentation sont proches. Un exemple de calcul individuel sur le site de l’office nationale de la statistique Britannique :
Figure 2: Personal Inflation Calculator in UK (http://www.neighbourhood.statistics.gov.uk/HTMLDocs/dvc14/)
2
Un autre exemple venu d’Allemagne o` u l’on repr´esente un kal´eidoscope des prix qui donne un aper¸cu de l’importance des groupes de biens et de leurs ´evolutions de prix. On peut obtenir une image tr`es d´etaill´ee de l’´evolution des prix dans certains domaines :
Figure 3: Kaleidoscope des prix (Office de la statitique publique Allemande)) (https://www.destatis.de/Voronoi/PreisKaleidoskop.svg) Et un autre venu d’Australie :
Figure 4: Population by sex and age (Australian Bureau of Statistics) (http://www.abs.gov.au/websitedbs/d3310114.nsf/home/Population%20Pyramid% 20-%20Australia)
3
1.1
Alan Dix pedagogical example
Jane Greystoke is marketing director at Floppy Banana International the world’s leading fresh fruit supplier. She is reviewing sales trends over recent years. She can see that overall sales have changed only marginally, but there are obviously some trends. Apple sales had been increasing until 1995, but are now on the decline. But what is on the increase ? Clementines look good, but are their sales any higher in 1997 than they were in 1995 ? And what about bananas, it isn’t clear whether their sales have been increasing, decreasing or simply keeping steady ? see http://www.meandeviation.com/dancing-histograms/hist.html and look at dates when clementines are selected ; Was here a deacrease in the sales of dates in 1996 ? No, now click on dates and you’ll see ! Figure 5: A. Dix example of Interactive bar chart (a) Apples
(b) Bananas
(c) Clementines
(d) Dates
4
1.2
d3.js javascript examples
Apart from R, one nice way of doing interactive is to use either html5 and/or javascript. Mots of examples here : https://github.com/mbostock/d3/wiki/ Gallery
Figure 6: Interactive graph using D3.js javascript language
5
1.3
la dynamique ne fait pas tout...
If one wish to visualise the complex relationships of all of Victor Hugo’s characters of ”les Miserables”on may do a graph http://bl.ocks.org/mbostock/ 4062045 But it is much more interesting to do an adjacent matrix plot. A network can be represented by an adjacency matrix, where each cell ij represents an edge from vertex i to vertex j. Here, vertices represent characters in a book, while edges represent co-occurrence in a chapter. http://bost.ocks. org/mike/miserables/. One option is to order them by cluster Figure 7: Victor hugo’s characters of ”les Miserables” (b) Adjacent matrix
(a) Graph
(c) Adjacent matrix (sorted by cluster)
6
1.4
En r´ esum´ e “Il faut percevoir le monde pour interagir Il faut interagir avec le monde pour le percevoir”
J. D. Feteke (Aviz) : Interactive Information Visualization 2012-2013 (http: //www.aviz.fr/Teaching2012/InteractiveInfoVis2012)
2
Outils
2.1
Dynamic exploration with GoogleVis
Google is keen on writing tools for data visualisation, it has launched a lab on that topic http://code.google.com/p/google-motion-charts-with-r/ After creating a data.frame (MyBigData), we can simply use the package on our data. We first create an object (M.big) using the gvisMotionChart command. That object is then plotted (plot(M.big)). That’s it. Only 2 lines of code ! > + + > > > > >
M.big # On cree une planisphere > Map.big plot(Map.big)
Figure 11: Interactive map
11
Finally, one can merge the two graphs. note that there are no interaction between the 2 graphs (yet ?)
Feb 19, 2013 - Figure 2: Horaires des trains entre Paris et Lyon, E.J. Marey (1885) .... 2. The boxplot itself, which concentrates on the central bulk of the data. 3.
May 17, 2011 - "gie"), nb = 200, nb.admin = c(13, 4, 0, 20)). â· Number of components: > length(tse). â· Indexes: these two commands are equivalent. > tse[[1]].
a suite of operators for calculations on arrays, in particular matrices,. ⢠a large ..... Character quantities and character vectors are used frequently in R, for example as plot labels. Where needed ...... Convert Rd format to DVI/PDF. Rd2txt. Con
significant." print hello ... Note that leading whitespace is significant. ...... Round- ing that to 17 significant digits gives the 0.10000000000000001 that Py-.
energy work to address my own healing concerns, I remained anxious about the idea of using it with ... Regardless, please feel free to distribute it via email or post it ...... Zensight with clients, you may wish to join this list in order to share c
language, one should regard most programs written in R as essentially ephemeral. 1.2 Related ..... elements of a vector respectively. range is a function whose value is a vector of length two, ... The fifth parameter may be named along=vector, which
dramatically reduces disturbances at the layer edge and the inlet site (see text below and Figure 1). ..... polar components of the mobile phase as a result of their.
HAt him.[13] to appeared first. Ong. `a-Tiên, sin spirit, that with contacts further made .... admin- the entered. He. 1893. in graduated he whence by advanced and ...... manual that to reference of fact mere. Sino-Vietnamese on mainly depended ....
Columns corresponds to RNAseq data of different conditions (B, C, D) and 3 biological replicates. â Wide dataset = natural initial format, nice format to ...
A data set of n observations and p variables (discrete, continuous) : Variables. Individuals 1 .... statistics with R. Representation of SpatialPointsDataFrame and.
resonance, a phenomenon that when properly used lets you make filters ... the peak can still be quite high, with a maximal response occurring when f = 1/2 LC.
First example of stochastic approximation (Robbins , 1951): a line search with noise. â· Parameter x â R. â· System output g(x) â R, g smooth and increasing.
Dec 10, 1999 - q Tutorial q Library ... q Python Imaging Library Handbook for 1.1.3 (PDF) q Articles ...... The relief settings control how to draw the widget border: ..... window itself will be destroyed as usual (in a controlled fashion, unlike X).
3.2.3 The originalPerceptron . ... 5.1.3 Back-propagation in fully recurrent networks . ..... chapter 7 was form by a report of Gerard Schram at the University of Amsterdam. ... within their psychology, physics, computer science, or biology departmen
Oct 11, 2013 - Namely, at time n â N, the decision maker sets the parameter equal to xn, and observes Yn = g(xn) + Mn with Mn a random variable .... can observe f(xn) + Mn. Therefore it makes sense to approximate âf by finite differences,.
Jun 14, 2012 - 2 Data. We used data from the TNS-Worldpanel (2008) on OLIVE OIL consumption for the year 2008. The data contains 12231 obs.. 3 Density.
(n2=36) includes departments with low values of patents (21% .... try a Spatial Durbin Model models for panel data and compare the effects with Spatial Lag ...
PDF Ebook voila an introduction to french 6th Free Download, Save or Read Online voila an introduction to french 6th PDF file for free from our online library.
algebras, coalgebras, etc, will be defined over K. We refer to the classical references .... Proposition 1. For all n ...... J. Pure Appl. Algebra, 209(2):477â495, 2007.