112 écrans/132 images Introduction Découverte personnelle Approche historique Le présent Illustrator Les outils Manipulations Personnalisation -

Transcription

1

2 112 écrans/132 images Introduction Découverte personnelle Approche historique Le présent Illustrator Les outils Manipulations Personnalisation - Conclusion

3 112 écrans/132 images Introduction Découverte personnelle Approche historique Le présent Illustrator Les outils Manipulations Personnalisation - Conclusion

4 112 écrans/132 images Introduction Découverte personnelle Approche historique Le présent Illustrator Les outils Manipulations Personnalisation - Conclusion

5 De nombreux exposés commencent traditionnellement par une approche historique, celui-ci sera scindé en deux temps. Temps et histoire sont 2 choses qui vont bien ensembles. L année dernière, le point de départ avait été mon propre passé, ma «découverte» de la data visualisation pour s étendre à un passé historique, qui dépasse ma propre histoire pour recouvrir notre passé collectif ou du moins un point de vue sur ce passé. Plutôt qu un point de vue, il serait peut-être plus exact de parler d extrait. Din Bold corps 36 Nimrod regular corps 18 05

6 Extraits d un passé personnel En décembre 1999 est publié un livre intitulé Understanding USA de Richard Saul Wurman. Je prends conscience de la notion de visualisation de donnée. Je découvre un pays à travers la mise en forme graphique de chiffres, de pourcentage, de quantité. Je crois à nouveau en la puissance de l image. Din Bold corps 36 Nimrod regular corps 18 06

7 Understanding USA de Richard Saul Wurman Din Bold corps 36 Nimrod regular corps 18 07

8 Les années passent jusqu en 2006 et apparaît la vidéo de Clemens Kogler intitulée «le Grand Content». Din Bold corps 36 Nimrod regular corps 18 08

9 Sur le site de Clemens Kogler je trouve ce texte : Le Grand Content examines the omnipresent Powerpointculture in search for its philosophical potential. Intersections and diagrams are assembled to form a grand associationchain-massacre. which challenges itself to answer all questions of the universe and some more. Of course, it totally fails this assignment, but in its failure it still manages to produce some magical nuance and shades between the great topics death, cable tv, emotions and hamsters. J y apprécie la grandeur des objectifs et le réalisme face au résultat qui même si il contient une notion d échec reste valable. Vous aussi, vous avez droit à l échec. Din Bold corps 36 Nimrod regular corps 18 09

