Visualisation des données : personnaliser des graphiques pour plus d'esthétique et d'impact

1. Introduction: Quand je vois un jeu de données, je vois un mystère dans lequel je peux trouver les idées, puis en parler aux gens et enseigner aux gens. Salut, je m'appelle Nadieh Bremer, et je suis un concepteur de visualisation de données indépendant. Aujourd'hui, dans ce cours, je vais vous apprendre à créer visualisations de données plus efficaces et plus belles en prenant votre visualisation de données au-delà de la valeur par défaut. Je suis pigiste, et j'ai travaillé pour un groupe très diversifié d'avions de Mad Google News Lab, The Guardian, Johnson and Johnson. Je crée aussi beaucoup de projets personnels sur des sujets qui m'ont vraiment fasciné, tout ce que l'astronomie, Seigneur des Anneaux ou Dragon Ballsy même. Mais j'aime aussi parler de la visualisation des données et susciter l'enthousiasme des gens sur ce que vous pouvez y faire. Donc, pendant ce cours, je vais vous faire découvrir les différentes façons dont vous pouvez aller au-delà la valeur par défaut lorsque vous créez vos propres visualisations de données. Cela pourrait être de combiner différents graphiques, réutiliser un graphique de différentes manières, mieux regarder la conception du graphique, et enfin de le pirater dans des choses complètement différentes. Donc, je pense que ce cours est en fait utile pour un groupe de personnes très différent. Je pense qu'il est utile pour les analystes de données de faire meilleurs graphiques pour expliquer ce qu'ils ont réellement trouvé qu'une donnée, pour les concepteurs frontaux de créer meilleures visualisations pour les sites Web des données du client, où aussi graphique pour être plus attentifs à ce qu'ils essaient de transmettre et ne pas simplement transformer tout en un graphique linéaire ou un graphique de récompenses. Donc, ce que j'espère que vous allez enlever de cette classe, c'est que vous avez tout un arsenal de choses différentes que vous pouvez essayer, et que ce n'est pas très difficile, vous pouvez juste penser aux quatre étapes. Essayez de les appliquer et puis voyez lequel fonctionne le mieux. Donc, après avoir suivi ce cours, j'aimerais vraiment voir votre visualisation de données, alors s'il vous plaît partagez-les dans la galerie de projets. Alors, excité de vous montrer de quoi je parlais alors commençons. 2. Au-delà des visualisations de données par défaut: Dans son essence, la visualisation des données rend les données visuelles. Donc, avoir des nombres, ou avoir des chaînes comme des noms de pays, et convertir cela en éléments visuels. Quelque chose comme des cercles, du texte, des formes, des largeurs ou des hauteurs. Tous les types de ces aspects visuels qui peuvent être convertis en données d'une manière ou d'une autre. Ainsi, la visualisation des données codent les données en éléments visuels. Il peut s'agir de nombres, ou de chaînes comme des noms de pays, puis vous le transformez en éléments visuels. Il peut s'agir de formes et de largeurs, de coloristes, d'opacités, de mouvements, de textes, toutes ces choses de manière à révéler des idées à de simples humains qui peuvent alors comprendre ce que les données ont à dire. Je veux dire, juste ouvrir n'importe quelle application comme une application de fitness sur votre téléphone, et vous verrez toutes sortes de petites données visualisations sur le nombre de calories que vous avez brûlées, le nombre d'étages que vous avez parcourus, mais aussi avec les applications bancaires de nos jours, vous pouvez voir combien d'argent vous avez encore, combien d'argent vous devez encore. Vous regardez ces choses pour obtenir de l'information, et ne les regardez pas comme  : « Oh, c'est une visualisation de données », alors c'est de plus en plus subtil de nos jours. Donc, il y a deux types de visualisations de données que je trouve les plus incroyables. D' une part, ce sont les visualisations qui savent visualiser à la fois l'ensemble et les détails à la fois d'une manière intuitive, et aussi belle, ce qui est un endroit très difficile à atteindre, mais il y a ceux qui l'atteignent. D' un autre côté, ce sont les visualisations qui ont vraiment atteint leur objectif. Supposons que vous ayez une visualisation qui tente de convaincre les gens d'une certaine cause, signer une pétition, ou de faire quelque chose et d'atteindre cela. Améliorer le- ou augmenter les connaissances des gens de sorte qu'en fait peut-être des changements gouvernementaux sont apportés. Ces deux-là sont les plus étonnants que je pense. conséquent, les graphiques par défaut sont parfaits pour passer à travers des informations très simples. Les graphiques à barres, les graphiques en courbes, mais si vous voulez effectuer une visualisation de données importante, ou transmettre ce point à votre manager, ou à votre audience, vous voulez aller au-delà des valeurs par défaut et être guidé par les données et les objectifs. Vous pouvez utiliser la valeur par défaut comme base, mais vous devez ensuite la transformer pour prendre en compte différence entre vos données et toutes les autres données dans le monde. C' est pourquoi il est super important de faire ce pas, de s'asseoir, y réfléchir, et d'essayer différentes techniques que je vais vous dire. Une façon d'aller au-delà de cette valeur par défaut, pour créer des graphiques plus efficaces, je vais expliquer quatre techniques différentes que vous avez utilisées J'ai beaucoup utilisé lorsque je crée mes visualisations. Donc, l'un d'eux est de combiner différents graphiques pour créer quelque chose de complètement nouveau. L' autre réutilise un graphique d'une manière différente, donc regarder les éléments dans un sens plus abstrait et nous l'utilisons pour différentes idées. Ensuite, nous l'avons conçu parce qu'il ne s'agit pas seulement des données, mais aussi des couleurs, de la mise en page, ces choses et de la façon dont cela peut affecter le graphique. Enfin, si vous voulez opter pour quelque chose de complètement différent, comment vous pouvez pirater le graphique de quelqu'un d'autre, ou le code de quelqu'un dans quelque chose de complètement différent. Ensuite, je vais vous expliquer comment vous pouvez combiner différents graphiques pour créer quelque chose qui a une toute nouvelle signification. 3. Méthode 1 : combiner des graphiques: Donc, pour moi, il y a une raison pour laquelle je veux commencer par le combiner, c' est quand j'ai des données qui ont beaucoup de variables différentes. Donc, je dois utiliser beaucoup de canaux visuels différents pour réellement révéler ces variables. En combinant différents graphiques, vous avez en fait plus de ces variables disponibles. Donc, le nuage de points pourrait devenir avec la taille du cercle ou le graphique à barres, vous pourriez faire quelque chose de fou avec les hauteurs. Peut-être que ce serait quelque chose, et vous finissez avec presque quelque chose qui est similaire à un TreeMap. Donc, il s'agit de, si vous avez plus de deux variables, cinq, six ou sept, alors, combinaison de ces graphiques vous donne de plus en plus. Je ne suis pas en fait rendre toutes ces variables visibles. Alors, laissez-moi vous montrer ce que je veux dire par là. Donc, la première idée est relativement simple. Est vraiment combinant différents graphiques plus normaux ensemble pour créer quelque chose qui est réellement nouveau ou l'utiliser d'une manière légèrement différente. Donc, l'idée la plus évidente de combiner différents graphiques est vraiment de choisir les éléments de base de graphiques séparés, puis les assembler pour créer quelque chose de nouveau, ou même mieux. Un exemple simple est celui des nuages de points connectés, où vous pensez regarder un graphique chronologique. Je vous en montre un du New York Times, à propos de la conduite. Il ressemble à un petit graphique en ligne qui bouge, et c'est une façon vraiment bizarre, mais c'est en fait un nuage de points, où tous les points sur l'horizontale, nous avons des décès automobiles pour mille personnes. La verticale et la façon horizontale d'un véhicule milles parcourus par habitant. Chaque cercle ici est une année spécifique, donc les valeurs pour ces deux axes, une année spécifique. Parce qu'ils sont chronologiques, vous pouvez réellement les connecter par une ligne. Donc, plus d'inspiration à partir d'un graphique linéaire. Ensuite, nous pouvons mieux voir les tendances qui se passent vraiment. Ça va de haut en bas, et soudain il y a une forte augmentation des auto-décès. Ensuite, il y a ces annotations qui expliquent ce qui se passe vraiment. Ce graphique est peut-être même devenu si populaire, ou plus populaire qui devient sa propre chose comme un nuage de points connecté, mais c'est ainsi que les nouveaux graphiques commencent vraiment comme remixes d'autres graphiques. Un autre exemple peut être quelque chose qui s'appelle un graphique Beeswarm, qui est vraiment une combinaison d'un histogramme et d'un graphique réseau. Donc, chacun de ces cercles ici est une chanson, c'est en fait 2 000 meilleures chansons jamais, et ils sont regroupés pour s'asseoir à l'année de sortie. L' idée est que sur l'échelle horizontale, ils sont assis aussi près de l'année où ils ont été libérés, mais il n'y a rien qui guide vraiment l'échelle verticale. Ils sont juste regroupés le long de ces idées. Ainsi, il combine cette pensée d'un histogramme avec la pensée du clustering et de la mise en réseau pour créer cette nouvelle forme unique. Voici un autre exemple qui combine vraiment deux graphiques différents. Nous avons ces cercles ici à l'extérieur qui est quelque chose appelé emballage de cercle. Les idées sont, cela est basé sur les professions et vous avez des hiérarchies de professions. Donc, ici, nous avons toutes les professions. Dans ce cadre, nous avons des professionnels de la gestion et des professions connexes et, dans ce cadre, nous pouvons créer des groupes encore plus petits. Finalement, chacun des cercles blancs représente combien de personnes ont réellement cette profession, mais pour créer encore plus de contextes, j'ai ajouté des graphiques à barres dans chacun de ces cercles pour donner une idée de ce que l'âge la division est vraiment hors des gens dans ces professions, pour voir si elle est surtout plus âgée ou peut-être plus jeune, ou s'il y a une différence entre les deux. Donc, c'est vraiment pousser des graphiques à barres dans l'emballage de cercle. Donc, une autre technique est en fait de combiner des graphiques dans une version plus en couches d'oignon. Donc, vous avez beaucoup de graphiques et ils ont tous une chose qui est en commun. Habituellement, c'est le moment, ça n'a pas à l'être, je vais vous montrer un exemple qui ne l'est pas. Donc, ils ont le temps en commun, puis vous voyez différentes couches et vous pouvez les combiner à travers le rayon, puis donner beaucoup plus de contexte au lieu de simplement montrer un graphique. Ici, nous avons une version anonymisée d'une visualisation que j'ai faite autrefois pour le client, où nous avons cette structure d'oignon. Donc, nous avons ces graphiques à barres au centre, puis quelque chose à l'extérieur avec des couleurs, et a eu à voir avec plus de satisfaction client. L' axe, ici, nous avons de nouveaux clients qui arrivent et enfin, il y a ces différents types de choses marketing qui se passent. Donc, il y a vraiment cette couche d'oignon, et en combinant ces choses, on peut voir, eh bien on est là. Quand il y a eu plus de plaintes, satisfaction de la clientèle a-t-elle baissé ? Ou avons-nous eu un tas de nouveaux clients à cause de certaines techniques de marketing ici ? Donc, vous pouvez avoir beaucoup plus de variables dans votre visualisation, mais aussi la combinaison de toutes ces choses le rend juste plus visuellement intéressant et attrayant et attire les gens. Voici un autre exemple de cette idée d'oignon, où j'ai pris le nombre d'accidents de la circulation qui se sont produits aux Pays-Bas. Je voulais savoir si c'était en corrélation avec les raisons pour lesquelles il pourrait y avoir plus ou moins d'accidents de la circulation. Donc ici, nous avons les accidents de la circulation dans cette couche, c'est la ligne rouge et à l'intérieur, j'ai tracé la quantité de précipitations dans un endroit très central des Pays-Bas pour voir si peut-être il y a beaucoup de pluie, il il y a beaucoup d'accidents de la circulation ou, s'il y a moins de lumière du jour, nous ne voyons pas aussi, il y aurait donc plus d'accidents dans ce domaine ou dans cette période de l'année. Même en regardant les jours de neige. Est-ce une raison pour laquelle vous auriez plus d'accidents de la route ? Encore une fois, en superposant ces choses pour que les gens puissent voir, les tendances ou les tendances émergent sur les raisons pour lesquelles les accidents de la circulation pourraient être plus ou moins souvent survenues. Mais vous n'avez pas toujours à chronométrer comme variable qui relie tous les graphiques ensemble. Vous pouvez simplement avoir des couches d'oignon comme des couches d'oignon. Par exemple, voici une visualisation que je construis pour les 50 différents chapitres que les ravisseurs de cartes se produisent qui est un manga japonais a et comment ceux-ci sont connectés. Donc, nous avons une bague intérieure des personnages principaux. Ensuite, il y a ces lignes qui sont reliées à une bague extérieure, qui représente les 50 chapitres. En survolant cela, nous pouvons voir dans quel chapitre chaque personnage a réellement participé. À l'extérieur, nous pouvons voir d'autres choses telles que les couleurs qui figuraient sur la couverture de chaque chapitre ou les personnes qui étaient réellement dans ce chapitre. Donc, c'est ici une connexion entre les personnages qui combine les choses ensemble et pas nécessairement le temps. Le concept final avec la combinaison est plus à la périphérie. Il s'agit plus des éléments d'interface utilisateur d'un graphique que vous pouvez implémenter dans un autre graphique. Par exemple, dans leur visualisation, vous avez parfois plus de données que ne correspond vraiment à l'écran, et la technique habituelle que vous pouvez utiliser pour cela est de se concentrer dans technique contextuelle où vous avez toutes vos données, et ici, nous regardons les noms de bébé et leur popularité avec le nom de bébé le plus populaire au sommet, puis le numéro 10 ici, puis à travers les différentes années. Ainsi, par exemple, en 2004, Emily était le nom de fille américaine le plus populaire pour un nouveau bébé. Mais nous avons des données depuis 1808, mais c'est trop à mettre dans cet écran. Donc, nous avons ce mini-graphique qui montre toutes les données à partir desquelles nous pouvons sélectionner une fenêtre qui montre une plus petite partie de ces données dans le plus grand graphique ici. Nous donnons à l'utilisateur une liberté totale de sélectionner réellement ce qu'il veut voir. Alors que cette technique de cette fenêtre a commencé pour les graphiques en courbes, mais je pensais bien, ne serait-ce pas vraiment utile pour les graphiques à barres aussi ? Parfois, vous avez beaucoup de barres, mais vous ne voulez pas montrer le top 10 ou le bas 10, vous voulez être en mesure de montrer tout. Donc, après quelques programmes et quelques maux de tête ici et là, j'ai réussi à créer cette version où vous avez un graphique à barres brossable. Brushable est un terme technique pour cette fenêtre sélectionnable. Maintenant, nous pouvons déplacer cela vers le bas et avoir la même idée et voir plus ou moins de graphiques. Donc, c'est l'idée de la façon dont un graphique est utilisé pour le rendre efficace et l'appliquer à un graphique complètement différent. Une autre version utilise en fait Voronoi qui est une chose fascinante en soi, une technique mathématique mais qui peut aider à créer une meilleure interactivité. Nous utilisons un Voronoi pour diviser vos données ou la zone entourant vos données en cellules, et lorsqu'une personne qui survole ces cellules, croise de l'une à l'autre, de sorte qu'elle se rapproche d'un point de données que l'autre point de données, vous allez avoir une chaîne d'info-bulles entre les deux. Donc, vous voyez ces cercles bleus ici et ces lignes bleues, et que vous ne le verrez normalement pas, mais vous ne verrez que l'info-bulle se produire. Mais cette idée de ce Voronoi, cet algorithme, est quelque chose qui n'est pas appliqué pour améliorer la carte. Donc, savoir quels graphiques ils sont en fait que vous pouvez combiner, commence par savoir où regarder et l'endroit que je trouve vraiment utile est appelé thedataviscatalogue.com, qui est en fait dataviscatalogue.com. Où vous pouvez voir tous ces graphiques, et vous pouvez les voir, sélectionnez-en un et obtenez plus d'informations sur ce qu'ils sont réellement, et sur la façon dont vous pouvez les lire. Bien sûr, ce ne sont pas toutes les visualisations dans le monde parce que c'est une pratique de conception, certaines personnes peuvent être très créatives, mais il a beaucoup de visualisations que vous pouvez utiliser pour commencer avec votre première combinaison de données visualisations. Donc, si vous commencez tout juste à combiner différents graphiques, il y a des moyens simples qui sont déjà en cours. Par exemple, si nous avons un nuage de points, où nous avons les points, puis les deux axes différents, où vous pouvez ensuite utiliser l'idée d'un graphique à bulles où vous avez bulles de taille différente et faire tous les cercles de nuage de points taille différente, vous ajoutez un nouveau Voronoi. Cela peut être aussi simple que ça. Ou si vous avez un graphique à barres, et que vous dites que vous avez des sexes différents. Vous avez des femmes contre des hommes. Au lieu de les faire tous les deux au-dessous de l'autre, peut-être que vous pouvez le faire ressembler à un graphique de tornade comme on les appelle, ou pyramide de population. Je suppose que le dimensionnement des cercles est souvent le moyen le plus simple de commencer. Au lieu d'avoir tous les cercles de la même taille, utilisez le canal visuel que vous pouvez encore dimensionner les cercles pour ajouter une nouvelle variable qui peut donner plus de contexte aux lecteurs sur ce qu'ils voient réellement. Donc, si vous êtes un débutant avec la visualisation des données et allant au-delà de cette valeur par défaut, deux sont vraiment une bonne façon de commencer, mais il n'a pas besoin d'être deux. Cela peut être trois ou quatre ou plus. Par exemple, ici, j'ai ces trois graphiques différents. J' ai un bundling de bords hiérachiques, c'est très difficile à prononcer, où nous avons ces lignes et connexions. Nous avons un graphique à bulles avec l'idée de cercles de taille. Enfin, il y a un tableau de beignet. Ainsi, un cercle tranché en différentes sections. Si nous combinons ensuite cela et que nous voulons en faire un nouveau graphique, nous pouvons en finir avec cela. Donc, ce graphique, où j'ai les lignes intérieures, les cercles de taille à l'extérieur pour donner une idée de la fréquence à laquelle ces lignes sont effectivement utilisées, puis ce beignet coupe des groupes du même élément. Donc, en combinant trois graphiques différents pour créer quelque chose de nouveau. Donc, maintenant, nous avons fini de le combiner et de passer à l'étape suivante, en réutilisant les graphiques. 4. Méthode 2 : réutiliser des graphiques: Alors maintenant, nous allons réutiliser un graphique. C' est encore une fois ce que je dis. Il réutilise un graphique d'une manière non typique. Donc, nous utilisons les éléments de base des RH pour faire autre chose. À titre d'exemple, nous avons des graphiques en beignet, mais si vous êtes capable de changer la largeur de chaque tranche de beignet, vous pouvez réellement le transformer en un graphique à barres radiales. Par exemple, dans cette animation, j'ai créé une fois pour une présentation. Nous commençons par un graphique en beignet, ensuite, nous ajustons l'épaisseur de chaque tranche, et nous nous retrouvons avec un graphique à barres radiales. Donc, voici un autre exemple de réutilisation même le graphique de beignet pour différentes choses. Voici une visualisation que j'ai faite de tous les 5 000 médaillés d'or depuis les tout premiers Jeux olympiques de 1896. Il y a beaucoup de données, mais c'était mon objectif. Je voulais prendre ces 5 000 points de données et les visualiser d'une manière qui inviterait les gens à enquêter sur ce qui se passe dans l'histoire des Jeux Olympiques. Mais ce qui se passe vraiment ici, c'est qu'il y a beaucoup de graphiques à barres tournées et empilées , mais je les ai fait en utilisant des graphiques en beignet. Donc, chacune de ces tranches ici est un peu comme une partie d'un graphique en beignet. Mais, parce qu'ils sont en quelque sorte tournés et qu'ils ne font pas le cercle complet, ils sont plus similaires au graphique à barres de pile, donc je réutilise un graphique en beignet pour créer un tel graphique à barres de pile. Cela ne doit pas vraiment être très complexe, vous pouvez faire ces choses dans n'importe quel outil qui vous permet faire la base de données et pas seulement les outils que j'utilise. Il y a beaucoup de blocs sur les personnes qui prennent graphiques disponibles à partir de leurs propres outils qu'ils utilisent, cela pourrait être excellent , ou tableau, ou autre chose, et comment ils ont transformé cela en quelque chose en réutilisant un graphique de manière différente. Une ressource qui m'aide vraiment à aller mieux à la réutilisation des différents graphiques est Pinterest. Cela m'aide vraiment dans la phase de conception. Donc, moi et moi avons ces cartes Pinterest ici, base de données très particulières cartes Pinterest : Data art, Beautiful, Radial Clear and Simple, Geospatial, Vintage. Dans chacun d'entre eux, je recueille les choses que j'ai vues dans chacun de ces sujets différents, et je passe par ceux-ci, puis je pense aux données qu'ils ont, à la chose que je veux faire, et puis le genre d'essayer de comprendre lequel des genre de clic avec ce que je veux faire, et parce qu'il pourrait y avoir différentes choses. D' une part, ça pourrait être une charge comme ça, ce tableau de bosses ici, et je pourrais sauver ça. Mais je suis aussi inspiré par ce genre de diagramme plus de cour comme graphique. Je peux les sauver tous les deux. Parce qu'ils les voient tous les deux en même temps, je pense, « Eh bien, c'est intéressant », ou l'inspiration de l'un pourrait m'aider à réutiliser l'autre graphique de manière différente. C' est une sorte de collection de ce que les autres ont fait qui m'aide vraiment aussi. Vous n'avez pas à réinventer la roue vous-même chaque fois que vous créez une visualisation. Utilisez ce que les autres ont utilisé, refaites ce qu'il y a là-bas. Donc, la réutilisation est peut-être un peu plus avancée que la combinaison. Parce qu'avec la réutilisation, vous devez être en mesure de regarder éléments d'un graphique et de les voir plus dans le sens abstrait. Les différentes pièces qu'ils sont au lieu de la façon dont ils sont toujours utilisés. Pour moi, c'est venu un peu naturellement. Parce que j'esquisse toujours mes dessins en premier. Donc, je ne suis pas guidé par les options de l'outil que j'utilise, je suis guidé par ce que j'ai dans ma tête et comment je le veux sur le papier. Donc, si je crée ensuite quelque chose qui est un graphique à barres radiales et dois comprendre comment je vais réellement créer un graphique à barres radiales, qui ensuite une sorte d'ingénierie inverse, je pense, « Eh bien, peut-être que je peux utiliser un graphique en beignet et puis transformer cela en un graphique à barres radiales. » Donc, c'est plus que - une fois que vous êtes plus à l'aise créer des dessins sur papier qui ne sont pas si typiques, alors vous devenez vraiment doué à utiliser vos graphiques disponibles pour créer réellement ce que vous avez en tête et mettre sur papier. Parce que vous ce point à l'horizon pour réellement viser. Donc, même si la réutilisation est un peu plus avancée, je veux dire que c'est plus conceptuellement plus avancé. C' est conceptuellement un peu plus difficile trouver, mais c'est nécessairement. Je ne parle pas de programmation. Vous pouvez réutiliser avec n'importe quel outil, Excel, ou R, ou D3. Il s'agit de réutiliser un graphique qui est disponible d'une manière légèrement différente. Vous n'avez pas besoin de programmer pour le faire, vous devez être intelligent et créatif dans la façon dont vous allez prendre ce graphique et réutiliser ces éléments d'une manière qui n'était peut-être pas prévue, mais vous créez la chose que vous vouliez créer. Donc, c'était tout pour réutiliser les graphiques. Maintenant, nous allons examiner la conception de graphiques. 5. Méthode 3 : concevoir des éléments visuels: Nous allons maintenant nous pencher sur la conception de vos graphiques, et avec ça, je veux dire vraiment les éléments visuels. Donc, les polices, les couleurs, la mise en page, les emplacements exacts, les effets, et comment cela peut réellement transformer un graphique pour quelque chose qui n'est pas agréable à regarder quelque chose que les gens voudront réellement étudier. Donc, pour beaucoup d'outils qui vous permettent de faire la visualisation, les valeurs par défaut ne sont pas si bonnes. Je ne leur en veux pas. Je veux dire, les programmeurs qui ont rendu ces outils possibles comme Excel, ce n'étaient pas des experts en bases de données, ils ont juste fait ce qu'ils pensaient être juste. Donc, en faisant simplement ces éléments visuels différemment, vous pouvez mettre en évidence les choses que vous voulez mettre en évidence et réduire les choses que vous ne voulez pas réellement se démarquer, comme les quadrillages. Les quadrillages ne devraient pas être noirs ou ils ne devraient pas avoir à être des blocs autour d'un graphique, vous pouvez les réduire ou les supprimer. Donc, ce sont des choses simples. Donc, ne faites pas confiance aux valeurs par défaut de vos outils. Donc, à titre d'exemple, voici un croquis que j'ai fait pour la visualisation de mes noms de bébé. Je savais que je voulais faire quelque chose avec la position de 1 à 10, puis les placer à partir années 2005 et ensuite, puis chaque ligne serait un nom de bébé spécifique. Donc, c'est très simple. Je n'ai pas vraiment pensé aux couleurs ou à ces choses, mais vous commencez lentement à ajouter ça sur. Voici la première visualisation que j'ai eu à travailler à partir du troisième jour. Donc, c'est la première fois que j'ai vu quelque chose de réussi sur mon écran, et ça ne semble pas joli du tout. Nous avons tous ces axes aux mauvais endroits là-bas. Les lignes ne sont même pas connectées et nous avons cet arc-en-ciel horrible comme le ski, mais vous commencez à changer les choses jusqu'à ce que vous obtenez ce que vous voulez. Vous commencez à changer, peut-être que je peux faire quelque chose avec les couleurs, parce que maintenant c'est plus un confettis de couleurs et ils sont plus distrayants que tout le reste. Donc, essayez de créer une palette de couleurs qui est, je suppose, moins de couleurs que cela, et vous pouvez également l'utiliser d'une manière pour avoir un autre canal visuel dans lequel placer des données. Par exemple, les premières lettres de l'alphabet sont si normales pour nous, nous pouvons même les voir de cette manière ordonnée. A est un, z est 26 et puis quelque part au milieu, et donc j'ai bien pensé, pourquoi ne pas créer une palette de couleurs qui regarde la première lettre de départ d'un nom, puis l'applique aux lignes. Donc, dans le résultat final, nous avons encore quelques belles couleurs qui se passent, mais maintenant c'est moins d'encombrement visuel et en fait des données là-dedans. la même manière, en le concevant, c' est encore une fois l'idée que, je n'ai pas vraiment de lignes de grille ici parce qu'elles ne sont pas nécessaires, et je regarde mes polices, elles sont petites mais pas trop envahissantes d'une certaine manière. Ils sont là pour les gens quand ils veulent le voir. Donc, avec les graphiques, ce que vous voulez vraiment, c'est que les données sont la première chose que les gens voient, ce ne sont pas les chiffres, pas les quadrillages, pas les légendes. Donc, vous devez comprendre comment couper le quadrillage, l'axe de manière à le rendre moins évident, de sorte que les données se détachent quand ils veulent le regarder, et puis si vos yeux cherchent ce que je cherche réellement à ils trouvent ensuite les haches et les légendes. Donc, il y a trois choses qui sont mes choses préférées à jouer quand on parle de conception. Ma préférée est la couleur. Donc, la couleur est si importante pour la visualisation de vos données. Il est peut-être encore plus difficile de créer une bonne palette de couleurs pour un concepteur de visualisation de données que pour un graphiste typique, car maintenant vos couleurs ont également une signification directe. Donc, ils doivent être en mesure de s'adapter à ça et être bien ensemble. Donc, ce n'est pas une mauvaise chose de passer beaucoup de temps à essayer différentes palettes de couleurs. Vous pouvez soit être guidé par les données elles-mêmes, exemple, si vous avez quelque chose sur les personnages d'un film animé spécifique, peut-être qu'ils ont leurs propres couleurs de la façon dont ils apparaissent physiquement, ce pourrait être les couleurs brunes du client qui vous guider, mais n'essayez pas trop corriger à cela parce que généralement les couleurs brunes elles sont trop similaires donc vous devez jouer avec cela. Un moyen pour moi, je commence toujours avec un arc-en-ciel. Cela rend mon écran plus amusant à regarder quand je suis en début de développement et quand je commence jouer avec, je remarque que certaines choses ne fonctionnent pas et je comprends que bien, c'est peut-être plus une sorte d'ambiance rouge orangé que j'ai maintenant avec l'apparence de mes données. Peut-être qu'il s'agit de fleurs et que ça peut être très lumineux, peut-être que c'est plus sourd et j'ai besoin de plus de bleu. Alors, prenez votre temps de vous asseoir et de regarder les couleurs. Donc, en plus des couleurs, et puis je suppose que ma chose préférée à penser est la mise en page. Alors, comment faites-vous vraiment votre tableau ? Parce que ce n'est pas seulement le tableau qui compte. Où placez-vous votre titre, où placez-vous vos légendes et vos haches pour vous assurer que les gens le regardent et consomment les informations de la manière que vous vouliez consommer. Donc, en général, vous voulez qu'ils regardent d'abord les données, puis ils passent au titre pour comprendre ce qu'ils regardent réellement, puis les quadrillages et les légendes entrent en jeu et peut-être une sorte d'annotations supplémentaires que fournir plus d'informations sur ce que vous voulez dire. Donc, en pensant à la façon dont vous allez mettre ces choses en ordre, vous pouvez penser, eh bien, en Occident, les gens sont habitués à lire les choses de gauche à droite, alors essayez peut-être de le poser comme ça. Donc, nous regardons de haut en bas pour que les choses les moins importantes viennent en bas. C' est ainsi que vous pensez à la superposition des choses et regardez également les pages Web, et plus général, je suppose que les conceptions de magazines peuvent vous donner une grande inspiration sur la façon dont vous pouvez également utiliser cela dans vos propres visualisations de données. Je veux dire, l'inspiration n'a pas besoin de venir uniquement de la visualisation des données. J' ai été une fois inspiré par une plume de paon pour créer cette visualisation sur les Jeux olympiques. Ma technique finale que je préfère le plus pour la conception de graphiques a à voir avec les effets. Donc, c'est vraiment l'attention aux détails ici, et ce ne sont que quelques exemples, quelques exemples très spécifiques. Dépend de l'outil si vous pouvez réellement le faire, mais cela vous donne une idée de la taille de certains des effets dont je parle. Donc, le premier ici est connecté aux couleurs, et il s'agit de modes de fusion. Donc, si vous êtes un utilisateur de Photoshop ou Illustrator, vous le savez probablement, que c'est la façon dont les couleurs si vous les placez les unes sur les autres, quoi ressemblera réellement la couleur résultante. Dans la visualisation des données, cela est vraiment utile pour plusieurs choses. Donc, laissez-moi d'abord vous montrer un exemple de ce qu'est vraiment un mode de fusion. Donc, voici un petit exemple que j'ai fait sur les modes de fusion. Nous avons multiplier et écran, sont deux modes de mélange que j'aime beaucoup. L' un rend les choses plus blanches, l'autre rend les choses plus sombres dans un sens très simpliste, et quand il est plus large, vous obtenez cette belle technique de celui-ci comme si elles étaient plus caribéennes créées à partir de la même endroit que je trouve. Mais, laissez-moi vous montrer que l'un d'entre eux n'utilise pas de mode de fusion. Donc, la différence est assez grave que je trouve. Donc, ici, nous avons un mode de fusion en ce moment, et maintenant nous ne le faisons pas. Vous voyez que ces cercles sont juste beaucoup moins intéressants à regarder, mais c'est en fait utile aussi. Pour les visualisations de données, vous avez souvent des chevauchements, mais il n'est pas toujours juste qu'il y ait chevauchement. Si vous avez des graphiques linéaires des températures quotidiennes moyennes en 2015 de différentes villes, vous tracez peut-être la couche de New York puis Amsterdam, et ils pourraient se chevaucher à un moment donné, mais pourquoi New York devrait-il être au sommet d'Amsterdam ? Je veux dire, toutes ces villes sont d'une importance égale. Donc, c'est quand j'utilise le mode de fusion pour m'assurer que là où les lignes se croisent, il y a une sorte de couleur différente qui se passe sur celle à partir de laquelle vous ne pouvez pas voir quelle ligne se trouve sur le dessus parce que les couleurs sont mélangées. Cela est également vrai pour les nuages de points circulaires, où encore une fois ce sont des graphiques de pente, des graphiques très intéressants, je vous suggère de chercher ce qu'ils sont, mais ce sont des graphiques de pente où les cercles se chevauchent sur le à gauche et à droite. Encore une fois, pourquoi une Impala devrait-elle chevaucher une antilope ? Donc, ce sont beaucoup de données fictives que j'ai créées. Ce n'est pas juste, ils ont la même importance. Donc, je peux appliquer ce mode de fusion pour le rendre moins évident lequel se chevauche. Vous voyez qu'ils se chevauchent mais n'est pas apparent qui se chevauche qui. Donc, mélanger les modes de mélange a une réelle utilité pour rendre votre visualisation de données, je suppose plus vraie, mais il a aussi un côté visuel très intéressant. Quelque chose d'autre que j'essaie de jouer avec ce sont les gradients, qui peuvent être des gradients radiaux ou des gradients linéaires, et dans un exemple très stupide parce que j'étais astronome, j'aime créer des visualisations de données liées à l'astronomie. J' ai ce graphique avec nos étoiles les plus proches tracées dans ce qu'on appelle le diagramme des RH. Donc, pour rendre cette visualisation un peu plus intéressante, puisque les étoiles sont des sphères en réalité, je les ai fait ressembler à des sphères ici et non à l'essence de la fabrication en 3D, mais plus réaliste. Ou même ici où j'essaie de les faire ressembler davantage aux orbes brillants qu'ils sont vraiment. En utilisant des dégradés radiaux, en rendant le contour peut-être un peu plus sombre, l'intérieur un peu plus large, il donne plus de dimension à tous vos cercles au lieu de les faire tous plats de la même couleur. Donc, un autre fait que j'utilise beaucoup, et celui-ci je montre plus parce que c'est l'inspiration que j'ai eu de cette technique qui est appelée la technique gooey, vous pouvez voir ces cercles circuler sur mon écran. J' ai eu ça d'un chargeur que j'ai vu sur le web. Donc, une sorte de chargeur d'attente, et j'ai vu que je pensais attendre, c'est super intéressant. Je peux prendre ce code, saisir ou le sortir de là et l'utiliser sur ma visualisation de données. Ainsi, où que vous soyez dans les domaines où vous travaillez, vous pouvez vous inspirer de n'importe où. Mais cette technique que j'aime avoir par exemple ici, où je suis en train de visualiser les 150 plus grandes villes du monde. Pour un effet amusant, vous pouvez les avoir tous regroupés en une seule touffe ou les faire briser d'une touffe dans cet effet gooey. Mais aussi quand ils reviennent ensemble et que certaines de ces villes sont dans le même pays, quand elles reviennent ensemble, elles redeviennent des touffes comme un pays au lieu de ces cercles séparés. Donc, il y a encore une fois l'utilisation d'une base de données réelle parce que cela donne au spectateur intuitivement l'idée qu'ils regardent à nouveau un pays entier au lieu de villes séparées. Cela peut continuer. Vous pouvez créer des flou de mouvement que dans D3 que vous pouvez utiliser pour dire peut-être les vitesses de course supérieures de certains animaux. Il y a une anatomie de gradient que vous pouvez utiliser pour mettre en évidence le flux ici dans cette une des visualisations les plus célèbres jamais faites selon certaines personnes, Minards visualisation de la marche de Napoléon vers la Russie, puis de nouveau pour montrer que les troupes allaient cette façon vers Moscou, puis de nouveau ici en noir. Mon dernier conseil pour celui-ci serait quand vous avez étiquettes et des légendes pour toujours les placer le plus près possible de vos données réelles. Dans cet exemple, j'ai un graphique en pointillés, et ce que je vois souvent est que la légende est sur le côté avec les couleurs et vous auriez bleuâtre avec guépard, puis verdâtre avec Dolphin, mais alors les gens doivent effectivement aller de ce pointillé graphique à la légende et d'aller-retour et d'aller-retour et doivent les garder dans leur esprit ce que chaque couleur était. Donc, ici, il est en fait assez facile de déplacer simplement l'étiquette, donc ce que chaque couleur signifie pour le graphique lui-même. Donc, peut-être que lorsque vous arrivez à la visualisation de données à partir d'un arrière-plan de conception graphique, vous avez une meilleure idée de la façon dont vous pouvez faire ces choses de conception, et lorsque vous êtes plus du côté des données ou du programmeur, vous ressentez comme si vous n'aviez pas la connaissance de faire ça, mais ce n'est pas vrai. Ce sont les petits pas qui font la différence, et en faisant vraiment attention à la conception de vos graphiques, vous pouvez faire quelque chose qui semble aussi plus beau et plus professionnel, et vous pouvez vraiment voir le résultat qu'il a sur le les gens à qui vous le montrez. Les gens sont généralement plus attirés par les choses qui ont l'air mieux, et ils croient que les choses qui semblent mieux sont vraies. Donc, il y a beaucoup d'avantages en ce moment de penser à quelles couleurs utiliser, quelles choses cacher, quelles choses mettre en évidence, quelles choses à annoter si vous voulez vraiment que votre visualisation de données soit aussi efficace que possible. D' accord. Ensuite, nous allons nous pencher sur le piratage de nos visualisations. 6. Méthode 4 : décrypter le code: Donc, maintenant nous piratons votre visualisation. Avec le piratage, c'est un peu une zone grise, mais je veux dire quand vous devez vraiment entrer dans le code source d'une visualisation existante et ajuster les choses de façon assez drastique. Mais, je dois admettre, je trouve aussi quand je vois des graphiques créés dans des outils où vous ne pouvez pas réellement entrer dans le code source en ligne, mais ils ont été complètement modifiés par rapport à leur graphique initial et ce n'est pas quelque chose différent, qui fonctionne fantastiquement bien. Je ne l'appellerai toujours pas pirater, même s'il y a un chevauchement avec la réutilisation et la combinaison. Mais, en général, c'est juste le niveau le plus avancé d'aller au-delà de la valeur par défaut. Donc, ce qui le pirate, je pense que la chose la plus importante à retenir est que vous n'avez pas à partir de zéro quand j'ai créé ou conçu quelque chose qui semble complètement nouveau. Il y a souvent quelque chose qui ressemble de près à votre conception ou idée. Donc, l'idée est que vous pouvez commencer à partir de cela comme votre base, puis commencer à ajuster cela jusqu'à ce que vous ayez ce que vous voulez. Bien sûr, cela dépend légèrement de l'outil exactement de la chose et quel point vous pouvez trouver cette chose à l'idée que vous avez. Mais croyez-moi, quelque part sur Google quelqu'un a créé quelque chose qui est plus proche de votre design que juste rien. Donc, pour cela comme exemples, je veux vraiment vous montrer le même graphique et comment je l'ai piraté de trois façons différentes. La base est appelée un diagramme d'accords. Je pense que ça vient de la visualisation du génome avec les génomes des animaux et des humains. Mais, ça fait maintenant partie de D3. C' est un graphique standard qui est plus facile à créer. C' est pourquoi ça fait partie de mon arsenal de graphiques possibles. C' est un tableau assez difficile à expliquer aux autres cependant. C' est une toute autre histoire en soi, mais en général c'est à ça qu'elle ressemble. Donc, vous avez un élément circulaire où sont ceux-ci les flux entre les sections. Donc, ici, nous avons des marques de téléphone et comment les gens basculent entre les marques de téléphone. Je ne vais pas entrer dans les détails, mais il y a des connexions ici de gens allant de Nokia à Samsung, ou l'inverse, et que beaucoup plus de gens sont allés de Nokia à Samsung que de Samsung à Nokia. Mais, ce graphique a tellement de facettes intéressantes que je pourrais réutiliser de différentes manières. Par exemple, je pensais que même si pour un diagramme d'accords normal, ces flux, donc de Samsung à Nokia et de nouveau, ils sont asymétriques. Ils ne sont pas les mêmes. Mais, si elles sont identiques, le graphique devient en fait beaucoup plus facile à comprendre. Donc, j'ai fait un exemple. Ici, sur toutes les collaborations cinématographiques entre les Avengers et le MCU à l'époque. Le truc ici, c'est que, si Iron Man est apparu dans un film avec Black Widow, l'inverse est vrai aussi. Donc, voici toutes ces connexions sont symétriques. Le plus épais de ces accords est, que le plus souvent ces deux personnages sont apparus dans ce film ensemble. Ici, c'est en fait un peu plus de réutilisation, parce que je ne suis pas allé dans le code sous-jacent. La seule chose que j'ai fait est vraiment de penser à la façon de structurer mes données, de sorte que la visualisation le fasse comme je le voulais, et je n'ai aucune de ces collines. Ici, nous avons une visualisation qui montre ce que les gens ont fait pour leur éducation, et quelle profession ils finissent par faire un an et demi après l'obtention de leur diplôme. Celui-ci est également basé sur le diagramme d'accords. Ça commence par celui-ci et ça le transforme en celui-là. Donc, il y a quelques choses qui se passent ici. Donc, pour vous montrer comment j'ai créé ce graphique, il commence plus dans le terme de réutilisation des choses, où au début je devais créer. Donc, dans cette version ici, ces accords vont de partout. Donc ils vont d'ici à là, tout le chemin de l'autre côté, juste un peu sur le côté. Mais, je voulais que ça aille seulement de gauche à droite, de gauche à droite. Donc, j'ai dû comprendre comment construire mes données pour m'assurer que cela s'est toujours produit, ce qui ici vous pouvez voir une capture d'écran de mon bloc-notes. Puis, j'ai fait ce visuel. C' est mon point de départ à ce moment-là. Il était basé sur le diagramme d'accords normal, mais avec seulement les données ajustées. Je me suis dit, comment puis-je créer cette lacune. Et si j'ajoute un tableau factice qui n'a aucune information et que je tourne tout le truc, et que je le cache. Donc, maintenant l'écart est là. Essentiellement, c'était ce que j'avais en tête, mais pas tout à fait. Donc, c'est à quel point j'en suis allé avec la réutilisation. Donc, je crée ce graphique à partir d'un diagramme d'accords, mais maintenant nous avons tout va de gauche à droite. Nous avons cet écart au milieu, ce n'est pas tout à fait typique. Mais, c'est vraiment, c'est presque un hack parce qu'il y a quelque chose là-bas, on ne le voit pas. Mais, je voulais que ces deux-là soient, je suppose, plus décalés. Parce que c'est ce que j'ai dessiné. C' est le croquis que j'avais dans mon esprit, qui est ce croquis ici. Donc, ces deux arcs là-bas allant de l'éducation à l'occupation, je m'excuse que certains du texte est en néerlandais, avec ceux-ci étaient juste un peu plus séparés. Je vais aller très spécifiquement à D3 où j'ai piraté mon chemin. Je pouvais facilement déplacer ces accords externes vers l'extérieur, mais pour ces accords internes, j'ai dû plonger dans le code source de D3 pour la toute première fois, ce que j'ai trouvé particulièrement effrayant parce que je n'avais pas programmé avec le Web et JavaScript et HTML et CSS depuis très longtemps. Mais, heureusement, ce ne sont que quelques très petits décalages horizontaux dans quelques endroits qui me donnent cela. Avec un meilleur tri, j'ai fini avec ceci, que j'ai trouvé visuellement plus intéressant que celui que j'avais avant. Il suffit de mettre un petit changement en les séparant. Cela m'a donné juste en essayant quelque chose de petit, m' a donné la confiance de le faire peut-être plus souvent. Allez dans le code source D3 plus souvent et pirater mon chemin vers le graphique que je voulais créer. Donc, avec différentes couleurs et les données réelles, c'est ainsi que celle-ci est née. La dernière est là où j'ai vraiment piraté. Je veux créer une visualisation sur le Seigneur des Anneaux. J' ai trouvé ce jeu de données fascinant sur le nombre de mots prononcés par chaque personnage dans chaque scène des trois ajouts étendus et je savais que je devais faire quelque chose avec cela. Donc, j'ai fait un croquis où j'ai placé les gens, les membres de la communauté au centre, puis les endroits où ils parlaient autour du cercle intérieur, puis ils seraient reliés par ces cordes. Plus la corde est épaisse, plus cette personne a parlé de mots à cet endroit. Je ne connaissais aucun outil qui pourrait réellement créer ce graphique, mais cela m'a rappelé le diagramme d'accords avec ces arcs circulant et ensuite ces accords intérieurs coulant. Alors, j'ai pensé que je pourrais commencer à partir de là et voir jusqu'où j'irais. Ici, nous avons, dans quelques étapes de base, donc c'est plus sur le sens abstrait, les différentes étapes que j'ai prises. Maintenant, je les ai animés en douceur juste pour vous montrer comment ça se passerait. Mais, c'est le diagramme d'accords de base que j'ai commencé avec. Au début, j'ai plongé dans le code source D3 et j'ai essayé de comprendre quelle est la chose la plus fondamentale que je dois faire. Eh bien, ces accords qu'ils doivent arrêter au centre pour être plus précis pour mon design. Si je ne peux pas comprendre ça, alors ce n'est probablement pas la bonne façon de procéder. C' est comme ça que je vois ces choses. En règle générale, quand je remixe des choses, j'essaie de le faire en petits pas. Je ne planifie pas tout à l'avance. C' est plus que j'essaie de comprendre quelle est la prochaine étape la plus fondamentale que je dois faire pour la rapprocher de mon design. Si j'obtiens les premiers sur le chemin, alors généralement vous êtes déjà dans la phase de conception plus. Une fois que vous avez fait les premières étapes majeures, vous êtes sûr que cela va marcher. Si ce n'est pas vous devez faire des compromis et peut-être faire autre chose. Mais, pas besoin de tout planifier à l'avance. Donc, ici, j'avais besoin d'obtenir ces cordes vers le milieu. J' ai plongé dans le code source D3 et je l'ai fait fonctionner. Se débarrasser de cet espace excédentaire qui était apparent était la prochaine étape. Eh bien, peut-être avoir les données réelles du Seigneur des Anneaux, ce qui était un peu plus, et une palette de couleurs plus appropriée était aussi en train de se déplacer à cette époque, une bonne chose. Nous avons neuf membres de la communauté. Donc, la prochaine chose importante était de s'assurer que ces centres d'intérêt finissaient avec le bon emplacement. Mais, maintenant je peux voir que mon design manquait quelque chose. Ça devenait trop écrasé. Donc, je pouvais à peine lire Gandalf ou Legolas en bas. Je me suis dit que je pouvais juste séparer les deux moitiés. Voyons voir à quoi ça ressemble, parce que ces deux-là sont juste à 50-50. Donc, ça a marché. Ensuite, la dernière chose, c'est vraiment plus d'une touche. attention aux détails est que j'ai ajusté ces accords, qui était également à nouveau dans le code source D3. Donc, tout semblait un peu plus naturel dans ce cas particulier. Ensuite, il y a quelques attentions aux détails comme utiliser les elfes pour expliquer la moitié du Mordor et comment vous diriez cela en elfique. Je crois que je ne sais pas comment le lire, le truc sur le ring. Il y a aussi une certaine interaction en cours ici. L' idée ici est que j'ai commencé à partir de ce diagramme d'accords et en entrant dans le code source D3 en commençant par ici la fonction originale, je suppose, qui crée le diagramme d'accords, je pourrais ensuite le muter lentement dans ce nouveau que j'appelle le graphique du métier à tisser, avec les cordes sur les côtés. Vous pouvez à peine voir le graphique original ici, mais c'est encore un graphique complètement nouveau que vous pouvez utiliser pour différentes raisons. Donc, c'est ce que je veux dire avec vraiment le piratage. C' est juste le vôtre, mais en commençant par le travail fantastique de quelqu'un d'autre. Donc, un autre conseil. Si vous avez ou si vous travaillez avec l'outil qui vous permet de faire plus de graphiques interactifs est de fournir une interaction. Ça n'a pas besoin d'être très grandiose ou quoi que ce soit. hovers sont un très bon moyen de se concentrer. Ainsi, dans cette visualisation avec les mots prononcés dans le Seigneur des Anneaux, il y a beaucoup de ces cordes intérieures en cours. Donc, en n'ayant qu'une interaction sur un vol stationnaire et en ne mettant en évidence que les personnes qui y ont parlé, vous pouvez donner le focus, ou vice versa, lorsque je survole un personnage dans le Seigneur des Anneaux. Je ne vois que les endroits où il a parlé et aussi cacher ceux où il ne parlait pas. Parce qu'il ne s'agit pas toujours de montrer l'information, il s'agit aussi de cacher ce qui n'est pas pertinent, sorte que tout ce qui reste soit pertinent. Donc, le piratage est en fait la plus avancée des quatre techniques. Cela se produit lorsque vous vous sentez aise avec l'outil que vous utilisez pour créer vos visualisations. Donc, avec les exemples que je vous ai montrés, je faisais surtout référence à D3 parce que c'est l'outil que j'ai utilisé. Mais, vous pouvez également pirater des choses avec Excel ou Tableau ou ClickView ou Looker. Il s'agit de ce moment où vous êtes tellement à l'aise avec l'outil que vous utilisez que vous connaissez des façons de faire des choses ou combiner des choses que vous ne savez même jamais que c'est possible. Il ne s'agit plus de vous conformer à l'outil, mais plutôt de vous conformer à l'outil. Vous pouvez utiliser tout ce que vous avez à votre disposition, et vos connaissances, et créer quelque chose que personne ne peut voir ce qui est réellement basé à l'origine, et c'est super efficace et super nouveau, et les gens voudraient le voir et le recréer. Donc, bien qu'il y ait beaucoup d'excellents outils qui vous permettent de créer des visualisations de données, à mon avis personnel, si vous voulez aller créer ces visuels plus efficaces, créatifs et uniques, je vous recommande certainement d'apprendre un peu sur D3, ou en fait beaucoup sur D3 si vous l'aimez. D3 vous permet simplement de façonner vos visuels comme vous le souhaitez. C' est comme des blocs Lego que vous construisez ensemble pour lire la visualisation que vous voulez. Vous n'êtes pas confiné par des cases à cliquer ou déposer et faire glisser des choses. C' est beaucoup plus libre que cela, et c'est pourquoi vous pouvez créer ces formes qui sont complètement uniques, mais personnalisées certaines données que vous possédez et les objectifs que vous essayez d'atteindre. Donc, bien que vous puissiez faire beaucoup de choses étonnantes dans Excel, vous n'arriverez jamais à ce point que vous pouvez faire avec D3. Donc, si vous êtes vraiment passionné par la visualisation des données, essayez vraiment de vous lancer dans la programmation si bien, cela peut vous amener à trois niveaux. 7. Conseils et astuces pour rassembler des données: Donc, la chose la plus fondamentale pour la visualisation des données est en fait d'avoir des données. Donc, je veux vous montrer quelques conseils sur la façon dont vous pouvez trouver des données en ligne. Car ici, il est important, je pense, lorsque vous créez vos visualisations, en particulier vos projets personnels où vous voulez apprendre, c'est que vous trouvez un sujet qui vous intéresse vraiment sur le plan personnel, une question qui vous conduit personnellement. Comme pour moi, je voulais savoir combien de mots les personnages du Seigneur des Anneaux avaient parlé à différents endroits. J' ai été motivé par la connaissance de la réponse à cela, et cela a finalement conduit à la visualisation. Donc, au lieu d'aller sur un site Web du gouvernement et essayer de trouver un jeu de données sur la population dans différentes villes, essayez de trouver un sujet qui vous intéresse vraiment et vous seriez surpris des données que vous trouverez en ligne. Donc, le plus simple et facile est en fait juste Googling. Google votre sujet avec les mots données ou jeu de données, puis vraiment avoir les patients à cliquer à travers les exemples dans les deux ou trois premières pages de résultats, et ce que vous pouvez généralement trouver est une bonne chose entre là. J' appelle ces fichiers structurés uniques, ils sont cachés dans certains repo GitHub, ou ils sont cachés dans une feuille de calcul Google, ou peut-être juste un fichier Excel ou un fichier CSV. Donc, c'est un site Web qui est spécifiquement à propos de ce sujet. Il y a des sites web sur tous les lauréats du prix Nobel, il y a des sites web sur toutes les étoiles voisines que certains satellites ont réellement mesuré. Un dernier jeu de données intéressant que j'ai réussi à trouver par Googling est un jeu de données généalogiques de 3 000 personnes connectées à la royauté qui remonte à plus d'un millénaire, donc comme un arbre généalogique gigantesque de la façon dont les royaux sont connectés ensemble et comment ils sont intermariés maintenant, ce que j'ai transformé en un projet aussi pour cette collaboration personnelle toute l'année que j'ai fait. Donc, il y a aussi des sites Web qui contiennent des informations structurées, mais pas dans certains formats prêts à télécharger. Donc, au lieu de cela, les données sont essentiellement fixées à l'intérieur du HTML lui-même, elles sont fixées dans la façon dont les différents éléments sont stylés sur la page. Par exemple, IMDB, vous pouvez rechercher certains films, puis vous obtenez cette liste de films renvoyés, et tous ces films sont contenus dans le même style de divs et d'autres éléments. Je peux donc télécharger ce html et rechercher un style spécifique. Tous les titres de film par exemple peuvent être contenus dans un H1 de titre de film de classe, mais vous n'avez pas besoin de programmer pour le faire nécessairement, il y a des outils qui vous permettent de le faire en cliquant, en faisant glisser et en le configurant, Je les ai essayés, ils sont assez incroyables et vous pouvez obtenir des données vraiment intéressantes d'eux. Il y a par exemple, aussi sur amazon je pourrais trouver la liste des 100 auteurs de fantaisie les plus vendus que je pourrais utiliser pour un projet de livres plus tard, parce que, une autre façon de trouver des données en ligne est avec les API. Je dois admettre cependant que je ne les utilise pas souvent parce qu'ils peuvent être un peu difficiles à mettre en place, mais néanmoins, il y a des moments où la richesse pour l'information est tout simplement trop bonne à ignorer. API se produisent quand, par exemple, un site Web ou une application a tellement de données qu'elles ne peuvent tout simplement pas tout mettre à la fois, c'est juste trop, donc vous devez être très spécifique dans les données que vous demandez. Et donc, avec ces 100 noms d'auteurs fantastiques que j'ai obtenu gratté d'Amazon, je les ai ensuite mis pour faire la bonne API riche, pour demander des informations sur les 10 livres les plus notés de chacun de ces auteurs. Donc, recueillir des informations sur le nombre de notes, les notes moyennes, le titre de ces livres, ce genre de choses. Ainsi, même vous pouvez combiner ces différentes idées de recherche de données pour accéder au jeu de données final que vous recherchez. Vous pouvez aussi demander conseil à d'autres personnes, si vous ne savez pas, peut-être que quelqu'un d'autre le sait. Vous pouvez les demander directement à vos collègues ou peut-être sur n'importe quel média social sur lequel vous êtes. Donc, pour moi, c'est Twitter, et pendant un des mois de notre collaboration personnelle, je ne savais pas quoi faire exactement. Le sujet était la communauté, et je savais que ce devait être quelque chose qui correspondrait au Fonds mondial pour la nature, mais je ne pouvais pas l'obtenir plus précis que cela. J' ai donc demandé à Twitter des conseils sur les données ou les sujets sur lesquels je pouvais réellement examiner. Ensuite, il a eu beaucoup et beaucoup de liens très intéressants que j'ai commencé à naviguer qui m'a conduit à de nouveaux liens et ainsi de suite, jusqu'à ce que je suis finalement tombé sur ce site, où j'ai vu la verdure telle que mesurée depuis l'espace dans un semaine particulière en Juin et puis je savais que je voulais faire quelque chose avec cela. Donc, finalement cela s'est transformé en ce projet qui est, eh bien, visuellement très minimaliste mais c'est ce que je voulais. Je voulais quelque chose qui soit facile à comprendre, sur la façon dont le monde change dans sa verdure tout au long de l'année. Enfin, vous pouvez créer un jeu de données complètement manuellement, vous n'avez pas besoin de code. Pour notre mois de nostalgie avec la collaboration personnelle que j'ai eue, je suis allé dans Draggable Z que j'étais un fan de ça. Sur Wikipage Draggable j'ai trouvé ces listes de tous les combats qui se sont produits pendant cet anime, parce que l'anime est sur le combat, je pensais qu'il serait très approprié que la visualisation soit sur tous les combats c'est arrivé. Donc, je viens de copier et coller toutes ces listes dans Excel et de les séparer avec certaines des fonctions simples d'Excel dans le jeu de données dont j'avais besoin. Pendant un autre mois en collaboration, je cherchais des données sur les papillons et j'ai cherché pendant deux heures pour trouver un jeu de données vraiment approprié pour les papillons. Mais finalement, j'ai dû me résigner aux meilleures options dans le contenu dans le site appelé jardins avec ailes, mais je ne voulais pas avoir à programmer mon chemin dans toutes les informations qui étaient ici. Donc, j'ai juste cliqué sur toutes les options qui étaient là et copier collé les informations dont j'avais besoin dans un fichier final d'environ 90 papillons. Cela m'a pris peut-être une autre heure, mais ensuite j'ai eu ce jeu de données très unique que je pouvais utiliser pour créer une visualisation sur les papillons. Ce que je veux montrer avec ces différentes choses, c'est qu'il n'y a pas une seule façon spécifique de trouver des données, en particulier en ligne. Il y a tellement de façons différentes de Googling et de trouver le CSV simple et la feuille de calcul, de le racler ou même simplement de le faire manuellement. Ce n'est pas que les analystes de données hardcore auraient ces compétences magiques, et cela vous aide vraiment si vous êtes guidé par ce projet personnel, quête personnelle qui vous intéresse vraiment pour trouver les données dont vous avez besoin. 8. Réflexions finales: Donc, maintenant vous avez vu les quatre techniques, la prochaine chose que vous devez faire, est de créer des visualisations de données en suivant ces techniques. La meilleure façon que je pense que vous pouvez le faire est choisir un sujet qui vous passionne vraiment, penser à une question sur ce sujet que vous voulez connaître, puis de sortir et d'essayer de trouver des données à ce sujet, puis en visualisant la réponse à cette question que vous avez. Ce sera incroyable si vous partagez ensuite votre résultat dans la galerie de produits, afin que je puisse le voir, et d'autres personnes peuvent le voir. Parce que encore une fois, l'inspiration vient l'une de l'autre. Ainsi, le partage est vraiment le meilleur moyen de grandir dans cette communauté et de demander à d'autres personnes de vous donner des commentaires que vous pouvez utiliser, et de créer de meilleures visualisations la prochaine fois. Donc, lorsque vous créez votre prochaine visualisation de données, j'espère vraiment que vous pensez à ces quatre techniques pour créer visualisations plus efficaces et plus belles, pour la rendre plus personnelle, plus unique et vraiment pousser votre travailler au niveau suivant. Donc, merci beaucoup d'avoir suivi ce cours et j'ai vraiment hâte de voir ton travail.