COURS VISUALISATION DE DONNÉES & DESIGN D ......2013/06/03 · VISUALISATION

VISUALISATION DE DONNÉES& DESIGN D'INFORMATION

Sébastien Pierre, ffunction inc.@École d'été en Architecture de l'Information,

Université de Montréal, Juin 2013

www.ffctn.com

WWW.FFCTN.COM© FFUNCTION INC, 2013

Sébastien PierreIngénieur logiciel (France)Maîtrise Informatique (France)Bac. Design (France)

R&D, informatique industrielleInterface, visualisation de données

FFunction 2008Montréal Ouvert 2010Québec Ouvert 2012

Le cours

OBJECTIFS

> Donner un aperçu de ce qu'est la visualisation> Donner une base théorique pour la comprendre> Donner une compréhension de sa pratique

Le cours

DÉROULEMENT

> Théorie et exemples> Exercice pratique> Discussion

Visualisation de données

Contexte et Problématiques

CONSTAT

Nous sommes surchargésd'information

CONSTAT

Nous sommes surchargésd'information

Nous produisonstous les deux jours

autant d'informationque nous en avons

produit jusqu'en 2003

Nous produisonstous les deux jours

autant d'informationque nous en avons

produit jusqu'en 2003

Eric Schmidt, CEO de Google@Techonomy 2010

PROBLÉMATIQUEComment faire

passer lemessage dans

cet environnement?

passer lemessage dans

cet environnement?

CONSTAT

La nature des informationsa changé

Nous sommes passésde données numériques

à deux dimensionsà des données numériques,

textuelles, à plusieursdimensions

Nous sommes passésde données numériques

à deux dimensionsà des données numériques,

textuelles, à plusieursdimensions

Pendant longtempsles informations

étaient représentablessous formes tabulaires

Pendant longtempsles informations

étaient représentablessous formes tabulaires

La NATURE etle VOLUME des

données ont changé

La NATURE etle VOLUME des

données ont changé

pour interpréterces nouveaux types

de données?

pour interpréterces nouveaux types

de données?

POLANOID COMMUNITY: A social network visualization, Julien Bayle 2007

CONSTAT

Nous sommes dans une sociétéde l'information... et de l'image

CONSTAT

Mais nous ne tirons pas encoreparti de tout notre potentiel...

AnalytiqueLogique

Rationnel

AnalytiqueLogique

Rationnel

CréatifHolistiqueIntuition

PROBLÉMATIQUEComment tirer parti

des facultés sous-utiliséesde notre cerveau

pour mieux comprendrel'information?

PROBLÉMATIQUEComment tirer parti

des facultés sous-utiliséesde notre cerveau

pour mieux comprendrel'information?

Hans Rosling, New Insights on Poverty, TED 2007http://www.ted.com/talks/hans_rosling_reveals_new_insights_on_poverty.html

Feltron Annual Report 2010, Nicholas Felton, 2011http://feltron.com

The Billion Dollar Gram, Davic McCandless, 2009http://www.informationisbeautiful.net/2009/the-billion-dollar-gram/

New York Times, Mapping America, visualisation des données du recensement, 2010http://projects.nytimes.com/census/2010/explorer

iTunes, visualisation de l'espace alloué, Apple inc, 2009www.apple.com/itunes

Google Analytics, 2011http://analytics.google.com

Geckoboard, tableau de bord configurable pour entreprisehttp://www.geckoboard.com/

ZEO, réveil intelligent, 2010http://myzeo.com

The Geotaggers' World Atlas, Eric Fisher, 2010http://www.flickr.com/photos/walkingsf/sets/72157623971287575/

TENDANCE

« data is the new oil »

TENDANCE

« data is the new soil »

Citation de David McCandless, TED, 2010http://www.ted.com/talks/david_mccandless_the_beauty_of_data_visualization.html

OUVERTURE

Les données sont une nouvellesource de richesse encore peu

exploitée...

OUVERTURE

Les gouvernements l'ont comprisavec le phénomène des données

ouvertes (open data)

OUVERTURE

Dans les entreprises, on parled'intelligence d'affaire et de

« big data »

INTRODUCTION

DÉFINITION

Représentation graphique d'unensemble de données

DÉFINITION

Représentation graphique d'unensemble de données

Notons qu'il n'y apas (encore) vraimentde définition officielle

du terme...