10 Et les crédits [n oubliez jamais les crédits] : The film is a co-production with Karo Szmit. Narration is by Andre Tschinder. The diagrams are inspired by the site indexed.blogspot.com [nouvelle url : created by Jessica Hagy. There is also an alternate version with music by Andre Tschinder instead of Aphex Twin. La vidéo est encore consultable en ligne si vous souhaitez la voir : Din Bold corps 36 Nimrod regular corps 18 10

11 J ai consommé régulièrement de la visualisation de données comme simple amateur, un peintre du dimanche ou un pêcheur à la ligne. 2 autres réalisations remarquables Les représentations visuelles de l évolution des six éditions de «L origine des espèces» de Charles Darwin. Dans un premier temps, les mises en formes de Stefanie Posavec édition par édition. Din Bold corps 36 Nimrod regular corps 18 11

12 Din Bold corps 36 Nimrod regular corps 18 12

13 Mais c est surtout l interprétation interactive réalisée par Ben Fry, le créateur de processing qui en propose une vision comparative plus efficace à mes yeux. Din Bold corps 36 Nimrod regular corps 18 13

14 La seconde réalisation est aussi de l image animée Et qui n est pas de la visualisation de données comme on a l habitude de la voir. C est un lien via le compte Twitter de William Gibson [@GreatDismal] qui m a permis de découvrir cette utilisation surprenante des données radar enregistrées durant le vol. La première est une «simple» visualisation du trajet du vol Flight Din Bold corps 36 Nimrod regular corps 18 14

15 Et parmi les 31 autres vidéos proposées celle-ci est certainement la plus représentative de la puissance de la visualisation de donnée qui permet ici la construction d une représentation en 3D sur base de données. Pour peu qu un événement se soit déroulé, pour peu que les données de cet événement soient enregistrées, il est maintenant possible d en créer les images dont nous avons tous besoin. Din Bold corps 36 Nimrod regular corps 18 15

16 Ce ne sont que quelques extraits d un cheminement personnel. Ces mises en images, ces problématiques de représentation (en partie commune à vos soucis grahiques) ne sont pas apparues du jour au lendemain comme vous l avez déjà vu ce matin. Histoire, temps, mémoire. Je me plonge dans les arcanes de ma mémoire et visualise une image lourde du passé de l humanité. C est le pont d un bateau, c est le pont d un bateau couvert de corps, c était dans un livre sur l histoire de la navigation, des bateaux, du commerce. Din Bold corps 36 Nimrod regular corps 18 16

17 Du commerce d esclave. Les corps sur le pont du bateau ne sont pas des plaisanciers en pleine séance de bronzage. Le plan du bateau indique comment optimiser le rangement de cette marchandise humaine. Din Bold corps 36 Nimrod regular corps 18 17

18 Déjà de la visualisation de donnée? En partie, certainement car on y voit qu une partie de l histoire. C est le chargement au départ. Combien restaient-ils de ces esclaves à l arrivée? Ce même graphique scindé en un minimum de 2 temps, départ, arrivée auraient été beaucoup plus proche de la visualisation de donnée. Din Bold corps 36 Nimrod regular corps 18 18

19 Combien de ces corps faudrait-il effacer pour s approcher de la réalité d un transport d esclave au XIX ème siècle? A défaut d une réponse précise, on peut se poser une autre question : le facteur temporel serait-il important dans la visualisation de données? Din Bold corps 36 Nimrod regular corps 18 19

20 Extraits d un passé collectif Pourquoi, alors que j ai à l esprit cette introduction à ce workshop, je remonte XXI siècle plus tôt? Au hasard d une lecture, il y a environ 2009 ans. Ovide Les métamorphoses Livre premier Les origines du Monde Un dieu, aidé du progrès de la nature, mit fin à ce conflit en séparant du ciel la terre, de la terre l eau, en dissociant de l éther fluide l air dense. Ces éléments une fois démêlés et arrachés à la confusion de la masse, il établit entre eux, en assignant à chacun sa place distincte, l harmonie et la paix. Din Bold corps 36 Nimrod regular corps 18 20

21 trier { organiser { Un dieu, aidé du progrès de la nature, mit fin à ce conflit en séparant du ciel la terre, de la terre l eau, en dissociant de l éther fluide l air dense. Ces éléments une fois démêlés et arrachés à la confusion de la masse, il établit entre eux, en assignant à chacun sa place distincte, l harmonie et la paix. Din Bold corps 36 Nimrod regular corps 18 21

22 trier { organiser { Un dieu, aidé du progrès de la nature, mit fin à ce conflit en séparant du ciel la terre, de la terre l eau, en dissociant de l éther fluide l air dense. Ces éléments une fois démêlés et arrachés à la confusion de la masse, il établit entre eux, en assignant à chacun sa place distincte, l harmonie et la paix. Trier et organiser des éléments. Créer des univers. Créer des mondes, c est bien de cela dont il s agit. Din Bold corps 36 Nimrod regular corps 18 22

23 Et le monde n est supportable que quand il est bien rangé! Le passé est en grande partie constitué de références littéraires. Classer/trier, vers 1750, L encyclopédie de Diderot Ce n est pas encore de la visualisation de donnée mais c est déjà comme son titre l indique un «système figuré». Din Bold corps 36 Nimrod regular corps 18 23

24 Din Bold corps 36 Nimrod regular corps 18 24

25 L entendement c est la faculté de comprendre. Cette faculté de comprendre se divise en 3 catégories principales : Mémoire, raison et imagination. la Mémoire est Histoire qui est Sacrée, Civile ou Naturelle. L Histoire Naturelle est Uniformité de la Nature, Ecarts de la Nature et Usage de la Nature. Les Ecarts de la Nature sont Les Prodiges Celestes, Les Météores Prodigieux, les Animaux Monstrueux, etc... Remplacez chacune des mentions par un élément graphique et vous passez du système figuré à la visualisation de donnée. Din Bold corps 36 Nimrod regular corps 18 25

26 En 1801, un certain William Playfair rédige «The Statistical Breviary» qui est reconnu comme le premier ouvrage proposant l utilisation d une tarte ou plus exactement (l appellation «pie chart» viendra bien plus tard) des cercles dont certains sont subdivisés ou superposés. Din Bold corps 36 Nimrod regular corps 18 26

27 Ces cercles sont principalement utilisés afin de représenter des données géopolitiques. L exemple le plus marquant est cette page proposant un alignement de cercle centré et dont celui représentant l empire Turc est constitué de 2 parts. Mr. Playfair annonce lui même dans cet ouvrage : making an appeal to the eye when proportion ;and magnitude are concerned, is the best and readiest method of conveying a distinct idea (William Playfair, The Statistical Breviary, T. Bensley, 1801, p. 4). Din Bold corps 36 Nimrod regular corps 18 27

28 Ingénieur, économiste, il est considéré comme l inventeur des représentations graphiques statistiques. Il formalise l utilisation de 4 type de graphique : le graphe à barre verticale, le graphe linéaire, le graphe circulaire et le graphe circulaire à secteur. C est avant tout un homme de science qui avait des soucis de représentation visuelle. Din Bold corps 36 Nimrod regular corps 18 28

29 Plus tard, en 1858, le français Charles Joseph Minard réalise une carte : Carte figurative et approximative des quantités de viande de boucherie envoyées sur pied par les départments et consommées à Paris Din Bold corps 36 Nimrod regular corps 18 29

30 Charles Joseph Minard est lui aussi ingénieur, cartographe. Sa réalisation la plus reconnue est la «Carte figurative des pertes successives en hommes de l Armée française dans la campagne de Russie en » Din Bold corps 36 Nimrod regular corps 18 30

31 Pas de cercle ici mais un autre type de représentation qui fera dire à Etienne-Jules Maray : «[ces graphiques] défient la plume de l historien dans sa brutale éloquence.» comme nous le précise wikipedia. A ces tableaux graphiques, à ces cartes figuratives Minard introduit le facteur temporel qui manquait jusqu à présent. Din Bold corps 36 Nimrod regular corps 18 31

32 Extraits d un présent (un peu étendu) Du savoir, de la consommation, de la géographie, de la guerre. Réjouissant, particulièrement réjouissant. Et les loisirs? Faites du ski! Vous ne savez pas skier, ce n est pas un problème. Une méthode visuelle facilitera votre apprentissage. Din Bold corps 36 Nimrod regular corps 18 32

33 Din Bold corps 36 Nimrod regular corps 18 33

34 Din Bold corps 36 Nimrod regular corps 18 34

35 Din Bold corps 36 Nimrod regular corps 18 35

36 Din Bold corps 36 Nimrod regular corps 18 36

37 Din Bold corps 36 Nimrod regular corps 18 37

38 De nos jours, notre instantanéité doit évidemment se nourrir de direct. Du direct et faire plus que de la représentation, des lignes de métro comme structure fixe, des départs, du dessin, des intersections, des évènements inattendus Et les informations complémentaires : Din Bold corps 36 Nimrod regular corps 18 38

39 Et si nous sommes instantanéité, nous sommes aussi média Din Bold corps 36 Nimrod regular corps 18 39

40 Et géolocalisé Et l horrible site de leurs créateurs qui annoncent associer Datavisualisation et Game Design Din Bold corps 36 Nimrod regular corps 18 40

41 Si c est interactif, c est aussi animé Sur base de données récupérées chez wikipedia : A History of the World in 100 Seconds Din Bold corps 36 Nimrod regular corps 18 41

42 The World Is Obsessed With Facebook Din Bold corps 36 Nimrod regular corps 18 42

43 Impression et animation Les tweets les plus important, les plus influant. L animation : Din Bold corps 36 Nimrod regular corps 18 43

44 L impression : Din Bold corps 36 Nimrod regular corps 18 44

45 La data visualisation comme une réponse à notre constant déficit d image? La data visualisation comme narration Din Bold corps 36 Nimrod regular corps 18 45

46 Din Bold corps 36 Nimrod regular corps 18 46

47 Tout voir, partout et tout le temps Din Bold corps 36 Nimrod regular corps 18 47

48 Et la dévisualisation de données Les cartes d Armelle Caron Berlin New-York Din Bold corps 36 Nimrod regular corps 18 48

49 Si de nos jours le monde est devenu global, si le volume de données s est démultiplié, et si la machine est apparue, l appellation «visualisation de donnée» a fatalement perdu une part de poésie dans son actuelle démultiplication. Tout ce visualise. C est cette part de poésie qu il nous est peut-être possible de retrouver dans cette mise en image de données plus grandes que nous, qui dépassent notre horizon. Din Bold corps 36 Nimrod regular corps 18 49

50 Des graphiques avec Illustrator Les sources de l exemple du workshop 2010 étaient la répartition filles/garçons selon les différents groupes de travail pour les 4 dernières années écoulées. Si les manipulations dans Illustrator étaient relativement explicites, le résultat graphique n était pas à la hauteur des réalisations des étudiants. J ai donc préféré pour cette année d utiliser un autre source plutôt que de vous donner un mauvais exemple de ce que vous pourriez réaliser. Din Bold corps 36 Nimrod regular corps 18 50

51 J ai même choisi de faire de la non information (qui n a rien à voir avec la désinformation). Zero History est le dernier livre de William Gibbson. Zero History existe en édition papier. Zero History existe en édition électronique. Zero History a été téléchargé illégalement. Et d un livre, il est possible d extraire une tonne d informations qui ne sont absolument pas informatives mais qui se prêtent facilement à la visualisation. Les occurrences des personnages. Les occurrences des «marques». Les configurations de lectures possibles. On verra bien ce que l on utilisera Din Bold corps 36 Nimrod regular corps 18 51

52 Les outils, les différents types de graphiques Oui, on peut aussi faire cela dans Excell, mais on a moins de latitude pour d éventuelle personnalisation. Après ouverture du programme, avant même la création d un nouveau document, je trouve dans la barre d outil l icône Graphe. Din Bold corps 36 Nimrod regular corps 18 52

53 L OUTIL GRAPHE PROPOSE 9 TYPES DE GRAPHIQUES DONT VOICI LES PARTICULARITÉS: L outil Graphe à barres verticales permet de créer des graphes de comparaison de valeurs à l aide de barres verticales. L outil Graphe à barres verticales empilées permet de créer des graphes semblables aux graphes à barres verticales, mais avec des colonnes empilées et non placées côte à côte. Il permet de montrer le rapport des parties au tout. L outil Graphe à barres horizontales permet de créer des graphes semblables aux graphes à barres verticales, mais avec des barres horizontales et non verticales. Din Bold corps 36 Nimrod regular corps 18 53

54 L outil Graphe à barres horizontales empilées permet de créer des graphes semblables aux graphes à barres verticales empilées, mais avec des barres empilées horizontalement et non verticalement. L outil Graphe linéaire permet de créer des graphes utilisant des points pour représenter un ou plusieurs ensembles de valeurs, avec une ligne joignant les points de chaque ensemble. Il fait apparaître l évolution d un ou plusieurs éléments sur une période donnée. L outil Graphe à couches permet de créer des graphes semblables aux graphes linéaires, mais en mettant l accent sur les totaux comme sur les modifications de valeurs. Din Bold corps 36 Nimrod regular corps 18 54

55 L outil Graphe à nuages de points permet de créer des graphes représentant des points de données ; les coordonnées des points sur l axe des abscisses et des ordonnées permettent d identifier les paires de valeurs. Il est utilisé pour représenter des schémas ou des tendances et permet de déterminer si des variables ont une incidence les unes sur les autres. L outil Graphe sectoriel permet de créer des graphes circulaires dont les secteurs représentent les pourcentages relatifs des valeurs comparées. L outil Graphe Radar permet de créer des graphes comparant des ensembles de valeurs à différents moments ou dans différentes catégories sous un format circulaire. Ce type de graphe est également appelé graphe en toile d araignée. Din Bold corps 36 Nimrod regular corps 18 55

56 Chacun de ces types de graphe correspond donc à différent type de donnée, à différent type de représentation, comparaison de valeur, évolution temporelle, relation et influence entre les éléments. Nous nous focaliserons essentiellement sur les barres verticales et le graphe sectoriel pour cette petite prise en main. Ta première ressource pour compléter cette rapide démonstration sera évidemment l aide en ligne du programme dans sa version française accessible depuis cette url : Din Bold corps 36 Nimrod regular corps 18 56

57 ESSAYONS DE COMPRENDRE COMMENT CELA FONCTIONNE Je crée un nouveau document de 1280 x 720 pixels en RGB. J imagine ce document uniquement destiné à un affichage écran. Lors de vos réalisations, n hésitez pas à passer à l A3 en CMYK si vous imaginez plus votre visualisation de donnée comme un poster ou un document à imprimer. Et je sélectionne l outil graphe sectoriel (pie graph tool) et trace un rectangle au centre de mon document. J aurai pu aussi simplement, comme le permet la majorité des outils d Adobe Illustrator, double cliquer dans mon document pour faire apparaître une fenêtre de paramètres et y insérer la longueur et hauteur que je souhaite donner à mon graphique. Din Bold corps 36 Nimrod regular corps 18 57

58 Immédiatement ceci apparaît sur mon écran: Un grand cercle noir et un tableur contenant une donnée. Je déplace le tableur afin de visualiser l ensemble de mon cercle. Que se passe-t-il lorsque je modifie la valeur unique du tableur? J ai beau augmenter cette valeur ou la diminuer, rien ne change. Din Bold corps 36 Nimrod regular corps 18 58

59 J insère le chiffre 2 dans la première case à droite et fait enter. Magique, j ai bien 2 parts de tarte dont la seconde et le double de la première. Din Bold corps 36 Nimrod regular corps 18 59

60 J ajoute un 5 sur la droite. Au fur et à mesure que j ajoute des données horizontalement, mon nombre de part de tarte augmente. Din Bold corps 36 Nimrod regular corps 18 60

61 Si je clique maintenant sur l icône Transposer rangée/colonnes : Mes données horizontales se placent verticalement et j obtiens 3 cercles proportionnels espacés régulièrement. Din Bold corps 36 Nimrod regular corps 18 61

62 Et si j ajoute des valeurs sur la droite, chacune de mes tartes se subdivisent en autant de part qu indiqué. Non seulement mes parts de tartes se sont subdivisées mais aussi mes tartes se sont agrandies proportionnellement à leurs nouvelles valeurs. Din Bold corps 36 Nimrod regular corps 18 62

63 Il est évidemment possible d importer directement des données en cliquant sur l icône. Il est aussi possible de copier/coller les données directement dans le tableur et l import doit se faire à partit d un fichier texte. MES PREMIÈRES CONCLUSIONS Les données horizontales subdivisent ma tarte. Les données verticales ajoutent des tartes. Din Bold corps 36 Nimrod regular corps 18 63

64 Et si je souhaite faire apparaître quelques infos relatives à ces morceaux de tarte? Je commence par remplacer les valeurs utilisées aléatoirement. Les remplacer par quoi? Les nombres d occurrences de personnages dans Zero History, Hollis Henry par exemple. Nom et prénom Hollis Henry: 18 Nom Henry: 35 Prénom Hollis: 537 Din Bold corps 36 Nimrod regular corps 18 64

65 Je déplace mes données pour avoir une colonne de libre à gauche et une rangée vide en haut. Din Bold corps 36 Nimrod regular corps 18 65

66 Et j insère avec des guillemets «Hollis Henry» qui s affiche automatiquement après un «enter». Din Bold corps 36 Nimrod regular corps 18 66

67 Ajoutons d autres personnages. Un petit soucis de chevauchement de légendes, mais on ne s en occupe pas pour l instant. Din Bold corps 36 Nimrod regular corps 18 67

68 Et si je veux préciser à quoi correspondent les teintes de noir, j ajoute dans la première ligne Nom Prénom, Nom, Prénom. Din Bold corps 36 Nimrod regular corps 18 68

69 Pour les couleurs, c est comme pour n importe quel couleur dans Adobe Illustrator. Pour les objets, si je désire réorganiser mon graphe, c est comme n importe quel objet dans Adobe Illustrator. les intitulés verticaux viennent se positionner sous mes tartes et les intitulés horizontaux servent de légende. Din Bold corps 36 Nimrod regular corps 18 69

70 Si je «ctrl clic» sur mon graphe avec l outil de sélection, ce petit menu apparaît : Il propose comme options spécifiques au graphe son type, ses données (nous venons des les voir) et son design. Je sélectionne Type Din Bold corps 36 Nimrod regular corps 18 70

71 Je désactive la case à cocher Add Legend Across Top (mais qui n est peut-être pas activée par défaut) et les légendes viennent se placer verticalement sur la droite du graphe. Et si je sélectionne dans le menu déroulant sur la droite de Legend, l option Legend in Wedges pour afficher mes intitulés à l intérieur des tartes, intitulés dont j aurais alors à modifier la couleur pour qu ils restent lisibles. Mais en fait, je ne change pas cette option car je préfère avoir mes légendes sur la droite des tartes. Din Bold corps 36 Nimrod regular corps 18 71

72 Mon premier graphe ressemble à ceci : Comme avec After Effect, tu reste libre de tester les différentes options qui n ont pas été abordée ici et d en tirer toi même tes propres conclusions. Din Bold corps 36 Nimrod regular corps 18 72

73 L aspect visuel du graphe peut être modifié à tout moment. Je «ctrl clique» le graphe et sélectionne Type. Voici les résultats obtenus pour chacun des types de graphe sans modifier les options par défaut : Graphe à barres verticales Graphe à barres verticales empilées Din Bold corps 36 Nimrod regular corps 18 73

74 Graphe à barres horizontales Graphe à barres horizontales empilées Graphe linéaire Graphe à couches Din Bold corps 36 Nimrod regular corps 18 74

75 Graphe à nuages de points Graphe Radar Que faire en suite? Des configurations de lecture auxquels j avais pensé, il doit être possible d illustrer les proportions de chacun de chapitre du livre en orientation portrait et paysage. Din Bold corps 36 Nimrod regular corps 18 75

76 Je commence par un graphe sectoriel. J introduis dans le tableur le nombre de page de chaque chapitre pour la version portrait et pour la version paysage. J ajoute mes légendes. Din Bold corps 36 Nimrod regular corps 18 76

77 Je remplace la typo par défaut par de l Univers 65 bold et place mes intitulés près des graphes. La «tarte» de droite a un volume plus important que celle de gauche, c est normal. La version paysage affiche un plus grand nombre de page. Si on visualise bien une différence de volume général, les écarts entres le nombres de page de chaque chapitre est lui moins visible. Din Bold corps 36 Nimrod regular corps 18 77

78 Et si dans la fenêtre Data, je fais basculer mes axes. J ai maintenant une vague notion de proportion entre chaque chapitre et entre les 2 orientations (qui sont relativement similaires). Din Bold corps 36 Nimrod regular corps 18 78

79 Combiner les 2 graphes me donnera peut-être une meilleure idée générale de notre volonté d illustration. Din Bold corps 36 Nimrod regular corps 18 79

80 J ajoute les titres des chapitres sur la droite, sur deux colonnes. Din Bold corps 36 Nimrod regular corps 18 80

81 Je pourrais modifier les couleurs de chacun des chapitres, avec des différences de teintes pour les orientations. Mais je ne suis pas assez convaincu par le résultat général, peut-être devrais-je changer de type de graphe? Fatal, mes modifications de mise en forme m ont fait perdre mes options d édition. J ouvre une version antérieure (de l intérêt de sauvegarder des versions intermédiaires) et modifie le type de graphe. Din Bold corps 36 Nimrod regular corps 18 81

82 Je m approche de quelque chose de plus satisfaisant, je fais basculer les axes dans le tableur pour juxtaposer les valeurs orientations portrait et paysage. Din Bold corps 36 Nimrod regular corps 18 82

83 J intègre ce nouveau graphique à ma composition précédente. Din Bold corps 36 Nimrod regular corps 18 83

84 Et décide de remplacer les mentions Portrait et Paysage par un visuel Ipad. Din Bold corps 36 Nimrod regular corps 18 84

85 Quelques ajustements, alignements seraient encore nécessaire pour un résultat plus graphique, on verra plus tard Je préfère faire autre chose. UN PETIT PEU DE PERSONNALISATION Si l outil graphe permet déjà pas mal de chose, il comporte bien des aspects frustrants tels la gestion des légendes, la gestion des couleurs. La seule option qui compense ces manques est peut être la possibilité d utiliser les éléments graphiques personnalisés. Din Bold corps 36 Nimrod regular corps 18 85

86 Testons cela avec les occurrences de marques, de services, de vocabulaires courant dans Zero History. Des mots comme Twitter, Tweet, TweetDeck, Facebook, Iphone, Macbook, Graphe à colonne verticale, j insère mes valeurs et mes légendes. Din Bold corps 36 Nimrod regular corps 18 86

87 Je trouve un logo vectorisé de mon ami twitter. Je ne peux personnaliser les aspects graphiques de mes colonnes qu avec des éléments vectorisés. Je sélectionne cet élément et depuis le menu supérieur Object > Graph > Design Din Bold corps 36 Nimrod regular corps 18 87

88 Cette fenêtre apparaît. Je clique simplement sur New Design, puis sur Rename. Din Bold corps 36 Nimrod regular corps 18 88

89 Je sélectionne maintenant ma colonne Twitter et depuis le menu supérieur Object > Graph > Column Je sélectionne mon design. Dans le menu déroulant «Column Type», je sélectionne «Repeating» (vous aurez l occasion de tester les autres options) et décide que mon «design» représentera une unité. Din Bold corps 36 Nimrod regular corps 18 89

90 Ce qui donne : Din Bold corps 36 Nimrod regular corps 18 90

91 Et si j attribue 5 unités à mon «design», voici le résultat. La taille du dernier élément est réduite pour signifier sa moindre valeur. Finalement le petit oiseau correspond plus à un tweet qu au logo de Twitter. Je remplace donc l élément par un autre logo. Din Bold corps 36 Nimrod regular corps 18 91

92 Je répète ces opérations pour chacune des colonnes auxquelles j attribue un élément graphique personnalisé. Din Bold corps 36 Nimrod regular corps 18 92

93 J ai tellement d Iphones que l ensemble de mon graphe sera illisible. Des Iphones, il y en a 55. Ce qui pourrait être représenté par 11 lignes de 5 Iphones. Din Bold corps 36 Nimrod regular corps 18 93

94 Je modifie alors mon «Graph Design». Din Bold corps 36 Nimrod regular corps 18 94

95 Je modifie après ma valeur dans mon tableur. Din Bold corps 36 Nimrod regular corps 18 95

96 Et remplace les légendes par des valeurs. Din Bold corps 36 Nimrod regular corps 18 96

97 Je supprime les axes et répète les logos comme légendes. Et voilà. Din Bold corps 36 Nimrod regular corps 18 97

98 Pour l instant, j ai des occurrences de personnages, des proportions de chapitres et des occurrences de marques. Je pourrais encore tenter de visualiser les 132 configurations de lecture possible d un ebook sur un ipad. Une édition papier de 416 pages et un ebook (pour l ipad) 2 orientations, 6 polices de caractère, Baskerville, Cochin, Georgia, Palatino, Times New Roman, Verdana 11 corps. Din Bold corps 36 Nimrod regular corps 18 98

99 Cela pourrait être le nombre de page selon un corps pour chaque police et par orientation. Din Bold corps 36 Nimrod regular corps 18 99

100 Cela pourrait être le nombre de page pour chaque corps par police et par orientation. 2 corps différents dans 2 graphes différents, on perd la valeur comparative, vu que les deux graphes ont la même hauteur Din Bold corps 36 Nimrod regular corps

101 Il me suffit de rassembler les données dans le même tableur. Din Bold corps 36 Nimrod regular corps

102 Et d ajouter les nombres de pages des 9 autres corps pour obtenir : Din Bold corps 36 Nimrod regular corps

103 Cela pourrait être le nombre de page par corps, par orientation et par police en rapport avec l édition papier. Pour le corps 1, la différence entre le nombre de page de l édition papier et ebook en orientation portrait. Din Bold corps 36 Nimrod regular corps

104 Et avec les valeurs de l orientation paysage. Din Bold corps 36 Nimrod regular corps

105 Et avec toutes les valeurs en portrait et paysage pour le Baskerville. Et avec une second typo Plus très lisible. Din Bold corps 36 Nimrod regular corps

106 Je préfère finalement une simple comparaison portrait/paysage avec légendes. Din Bold corps 36 Nimrod regular corps

107 Légendes que je modifie en précisant le nombre de page pour chaque édition/orientation et le nom de la police de caractère. J ai pour l instant au moins une comparaison visuellement possible Din Bold corps 36 Nimrod regular corps

108 Je duplique mon graphe et modifie les valeurs avec le nombre de page du plus grand corps de caractère. Din Bold corps 36 Nimrod regular corps

109 Si je conserve un type de comparaison, je n ai pas réussi à visualiser la différence entre le nombre de page entre les 2 corps. J édite alors mon graphe pour qu il me génère 4 tartes qui seront alors proportionnelles. Je dégroupe l ensemble (qui n est plus éditable) et réaménage mes légendes pour obtenir : Din Bold corps 36 Nimrod regular corps