Epistémologie du champ de la visualisation

Eléments d'épistémologie du champ de la visualisation  
GeoViz 2018, 17/10/2018

---

name:about
class: center, middle, inverse

# Eléments d'épistémologie du champ de la visualisation

### Clément Renaud

GeoViz 2018, 17 Octobre 2018  
Assois, France

---

# Au programme

## Les joies de l'épistémologie, théorie de la connaissance

### D'où vient la notion de visualisation ?

### Quel est l'action de la visualisation sur notre représentation du monde? 
 
### Comment est constitué le champ scientifique de la "viz" ? 
 
### etc.
]

---

name:data
class: inverse, center, middle
background-image: url(../MemeWriting/img/a-silicon-wafer-in-sand-maybe.jpg)

# Données

## Evolutions des procédés d'écriture

Nouvelles dimensions de l'écriture : échelle, vitesse, quantité, etc.
Nouvelles circulations de l'écriture : communication, etc

.small.footnote[ photo: [ExtremeTech](http://www.extremetech.com/computing/178529-this-is-what-the-death-of-moores-law-looks-like-euv-paused-indefinitely-450mm-wafers-halted-and-no-path-beyond-14nm) - Lire : [How to Make a CPU: From Sand to Shelf](http://www.bit-tech.net/hardware/cpus/2010/06/10/how-to-make-a-cpu-from-sand-to-shelf/1)]

---

name:cuneiform
class:inverse, middle, center
background-image: url(../MemeWriting/img/cuneiform.jpg)

# Ecritures

.small.footnote[ Vente Maison Et Esclave Mâle, Collection Mésopotamie Iran.
 Musée du Louvre - photo: [(c) Claude Valette](https://www.flickr.com/photos/cvalette/9632530128) ]

---

name:library
class:inverse, middle, center
background-image: url(../MemeWriting/img/bibli.jpg)

# Ecritures

## .small.footnote[Library in Trinity College, Dublin. Ireland - source:[(c) Ahmet Ertug](http://www.phillips.com/detail/AHMET-ERTUG/NY040114/225)]

name:data
class: inverse, center, middle
background-image: url(../MemeWriting/img/google-datacenter.jpg)

# Ecritures

.small.footnote[Data Center in Douglas County, Georgia. USA - source: [Google](http://www.google.com/about/datacenters/)]

---

name:representation
class: center, middle, inverse
background-image:url(../MemeWriting/img/perspective.png)

# Espaces graphiques et espaces de la représentation

.small.footnote[Jan Vredeman de Vries – _Traité « Perspective »_ (1604) source: [Denis Favennec](http://math.univ-lyon1.fr/irem/spip.php?article232) ]

<!-- La représentation mathématique du monde

Transformation de la science aussi : constitution de domaines scientifiques -->

---

# L'avénement de la perspective

### Nombreux traités mathématiques

Rationalisation de la représentation

### Un nouveau "point de vue" (Damisch, 1999)

L'humanisme : réduire l'homme à un point?

### Transformations des rapports sujet/objet, scène/décor, privé/public

Clivage entre regard (savoir) et sujet (vérité)
 
]

---

class: inverse
background-image: url(./img/Uccello_Battle_of_San_Romano_Uffizi.jpg)

## Perspective(s) - linéaire, centrale, etc

.footnote[Paolo Uccello, Battle of San Romano (c. 1435–1455), tempera on wood, 182 × 320 cm, Galleria degli Uffizi, Florence]

---

# Durer's Machines

###(1471 – 1528)

![](./img/durer-machine.jpg)

]

---

# Nouveaux Espaces de la Perspective

### Filippo Brunellesci (1377 – 1446)

Le Dôme de la Cathédrale de Florence (1419–1436) (à droite)

"Brunelleschi's experiment" : linear Perspective

### Leon Battista Alberti (1404-1472)

De pictura (1435-1436)

L'Art d'édifier (1443)

### Léonard de Vinci (1452-1519)

## ]

name:confucius
class: middle, inverse

# L'écriture régule l'espace .small[(de la représentation)]

### .small[*Zi Lu dit :*] "Si le souverain de Wei vous invitait et vous confiait le gouvernement, que feriez vous en premier lieu?"

### .small[*Le Maître dit :]\* "Rectifier les noms ! Pour sûr !"

]
.col-one-half[

![](./img/qinshihuang.jpg)

]

---

# Contruire les lieux de la pensée ?

## Très nombreux travaux

Language (Freud, Sapir & Worph...), images (Didi Huberman), pratiques scientifiques (Christian Jacob...), cartographie numérique _digiplaces_ et geotags : Zook, Graham, Crapton...

## IA / image de synthèse

**Video** : [Hayao Miyazaki's thoughts on an artificial intelligence](https://www.youtube.com/watch?v=ngZ0K3lWKRc)
]

---

name:data
class: inverse, center

# La quantification comme modèle

![](./img/supiot-couv.jpg)

---

.footnote[
[William Playfair](https://en.wikipedia.org/wiki/William_Playfair), founder of graphical methods of statistics.
]

---

# Charles Joseph Minard

.footnote[
New book ! [The Minard System](https://visionscarto.net/the-minard-system), Rendgen 2018
]

---

# John Snow

Cholera cases in the London epidemic of 1854 https://en.wikipedia.org/wiki/John_Snow_(physician)

---

# Tufte, Bertin, etc

.left-column[
![Book Bertin](../MemeWriting/img/bertin-book.jpg)
_La Sémiologie Graphique_, Bertin (1967)

![Book Tufte](../MemeWriting/img/tufte-book.png)
_Envisioning Information_, Tufte (1990)
]
.right-column[
![](../MemeWriting/img/bertin-maps.jpeg)
]

---

# Penser la complexité

## « Le vrai problème (de réforme de pensée) c’est que nous avons trop bien appris à séparer. Il vaut mieux apprendre à relier. Relier, c’est-à-dire pas seulement établir bout à bout une connexion, mais établir une connexion qui se fasse en boucle. »

Edgard Morin, 1995

---

# Réseau : métaphore ou "paradigme"

---

# Domaines scientifiques de la visualisation

![](./img/netviz.png)

]
.col-one-half[

### Sci viz

bio, neuro, traitement du signal, etc

![](./img/sci-viz.jpg)
]
]

## Geo viz

maps & more

![](./img/geoviz.jpeg)
]
.col-one-half[

## "Data viz"

???
 
 
 
 
![](./img/dataviz.png)
]
]

---

# La "data viz" comme domaine d'études

Sous-domaine de l'informatique, dans la partie où on croise des humains (IHM)

Conférences principales: CHI, Infovis, Eurovis

Stratégies et approches pour la production (et l'évaluation) de visualisations

Design d'interfaces, création d'outils originaux (prototypes mais aussi solutions)

ex. comment montrer de grands écarts? comment filtrer des données?

ex. Notebooks et écriture collaborative (Tabard & al, 2018)

]
.col-one-half[
![](./img/d3-logo.png)
]

---

# Why visualize?

Find the minimal value for the following equation:

```python
1.3 x^2 + 4 x + 0.6
```

Let's just automatically find the minimal value using `scipy`

```python
import numpy as np
import scipy.optimize as opt

objective = np.poly1d([1.3, 4.0, 0.6])
x_ = opt.fmin(objective, [3])
print("solved: x={}".format(x_))
```

Optimization terminated successfully.
             Current function value: -2.476923
             Iterations: 20
             Function evaluations: 40
    solved: x=[-1.53845215]

---

## Now, using visualization

```python
x = np.linspace(-4, 1, 101.)
plt.plot(x, objective(x))
plt.plot(x_, objective(x_), 'ro')
plt.show()
```

## ![png](./img/output_19_1.png)

background-image:url(./img/infovis-raw.png)

## Ex. Treisman, Preattentive Processing (1985)

---

background-image:url(./img/infovis-raw-2.png)

## Ex. Treisman, Preattentive Processing (1985)

---

# Une grammaire visuelle... combinatoire

**Graphical Marks** .small[(Line, Circle, Rectangle...)]  
x **Properties** .small[(Position, Size, Color...)]  
x **Data transformation** .small[(Selection, Binning, Aggregation...)]

<hr />
= **Huge number of permutations** (even for small and simple datasets)

![](./img/gelstat.png)
.small[ref Gelstat]

---

background-image:url(./img/ewma_correction.png)

---

## "Since most users do not want to become experts in human perception, our strategy is to incorporate guidance directly into the visualization software to aid in the the visual design process"

How to NOT lie with visualization (Rogowitz & Treinish, 1996)

---

![](./img/schneiderman-mantra.png)

The Eyes Have It: A Task by Data Type Taxonomy for Information Visualizations (Shneiderman, 1996)

---

# A Task-based Approach

## "We discuss how smooth animations from one view to another can be defined."

Smooth and efficient zooming and panning (Wijk & Nuij, 2003)

## "An effective use of color will group related items and command attention in proportion to importance"

Choosing Colors for Data Visualization (Stone, 2006)

## "We begin by discussing imagery acquisition, the task that drove the design process for Hotmap. "

Hotmap: Looking at Geographic Attention (Fisher, 2007)

---

# Une science graphique est-elle possible?

## Les limites de l'approche par tâches

Comment définir les "problèmes"?

## Création _ad hoc_ ou réutilisation de modèles?

ex. chi2 et corrélation

## Interprétations

Enjeux "culturels" et activités symboliques - ex. les couleurs
]

.small[Infographic : [What Colors Mean in Different Cultures](https://visual.ly/community/infographic/other/what-colors-mean-different-cultures)]

![](./img/colour-scultures.jpg)
]

---

# Dépasser la représentation visuelle?

## Sonification

Music of Brain and Music on Brain: A Novel EEG Sonification approach (Nag, 2017)

![](./img/brain-waves.jpeg)

]

## Dataphys

[3D Paper Model of Shrinking Aral Sea](http://dataphys.org/list/3d-paper-model-of-shrinking-aral-sea/) (Vojtek,2015)

![](../subs/img/dataphys.jpg)

http://dataphys.org
]

---

## Coupure Pub

https://micromesomacro.com