Notons qu'il n'y apas (encore) vraimentde définition officielle

du terme...

La graphique et le traitement graphique de l'information, Jacques Bertin, 1967

On remarqueimmédiatement

les variationsentre haute et basses

saisons

On remarqueimmédiatement

les variationsentre haute et basses

saisons

La prédominancedes hommesd'affaires...

Et de la clientèlelocale

43 ffunctioninc.

Et tout ceci, sansavoir fait un seul

calcul!

Et tout ceci, sansavoir fait un seul

calcul!

PARTICULARITÉ

La visualisation permet decomprendre intuitivement les données

Similar diversity, Philipp Steinweber & Andreas Koller, 2001

Visualisation de réseau social, LinkedIn InMaps, 2011

PARTICULARITÉ

La visualisation rend les rapportset les relations tangibles

Similar diversity, Philipp Steinweber & Andreas Koller, 2001

Visualisation de réseau social, LinkedIn InMaps, 2011

PARTICULARITÉ

La visualisation rend les rapportset les relations tangibles

Pourquoi la visualisation?

➔ Tirer parti de notre cerveau droit!

➔ Révéler les relations cachées dans les données

➔ Communiquer de l'information complexe

PRÉCISION

Données vs Information

PRÉCISION

Les données sontla matière première,

brute, qui n'a pas encoreété interprétée

Les données sontla matière première,

brute, qui n'a pas encoreété interprétée

PRÉCISION

L'information estce que l'on retire

de l'interprétationdes données

L'information estce que l'on retire

de l'interprétationdes données

PRÉCISION

http://www.readwriteweb.com/cloud/2011/01/difference-between-datavisualization-infographics.php

PRÉCISION

Infographique vs Visualisation

http://www.readwriteweb.com/cloud/2011/01/difference-between-datavisualization-infographics.phpUn infographique estune communication

visuelle d'information,souvent avec une

approche éditoriale

Un infographique estune communication

visuelle d'information,souvent avec une

approche éditoriale

PRÉCISION

http://www.readwriteweb.com/cloud/2011/01/difference-between-datavisualization-infographics.phpUne visualisation estune communication

graphique de données,où l'on laisse les données

s'exprimer

Une visualisation estune communication

graphique de données,où l'on laisse les données

s'exprimer

PRÉCISION

En pratique, lesinfographiques sont souvent

crées à la main, avec unlogiciel de dessin vectoriel

(Adobe Illustrator)

En pratique, lesinfographiques sont souvent

crées à la main, avec unlogiciel de dessin vectoriel

(Adobe Illustrator)

PRÉCISION

Les visualisations sontquand à elles généréesautomatiquement par

un programme, souventcrée spécifiquement

Les visualisations sontquand à elles généréesautomatiquement par

un programme, souventcrée spécifiquement

QUESTION

Quel serait les rapports entre visualisationet architecture d'information?

LA REPRÉSENTATION GRAPHIQUE

DONNÉES

Quel mode dereprésentation

choisir?

Quel mode dereprésentation

choisir?

Les différents types de données

2 3 4 5 6 7 89 0 2 % $ .

Les chiffres sont les premierséléments d'information auxquels

nous pensons(quantitatif)

Les chiffres sont les premierséléments d'information auxquels

nous pensons(quantitatif)

QUESTION

Quels autres types d'informationexistent?

Bleu Vert Jaune Rouge OrangeOrange Violet Mauve Brun

Il y a aussi de l'informationreprésentant des éléments

non-quantifiables/quantifiés(nominal)

Il y a aussi de l'informationreprésentant des éléments

non-quantifiables/quantifiés(nominal)

GlacéFroidChaudBrûlant

Parfois on peut ordonnerces éléments entre eux

(ordinal)

Parfois on peut ordonnerces éléments entre eux

(ordinal)

L'information peut êtreplus complexe et décrire

une structure

L'information peut êtreplus complexe et décrire

une structure

Un processus...Un processus...

Ou plus généralementdes relations entre des

éléments

Ou plus généralementdes relations entre des

éléments

Tous ces types d'informationpeuvent se représenter de différentes

manières

Les diagrammes en barresont bons pour l'information

numérique discrète

Les diagrammes en barresont bons pour l'information

numérique discrète

Les diagrammes en lignesont bons pour l'information

numérique continue ets'utilisent pour indiquer des

tendances

Les diagrammes en lignesont bons pour l'information

numérique continue ets'utilisent pour indiquer des

tendances

Les diagrammes en surfaceindiquent un cumul de valeurs

Les diagrammes en tarte sontbons pour montrer des

proportions (%)

Les diagrammes en tarte sontbons pour montrer des

proportions (%)

Que l'on peut aussi exprimeren diagramme en barres

Ce qui offre l'avantage depouvoir avoir plusieurs

niveaux de détail

Ce qui offre l'avantage depouvoir avoir plusieurs

niveaux de détail

PRODUCTION

QUALITÉ

RECYCLAGE LIVRAISON

DEFECTUEUX BONNE

Les « flowcharts » permettent de représenter des processusLes « flowcharts » permettent de représenter des processus

RESPONSABLERESPONSABLE

DIRECTEUR

EMPLOYÉEMPLOYÉ EMPLOYÉ

Ou des structuresorganisationnelles ou

conceptuelles

Ou des structuresorganisationnelles ou

conceptuelles

Et il existe de nombreuxformalismes(ex : Gantt)

un réseau de Petriun réseau de Petri

Et un digramme de ParetoEt un digramme de Pareto

Type d'information et représentation

➔ IDENTIFIER L'INFORMATION

Quel est son type? Combien d'éléments/quelle plage de valeur ?

Type d'information et représentation

➔ CHOISIR LA BONNE REPRÉSENTATION

Qu'est-ce que l'on veut montrer, est-ce compatible avec le type de données?

EXERCICE

Pensez à différentes manières dereprésenter les données suivantes

Exercice

ÉQUIPE JAN. FEV. MAR. AVR.

A 3,1 4,2 4,1 3,2

B 2,9 2,8 3,1 3,4

C 3,4 2,8 2,5 2,9

D 2,3 2,4 2,5 2,4

E 3,3 3,4 4,0 4,1

Exercice

A 3,1 4,2 4,1 3,2

B 2,9 2,8 3,1 3,4

C 3,4 2,8 2,5 2,9

D 2,3 2,4 2,5 2,4

E 3,3 3,4 4,0 4,1

Il s'agit ici d'un tableaucomparant les performances

d'équipes (fictives)au sein d'une organisation

Il s'agit ici d'un tableaucomparant les performances

d'équipes (fictives)au sein d'une organisation

Exercice

A 3,1 4,2 4,1 3,2

B 2,9 2,8 3,1 3,4

C 3,4 2,8 2,5 2,9

D 2,3 2,4 2,5 2,4

E 3,3 3,4 4,0 4,1

Le type de données estici très classique : tabulaire, avec dimension temporelle.

Exercice

A 3,1 4,2 4,1 3,2

B 2,9 2,8 3,1 3,4

C 3,4 2,8 2,5 2,9

D 2,3 2,4 2,5 2,4

E 3,3 3,4 4,0 4,1

LE LANGAGE GRAPHIQUE

La Graphique, Jacques Bertin, Revue Communications N.15, 1970

Il existe plusieurs dimensionsdans le visuel, en plus de la

position : la forme, la couleur et la taille en sont quelques

Il existe plusieurs dimensionsdans le visuel, en plus de la

position : la forme, la couleur et la taille en sont quelques

f(x) =

Dans la graphique,on projette les valeursdans un espace visuel

Typographie, mise en page et graphisme(pour la présentation d'information)

QUESTION

Quels sont, selon vous, les critèresd'un bon graphisme?

Principes de base

➔ SIMPLICITÉ

Faire la place à l'information, et non pas à la décoration

Principes de base

➔ COHÉRENCE

Utiliser un langage graphique où chaque dimension choisie est représentée de la même manière (forme, couleur, taille, etc)

Principes de base

➔ RÉGULARITÉ

Espaces, alignements, taille de caractères, éléments disposés sur une grille.

Le rôle des journaux estde communiquer beaucoup

d'information, et ils sontune bonne référence en la

matière.

Le rôle des journaux estde communiquer beaucoup

d'information, et ils sontune bonne référence en la

matière.

VISUEL TITRE

Contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu

Contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu

Contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu

VISUEL TITRE

Contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu

Contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu contenu

Composition

➔ HIÉRARCHIE DE LECTURE

L'œil est naturellement guidé au travers d'un visuel en fonction des masses, de leur disposition et de leur contraste – la hiérarchie de lecture devrait suivre la hiérarchie de l'information.

Choix stylistiques

➔ CONNOTATION

La typographie, la taille et les couleurs influencent la lecture que nous faisons des choses.

bonjour!

BONJOUR!

Les CAPITALESpermettent d'attirer

l'attention sans utiliserun autre corps de caractère

Les CAPITALESpermettent d'attirer

l'attention sans utiliserun autre corps de caractère

BONJOUR!

La taille du texte appuiele message en lui

donnant plus de poids

La taille du texte appuiele message en lui

donnant plus de poids

bonjour!

Les couleurs disent quelquechose, mais faites attention

car l'interprétation varieselon les cultures

Les couleurs disent quelquechose, mais faites attention

car l'interprétation varieselon les cultures

bonjour!

Le contraste permet dedonner du poids en utilisant

les couleurs

Le contraste permet dedonner du poids en utilisant

les couleurs

Bonjour!

Le choix de la typographiepeut avoir un impact

important sur l'interprétationdu message

Le choix de la typographiepeut avoir un impact

important sur l'interprétationdu message

Typographie

➔ TAILLE, GRAISSE, COULEUR & STYLE

Chaque élément va avoir une influence sur l'interprétation de l'information, car la représentation connote l'information.

À RETENIR

La visualisation est unefonction graphique des données

À RETENIR

Il s'agit plus de construction visuelleque de création graphique

À RETENIR

Simplicité, cohérence et sobriétésont les éléments-clé

À RETENIR

Les choix stylistiques connotentle message, il faut les utiliser

avec parcimonie

LA PRATIQUE PROFESSIONNELLE

COMPÉTENCES

La visualisation de donnéesest une pratique nouvelle

Il n'y a pas encorede cursus « officiel »

car la pratiqueest très jeune, et

les profils sontdonc très variés.

Compétences/profil

ANALYSTE

> Comprendre les données> Déterminer leurs types et relations> Identifier des indicateurs-clé

Compétences/profil

PROGRAMMEUR

> Collecter/extraire les données> Normaliser/ « réparer » les données > Développer les représentations

Compétences/profil

GRAPHISTE

> Organisation, lisibilité de la présentation> Choix des couleurs & typographies> Création de nouveaux modes de présentation

FORME/REPRÉSENTATION

MATIÈRE/DONNÉES

FONCTION/PROGRAMME

MATIÈRE/DONNÉES

FONCTION/PROGRAMME

Un analysteprogrammeur

MATIÈRE/DONNÉES

FONCTION/PROGRAMME

Designer graphique

MATIÈRE/DONNÉES

FONCTION/PROGRAMME

Architecte del'information

MATIÈRE/DONNÉES

FONCTION/PROGRAMME

La moyenne idéaledes compétences

d'une équipe

COMPÉTENCES

La visualisation s'appuie surde nombreuses disciplines

ARCHITECTURE DEL'INFORMATION

DESIGND'INTERFACE

PROGRAMMATION

DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION

DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION

Être capabled'analyser etde structurerl'information

DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION

Être capablede concevoir

des représentationattrayantes

et fonctionnelles

DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION

Offrir des manièressimples et

Intéressantesd'interagir avec

les données

DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION

Concrétiserle tout par

un programme

DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATION

DESIGND'INTERFACE

DESIGND'INTERACTION

PROGRAMMATIONSCIENCES

COGNITIVES

ERGONOMIE SIGNALETIQUE

TYPOGRAPHIE

STATISTIQUES ESTHETIQUE

EN PRATIQUE

Quels sont les différents rôlesdans une équipe de visualisation?

Journalistede données

Les rôles

AnalysteJournalistede données

Les rôles

Analyste

Programmeur

Les rôles

Analyste

Designergraphique

Programmeur

Les rôles

Analyste

Designergraphique

Programmeur

MATIERE FONCTION

Les rôles

Analyste

Designergraphique

Programmeur

MATIERE FONCTION

Les rôles

Analyste

Designergraphique

ProgrammeurMATIERE FONCTION

Les rôles

Analyste

Designergraphique

ProgrammeurMATIERE FONCTION

Les rôles

EN PRATIQUE

Quelle place a la visualisationdans un projet?

QUESTION 1

Avez-vous des données?

QUESTION 1

Est-ce que celles-cipourraient vous

permettre de prendrede meilleurs décisions?

Est-ce que celles-cipourraient vous

permettre de prendrede meilleurs décisions?

QUESTION 1

Est-ce qu'elles pourraientapporter quelque

chose à vos utilisateursou à votre entreprise?

Est-ce qu'elles pourraientapporter quelque

chose à vos utilisateursou à votre entreprise?

QUESTION 2

Voulez-vous améliorer un processusou communiquer de l'information?

QUESTION 2

La visualisation permetde comprendre des

phénomènes complexeset donc d'améliorerle fonctionnement

de systèmes

La visualisation permetde comprendre des

phénomènes complexeset donc d'améliorerle fonctionnement

de systèmes

QUESTION 2

Elle permet également dcommuniquer de

l'information de manièrevisuelle, vous permettant

de faire comprendredes phénomènes

complexes.

Elle permet également dcommuniquer de

l'information de manièrevisuelle, vous permettant

de faire comprendredes phénomènes

complexes.

INFOGRAPHIQUEVISUALISATIONS

INTERACTIVE

Pour communiquer

INTERACTIVE

Pour communiquer

Ils communiquent deschiffres, faits et données

de manière visuelleet attrayantes. L'aspect

narratif est primordial

INTERACTIVE

Pour communiquer

Expliquervisuellement

Communiquer unmessage complexe

Créer du buzz surles médias sociaux

INFOGRAPHIQUEVISUALISATIONINTERACTIVE

Expliquer et laisserdécouvrir

Permettre aux utilisateursde ne pas être passifs

Ouvrir une discussionbasée sur les données

Sleep Is Awesome, FFunction, 2010

Rapport annuel sur le sida, FFunction, 2011

VISUALISATIONEXPLORATOIRE

TABLEAU DEBORD

Pour comprendre

TABLEAU DEBORD

Pour comprendre

Elles permettent d'exploreret de comprendre desdonnées complexes.Il est important d'être

fidèle aux données pour éviterles erreurs d'interprétation.

Elles permettent d'exploreret de comprendre desdonnées complexes.Il est important d'être

fidèle aux données pour éviterles erreurs d'interprétation.

TABLEAU DEBORD

Pour comprendre

Ils donnent une visiond'ensemble des données

et permettent d'avoiren un clin d'oeil

l'état d'un systèmecomplexe.

Ils donnent une visiond'ensemble des données

et permettent d'avoiren un clin d'oeil

l'état d'un systèmecomplexe.

Pour comprendre

Comprendre desphénomènes complexes

Trouver des corrélationsentre différentes variables

Identifier des tendancesou des motifs

TABLEAU DEBORD

Avoir une visiond'ensemble

Connaître en un clind’œil l'état de systèmes

Réagir plus rapidementaux événements

Visualisation du budget fédéral américain, FFunction, 2011

Tableau de bord des visiteurs et visionnements, ONFFFunction, 2009

INFOGRAPHIQUE

VISUALISATIONDATA JOURNALISME

TABLEAU DEBORD

DATA JOURNALISME

DESIGN GRAPHIQUE

DÉVELOPPEMENT

COMPLEXITÉ

COMMUNICATION COMPRÉHENSION

EN PRATIQUE

Comment puis-je appliquer lavisualisation dans...

Un site Web?

➔ Utiliser des infographiques pour communiquer l'information (services d'une entreprise, fonctionnement du site)

➔ Utiliser des visualisations pour rendre plus accessibles vos données (tableaux, statistiques, etc)

Une application?

➔ Donner une vision d'ensemble avec des résumés visuels

➔ Embarquez des visualisations de données dans vos listes et vos tableaux pour rendre les masses de chiffre plus visibles

EN PRATIQUE

Quels sont les étapes principalesdu travail de visualisation?

Le processus

➔ 1 : ANALYSER ET DIMENSIONNER

Décomposer les données, identifier leur type, les dimensionner et les classer par importance ou de manière hiérarchique

Le processus

➔ 2 : RECHERCHE DES REPRÉSENTATIONS

Quelles formes sont les plus adaptées aux données présentées? Comment exprimer graphiquement les différentes propriétés?

Le processus

➔ 3 : ASPECT NARRATIF

Qu'est-ce que les données montrent? Que voulez-vous communiquer avec elles? Voulez-vous communiquer seulement des chiffres ou une analyse?

Le processus

➔ 4 : HIÉRARCHIE DE LECTURE

Quelle est l'organisation de l'information que vous voulez présenter? Comment allez vous organiser leur composition graphique?

Le processus

➔ 5 : LANGAGE GRAPHIQUE

Comment allez vous traduire les propriétés/dimensions des données de manière visuelle? Quels codes et symboles allez vous choisir?

Le processus

➔ 6 : MÉDIAS

Sur quels supports seront diffusés vos graphiques? Article, présentation, poster, sur le Web?

Le processus

➔ 7 : INTERACTION

Quel pouvoir allez-vous donner aux utilisateurs? Quel sera leur rapport avec la visualisation?

DONNÉES/ANALYSE

DESIGN/CONCEPTION

PROGRAMMATION//DÉVELOPPEMENT

Flots de travail

CONCLUSION

Simplicité, cohérence, régularité

REFÉRENCES

The Wall Street Journal Guide to Information Graphics: The Dos and Don'ts of Presenting Data, Facts, and Figures par Dona M.Wong

Sémiologie Graphique : les diagramme,s les réseaux et les cartes Jacques Bertin

Show Me the Numbers: Designing Tables and Graphs to EnlightenStephen Few

The Visual Display of Quantitative InformationEdward R. Tufte

Merci!

Des questions? Contactez moi à

sebastien@ffctn.com

COURS VISUALISATION DE DONNÉES & DESIGN D ......2013/06/03 · VISUALISATION

Documents

Transcript of COURS VISUALISATION DE DONNÉES & DESIGN D ......2013/06/03 · VISUALISATION

Validité des visualisation de données textuelles · Apprentissage automatique et fouille de données Institut Galilée, Université Paris 13, 27 avril 2006 Validité des visualisation

Intégration et visualisation de données thématiques sur un ...recherche.ign.fr/theses_2013/TheseIGN_2013_LinkedData.pdf · Intégration et visualisation de données thématiques

Visualisation des renseignements : Guide de l’utilisateur ... · visualisation des données et les bibliothèques comme un graphique brut et des catalogues de visualisation de données

Introduction à la visualisation de données 3 Novembre 2016 · Les données À la base de toute visualisation Un bon designer de visualisation doit connaître : Les propriétés

Extraction et visualisation de connaissances biologiques dans des données immunologiques

Navigation visuelle personnalisée dans des masses de données Visualisation du jeu de données IMDB

Visualisation de données en mode libre-service

Visualisation et analyse des données marines et littorales ... · •Visualisation des données MapServer / QGis Server •Génération des services web pour la diffusion des données

Interaction et visualisation de données médicalesperso-laris.univ-angers.fr/~projetsei4/1314/P3/Download/rapport.pdfInteraction et visualisation de données médicales Page 9 Visualisation

Visualisation temps réel de données à deux dimensions et demie · attachés à la visualisation d’un type de données très particulier et très lar-gement exploités dans certains

Visualisation des donnéesinnovatives.cnrs.fr/IMG/pdf/13poster.pdf · 2016-12-22 · Visualisation des données Qualité de l’air et climat Objectifs de ECCAD: • Mettre à la

PROSPER outil de prospective stratégique territoriale de ......Visualisation graphique et données Visualisation des résultats Cartographie Les résultats des scénarios tendanciels

Visualisation des données avec Mathematicaasch/Teaching/CSLicence99/polyvisu.pdfVisualisation des données avec Mathematica Joachim Asch Pour une exposition plus complète consulter

QUESTIONNER DES DONNÉES EN STSS · Proposition 1 - Observer des données, calculer pour analyser 3 Proposition 2 - Réfléchir à la visualisation des données brutes comme production

La visualisation de données : étudier une pratique de terrain · La visualisation de données : étudier une pratique de terrain ... - Mettre les critiques au centre des questionnements

GLOBAL HEALTH Enseignement en Ligne -- Visualisation de ... · • Apprendre à travailler avec une équipe d'experts de visualisation de données pour préparer des visualisations

Visualisation des données sur le portail Coriolis...Coriolis-données, atelier technique Brest, 5 juillet 2018 Processus d’importation des données MetaData : Recopie des métadonnées

Présentation Congrès SPAS - Visualisation de données et objets connectés.

La visualisation des données - GitHub Pages · longue tradition de visualisation des données. C’est après tout leur fonction première de dessiner des cartes, à partir de données

Visualisation des données : Mobile 2.0 09/03/2011