Concevoir des visualisations de données : Premiers pas avec le traitement

1. Introduction: Salut, je m'appelle Nicholas Felton. Je suis un concepteur d'informations basé à New York. La majeure partie de mon travail consiste à effectuer une visualisation de données basée sur des données personnelles, ou sur d'autres ensembles de données que je trouve dans le monde. J' ai commencé à travailler avec des données il y a environ 10 ans. En tant que graphiste à la recherche d'histoires, j'ai trouvé que celui auquel j'avais le meilleur accès était le mien, et il était plus facile de recueillir cela sous forme de données. Les visualisations de données en ressortent comme un moyen de représenter ces histoires d'une manière compacte et intéressante. Mon enquête sur les données personnelles a été largement motivée par la curiosité. J' ai ce désir de connaître l'inconnaissable, c'est presque comme être un explorateur. Je suis influencé par la science, les mathématiques, la géométrie, le minimalisme. Cette classe va aborder l'une des choses que je trouve les plus intéressantes, qui est de prendre un ensemble de données vraiment énorme, un ensemble que vous ne pourriez jamais gérer à la main, et de placer tous ces points sur une carte. Dans ce cas, nous allons regarder les frappes de météorite dans le monde entier. Nous avons un ensemble de données d'environ 34 000 points, et nous allons les coller sur une carte, et étiqueter le site supérieur. Je pense que c'est fondamentalement une classe de conception, mais cela devrait aussi être une très bonne introduction au traitement. J' espère qu'il va tirer un peu le rideau et montrer aux gens combien il est facile de commencer, et combien de puissance vous avez pour manipuler vos conceptions en utilisant le traitement. Nous allons travailler dans trois domaines différents aujourd'hui. Il s'agira de regarder les données, d' étudier un peu dans une feuille de calcul, puis de passer au traitement. Ici, nous allons faire la majeure partie du travail, où nous allons mettre en place un programme qui peut analyser les données et les projeter sur une carte. Enfin, dans Illustrator, nous allons le nettoyer un peu, et montrer quelques façons de le ranger et de résoudre certains problèmes. Vous n'avez pas besoin d'être un designer pour prendre ce cours, vous devez simplement avoir une certaine curiosité ou intérêt à commencer à transformer une table de chiffres en quelque chose qui est vraiment consommable. J' ai choisi l'ensemble de données et écrit l'application que je vais vous accompagner. Cela garantira que tout le monde peut arriver jusqu'à la fin et avoir les mêmes résultats, et nous aurons également un modèle pour travailler sur d'autres données que vous pourriez trouver à l'avenir. Dans les documents de cette classe, il y a quelques autres sources où vous pouvez trouver des ensembles de données supplémentaires si vous voulez jouer avec ceux-ci. Historiquement, les concepteurs ont travaillé avec le texte et l'image, et je pense que parce que nous vivons dans ce monde de données partout, c'est devenu ce nouvel élément fondamental du design avec lequel les concepteurs doivent devenir tellement. 2. Votre projet: Votre mission consiste à visualiser un grand ensemble de données de météorite sous forme de carte. J' ai inclus le jeu de données ici, afin que vous puissiez le télécharger immédiatement et commencer. Ce que j'aimerais voir les gens télécharger Skillshare à la fin du cours, c'est un PNG ou un jpeg tiré d'Illustrator de votre dernière carte tracée de ces frappes de météorites. Il y a un peu plus de données dans un ensemble de frappes de météorite que vous pourriez utiliser pour pousser cela plus loin. Je peux imaginer coder la couleur des frappes de météorite par l'année au cours de laquelle elles se produisent de la plus ancienne à la plus récente. Il existe également des jeux de données supplémentaires que vous pouvez consulter et commencer à étudier d'autres cartes provenant de différentes sources. La façon d'obtenir le plus de succès avec cette classe sera de réexécuter les leçons de traitement comme je les ai démontré. Vous aurez l'application complète et vous pouvez vous assurer que vous avez un état de fin de travail, mais en fait travailler jusqu'à cela, et comprendre les différentes sections que nous avons traversées pour le faire fonctionner correctement vous apprendra le plus, et vous mettra dans le meilleur état pour pouvoir explorer d'autres données ou l'appliquer de nouvelles façons. 3. Comment fonctionne le traitement: Avant de commencer à faire cette carte, j'aimerais partager quelques concepts clés qui seront utiles au fur et à mesure des leçons. Le premier concerne les formats de données. Donc, nous allons commencer avec une feuille de calcul. Une feuille de calcul est un moyen d'afficher des données dans des lignes et des colonnes. Ce que nous allons devoir faire pour introduire cela dans le traitement est converti dans un format différent appelé CSV. CSV signifie des valeurs séparées par des virgules, et fondamentalement tout ce que nous faisons, c'est plutôt que d'avoir des diviseurs explicites dans l'application qui séparent ces lignes, nous allons les remplacer par une virgule dans un espace, puis il sera juste un fichier texte, un fichier que vous pourriez ouvrir dans TextEdit. Nous devons mettre les données dans un format CSV car c' est ce que le traitement s'attend à ingérer. Il supprime toute la mise en forme supplémentaire qu'une feuille de calcul peut avoir attachée à elle, et la réduit simplement à un format de texte brut. Une fois que nous ouvrons le traitement, vous verrez qu'il y a trois composants principaux. Il y a un éditeur, une console et le canevas. On va commencer dans l'éditeur. C' est là que tout le code est tapé. La console peut ensuite être utilisée pour imprimer petits morceaux de données pour s'assurer que tout fonctionne bien, ou pour trouver des problèmes dans notre code. Enfin, la toile est la zone dans laquelle nous allons dessiner des choses. C' est ce que nous allons finalement enregistrer dans un fichier PDF. Nous allons écrire le code et le traitement dans l'éditeur. Comme HTML, il y a une hiérarchie dans la façon dont le code est écrit, et il y a trois domaines principaux que nous allons traiter. Au-dessus de tout est l'endroit où nous pouvons définir des variables que nous allons utiliser dans toute l'application. Nous pouvons également importer différentes bibliothèques, si nous allions utiliser les outils de quelqu'un d'autre qu'ils ont conçus pour le traitement. Ci-dessous, il y a une petite zone appelée mise en place. Ici, nous allons coller tout le code qui doit juste être exécuté une fois pour définir les choses que nous allons utiliser dans l'application. Ici, nous allons configurer la taille du canevas par exemple. Ci-dessous, il y a une zone appelée dessiner. Il s'agit d'une zone qui se boucle encore et encore à moins que nous ne lui disions le contraire. Dans ce cas, nous ne voulons que notre esquisse fonctionne qu'une seule fois, et nous allons donc mettre du code là pour le dire juste pour finir dès qu'il arrive à la fin de la section de dessin. Parce que nous allons travailler avec les données et le traitement, nous allons avoir besoin de plusieurs variables pour les conserver. Les variables ne sont que des conteneurs. C' est ce que nous allons définir pour contenir des noms ou des nombres. Dans le traitement, nous devons être explicites sur ce qu'une variable va contenir. Donc, nous devons dire que ce conteneur ne peut contenir que ce genre d'informations, sinon nous aurons des problèmes d'exécution du code. Certains des types de variables de base que vous rencontrerez dans cette application sont un entier, et cela est défini en disant, int, puis le nom de l'entier, puis en définissant sa valeur. Avec ces variables de base. Vous pouvez également leur demander d'imprimer leurs valeurs dans la console en introduisant ce code, la fonction println. Donc, pour cet exemple initial d'un entier i avec la valeur zéro, si vous mettez cette ligne println en dessous, et que vous voulez supprimer ces deux tirets que ces deux barres obliques avant, ceux-ci le commentent. Donc, tout code que vous ne voulez pas exécuter, vous pouvez mettre ces deux barres obliques devant lui. Cela imprimera la valeur de i dans la console. Pour des nombres plus détaillés, il s'agit de nombres décimaux, nous devons utiliser un flotteur. Donc, cela a un nom différent parce qu'il prend plus de mémoire. Donc, si nous voulions économiser 0.0 ou 2.895, nous utiliserions un flotteur. Puis enfin, String est utilisé pour tenir des mots. Donc, dans ce cas, pour la variable de bienvenue que nous définissons sur hello world, nous devrons définir cela comme une chaîne. Pour de plus grands ensembles de données, nous pouvons utiliser une structure appelée Array. Maintenant, un tableau est fondamentalement une liste de données. Ceux-ci ont également des types. Il peut s'agir d'entiers, de flottants ou de chaînes, mais ils sont configurés avec cette syntaxe de raquette. Un tableau appelé nombres, dans lequel je veux stocker zéro, un, deux et trois, est défini de cette façon avec les crochets à l'avant, puis les accolades à des nombres importants. Fondamentalement, ce que nous finissons avec est un conteneur à plusieurs sections. Ce tableau contient maintenant zéro, un et deux, et ensuite nous pouvons soit les imprimer tous, disant PrintIn i, qui va juste imprimer la liste entière, soit nous pouvons utiliser ce format de crochets pour l'obtenir n'importe quelle position dans notre Tableau. Donc, les gens crochet zéro serait le premier, ce serait Mark dans ce cas, ou les gens de support un, serait tout et ainsi de suite. La structure de données finale que nous rencontrerons est un tableau 2D. Il s'agit d'une liste de listes ou d'une matrice. Donc, si vous pensez au tableau que nous venons de discuter, cela va maintenant être celui qui contient plusieurs autres tableaux. Donc, plutôt que d'avoir un crochet après le type de données qu'il contient comme un crochet entier, qui est la façon dont un tableau est défini, celui-ci en nécessite deux. Maintenant, nous revenons à cette idée de feuille de calcul. Nous parlons de colonnes et de lignes. Comme vous pouvez le voir dans cette matrice, nous avons notre première ligne, qui est désignée par zéro parce que c'est ainsi que les ordinateurs comptent de zéro en haut. Nous avons la première ligne, et la deuxième rangée. Nous avons aussi les colonnes zéro un et deux. Maintenant, si vous regardez comment nous définissons cette matrice de données, avec trois fonctions Array, vous pouvez alors utiliser ce code println pour accéder à différentes parties de celui-ci. J' ai mis en évidence dans la matrice, ce qui sera mis en évidence ou qui sera sélectionné par chacune de ces lignes de code. Donc, si nous essayons et println nombres matrice zéro, zéro, nous obtiendrons la première position. Alors que si nous faisons la matrice des nombres println deux, deux, nous obtiendrons la dernière position. Maintenant, nous appliquons toutes ces données dans le traitement, nous aurons besoin de quelque chose qui sera capable de les parcourir et d'appeler tous ces différents bits de données hors de mémoire. Donc, nous allons apporter les noms de ces météorites et leur latitude et longitude, et donc, nous utilisons une boucle for pour parcourir toutes ces données. Une boucle for est quelque chose qui peut sembler un peu intimidant à l'avance, mais c'est simplement une structure qui s'utilise et encore lorsque vous faites quoi que ce soit dans le traitement. Ça a l'air un peu intimidant parce que c'est un morceau de code vraiment condensé. Ce qui se passe ici, c'est que nous disons que nous voulons un entier i, et nous allons le mettre à zéro. Ensuite, tant que cet entier est inférieur à trois, nous voulons y ajouter 1. Ce i plus, est le même que i égale i plus un. Donc, alors que ces conditions sont vraies, continuez à tout faire dans ces accolades. Donc, on peut jouer ça manuellement. Donc, la première fois que cela fonctionne, je serai égal à zéro. Donc, pour chacune de ces lignes d'impression, nous pouvons imaginer remplacer le i par un zéro. Donc, la première fois que nous traverserons, nous imprimerons zéro zéro, zéro un et zéro deux. Quand nous arriverons à la fin, nous allons ajouter un à i. Donc, maintenant va courir à travers elle avec i égal à un. Donc, nous allons imprimer pour un zéro, un, et un deux. Enfin, nous allons en ajouter un autre, et maintenant je serai égal à deux. Nous allons le parcourir à nouveau, et imprimer deux zéro, deux un et deux deux deux. Ensuite, nous en ajouterons un, et ce sera trois, mais il ne répondra pas à cette condition d'être moins de trois. Donc, la boucle for se terminera. C' est juste une structure que vous verrez partout dans le traitement, et nous l'utiliserons aujourd'hui. 4. Géométrie des cartes: L' un des autres concepts sur lesquels nous devons nous emparer est de savoir comment mesurer la Terre. La Terre est une sphère, et la seule façon vraiment précise de le montrer est avec le globe. Mais nous devons l'aplatir sur une surface 2D pour l'avoir sur notre écran. Ainsi, la Terre est mesurée en deux dimensions, la latitude, qui est les bandes horizontales autour de la Terre, et la longitude, qui sont les bandes verticales. Ils sont un peu difficiles parce que les échelles ne commencent pas à zéro. La latitude est de 90 degrés au pôle nord, et la latitude négative de 90 degrés au pôle sud avec un équateur de zéro. Donc, il s'étend sur 180 degrés. Alors que la longitude, qui doit s'enrouler autour du monde entier doit couvrir une échelle de 360. Donc, pour cela, il passe de moins 180 à 180, zéro étant défini à Greenwich en Angleterre. Maintenant, pour aplatir cela, il existe de nombreuses façons différentes de projeter une sphère sur une surface plane. Si vous allez à la recherche d'images Google et regardez les projections cartographiques, vous verrez un certain nombre de façons différentes de le faire. Aujourd'hui, nous allons utiliser ce qu'on appelle la projection équirectangulaire. C' est de loin le moyen le plus simple de transformer une sphère en un rectangle plat. Vous pouvez également voir certains des problèmes liés à l'utilisation de cette approche. Dans ce diagramme, j'ai montré comment si vous avez des cercles de différentes parties du globe, quand vous l'aplatir, vous obtenez différents degrés de distorsion en utilisant cette projection. Donc, les régions du haut et du bas de notre globe vont être vraiment déformées. Donc, l'Antarctique apparaîtra beaucoup, beaucoup plus grand qu'il ne l'est dans l'actualité. Mais le calcul pour obtenir cela à l'écran est beaucoup plus simple que toute autre méthode, et ce sera vraiment utile pour nous. Enfin, il y a une autre fonction dans le traitement qui sera cruciale pour traduire cet ensemble de données dans notre carte glorieuse. s'agit de la fonction de carte, et ce que cela fait, c'est qu'étant donné la valeur qui existe sur une échelle, traduisez cela à la valeur sur une échelle différente. Ainsi, vous pouvez voir que cette fonction prend cinq entrées différentes. Le premier est la valeur que nous voulons traduire. Dans ce cas, 127.55, et ceci provient de l'échelle de latitude, qui va de 180 négatif à 180. Ce que nous voulons faire, c'est traduire cela à notre échelle d'écran, qui va commencer à zéro et dans ce cas va passer à 400. Donc, une fois que nous faisons tout cela, la fonction de carte affichera une valeur le long de cette échelle. Dans ce cas, 341.7. Donc, nous allons l'utiliser pour traduire notre latitude et la longitude aux valeurs d'écran dont nous avons besoin. Cette fonction de carte va être inestimable pour nous alors que nous essayons convertir la latitude et la longitude de la Terre en toile que nous utilisons. Ainsi, un canevas pour ce projet pourrait avoir une largeur de 400 pixels. Donc, nous allons prendre cette échelle de latitude et la convertir de 127,55 sur l'échelle négative 180 à 180, à 341,7 sur l'échelle de zéro à 400, la largeur de notre toile. Nous aurons également besoin de marqueurs pour montrer la taille de ces météorites les uns par rapport aux autres. Une des pièces cruciales de cette classe est de partager cette idée que lorsque vous convertissez la quantité en surface, vous devez faire un peu de maths. Donc, ce serait très bien si nous pouvions dessiner des rectangles que nous voulons représenter en disant simplement les deux côtés, la largeur et la hauteur sont quatre. Malheureusement, cela se traduit par un domaine qui est mal représentatif de ce que nous voulons montrer. Donc, la bonne façon de montrer quelque chose avec une superficie de quatre, est de prendre la racine carrée de cette zone, et cela nous donne les dimensions du carré. Donc, pour en montrer quatre, nous avons besoin de deux et deux côtés, pas en l'occurrence les côtés quatre et quatre. Ainsi, la règle pour générer un rectangle qui va afficher la zone est de prendre la racine carrée de cette zone et de l'utiliser pour les dimensions de la forme. Avec les cercles, les mathématiques sont un peu plus complexes. Si vous vous souvenez de retour à la classe de géométrie, la façon de calculer la zone des cercles est pi R carré. Parce que nous voulons que la zone représente notre quantité, nous devons revenir en arrière. Donc, pour obtenir le rayon de notre cercle, nous allons prendre le montant que nous voulons représenter, nous allons obtenir sa racine carrée, puis la diviser par pi pour obtenir le rayon. 5. Exportation de données vers CSV: Maintenant, nous allons commencer avec ce projet. Bienvenue dans votre jeu de données, c'est ce qu'on appelle météores. Une fois que vous l'avez ouvert, vous pouvez commencer à faire défiler un peu vers le bas pour avoir une idée de la taille ici, c'est quelque chose qu'aucune personne rationnelle ne voudrait mettre sur une carte à la main. Si nous faisons défiler vers le bas, vous verrez que nous avons 34 066 lignes pour ce jeu de données. J' aime toujours commencer dans une feuille de calcul comme donné un nouvel ensemble de données parce que c'est là que nous pouvons commencer à sentir les limites de ce qui nous a été donné. Vous pouvez voir qu'il y a six colonnes différentes ici, chacune nous dit quelque chose d'un peu différent sur notre jeu de données. Donc, nous avons un nom ou un lieu pour chaque frappe de météorite, nous avons l'année, nous avons sa masse en grammes, la longitude, la latitude, et s'il a été vu tomber ou s'il a été trouvé. La bonne chose à propos des feuilles de calcul est que nous pouvons faire une analyse simple réelle des données pour en avoir une idée à l'avance. Donc, l'une des premières choses que je veux faire est juste de voir combien d'années ce jeu de données s'étend ? Donc, pour le moment, je pense qu'il est prêt à être trié en descendant, je vais changer ça. Donc, déjà je peux voir certains d'entre eux en bas n'ont pas un an et ce jeu de données va à 2012. Si je fais défiler vers le haut, je peux voir que cela remonte à moins 600. Donc, il y a quelques valeurs négatives ici à connaître et cela vous donne également une idée de la durée de ce jeu de données. En cliquant ici à nouveau, je peux changer cette masse pour qu'elle soit ascendante ou descendante. Donc, je veux avoir une idée de la taille de ces différentes météorites et si elles ont toutes des valeurs. Donc, au plus grand, nous avons ce Hoba avec 60 millions de grammes, et au plus petit bout, nous en avons ceux qui sont inférieurs à 0,01 de gramme. La latitude et la longitude vont juste varier dans les limites de la terre et fell_found semble être assez simple, cela pourrait être quelque chose qui vaut la peine de coder plus tard, mais je pense que nous avons un sens pour l'ensemble de données et il vaut la peine de l'exporter maintenant dans un format que le traitement peut utiliser. Je pense que je vais vouloir apporter ces données par sa masse. Donc, je vais vouloir avoir les plus grandes météorites au sommet de mon CSV. Pour ce faire, je vais cliquer sur le haut ici et trier ces masses dans l'ordre décroissant, donc plus grandes en haut. Je vais juste faire défiler vers le haut et m'assurer que c'est le cas. Oui, la météorite Hoba apparaît sur le dessus. Donc, je n'ai pas de lignes ou de colonnes supplémentaires qui vont gêner la façon ici lorsque je l'exporte, cela conduirait simplement à des choses vides dont je n'ai pas besoin. Donc, je me sens bien à propos de l'état dans lequel il se trouve. Sous Export, je vais exporter ceci vers un CSV. Je peux laisser l'encodage de texte tel qu'il est, appuyez simplement sur Suivant et je vais l'enregistrer sur le bureau en tant que Meteors.csv. Maintenant, jetons un coup d'oeil à cela, ouvrez-le dans l'édition de texte et voyons ce que cela est transformé en. Ici nous l'avons, ce devrait être un fichier texte de 34 000 lignes. Vous pouvez voir que toutes ces colonnes ont été traduites maintenant en valeurs séparées par des virgules, la première apparaissant comme la clé nous indiquant le lieu, l' année, la masse, la longitude, la latitude et l'effondrement trouvé. Je vais juste supprimer cette ligne du haut parce que ce ne sont pas des données, c'est juste une clé et je vais la sauvegarder et nous serons prêts à la mettre en traitement. J' ai trié les météorites par masse parce que je vais vouloir étiqueter les plus gros météores. Ce sera plus facile à faire en disant simplement, je veux étiqueter les 10 ou 20 premiers, plutôt que d'analyser toutes les valeurs et de les tester si elles sont sur une certaine échelle. Ces données sont également accessibles dans Google, il y a un lien sur le site Skillshare pour cet ensemble de la taille et des données de météorite. Ceci est une feuille de calcul Google et ici vous pouvez voir certaines des mêmes informations, ces coordonnées, il y a même des liens vers une entrée de base de données pour les météores. Mais si vous souhaitez le télécharger ici ou l'explorer, vous pouvez à nouveau trier les choses en cliquant sur le haut de l'étiquette de la colonne ou sous Fichier en sélectionnant Télécharger, vous pouvez également le télécharger en format CSV. 6. Nouvelle syntaxe de fichier et dossier de données: Si vous n'avez pas de traitement sur votre ordinateur, vous pouvez l'obtenir gratuitement en visitant processing.org. Il y a un gros bouton de traitement des téléchargements ici. N' hésitez pas à faire un don si vous le souhaitez, car il s'agit d'un logiciel open source. Ensuite, téléchargez la version correcte dont vous aurez besoin. Donc, j'ai la version Mac déjà installée. Mais si vous ne l'avez pas, téléchargez-le ici. Une fois que vous l'avez installé, ouvrez Processing et nous allons faire une nouvelle esquisse. Ici, vous devriez voir quelques-unes des parties de l'application dont j'ai parlé précédemment. Nous avons ce champ de l'éditeur vide et la console ci-dessous. Sauvegardons ceci sur le bureau. Appelons ça MeteorSketch, et vous verrez cela apparaître sur le bureau. Ce que nous allons devoir ajouter à cette esquisse est un dossier appelé data. Maintenant, tous les esquisses de traitement ne l'ont pas, mais si nous voulons apporter des fichiers externes comme nous le serons, c'est là qu'il doit vivre. Donc, il suffit de créer un nouveau dossier dans ce répertoire et d'appeler les données avec un d. minuscule . Si vous avez également téléchargé l'exemple de travail de cette application que nous allons construire, vous verrez qu'il y a un dossier de données là, et il y a les deux pièces dont nous avons besoin. Il a le meteorite.csv et un fichier appelé WorldMap.spg. Vous pouvez simplement copier ces fichiers dans votre dossier de données ou vous pouvez utiliser le fichier meteors.csv que nous avons généré plus tôt. Donc, dans votre MeteorSketch, vous pouvez déjà appuyer sur Run et vous verrez la toile apparaître. Nous allons devoir commencer par configurer le tirage au sort et les sections de configuration de notre out. Vous pouvez donc les taper indirectement ou ouvrir l'esquisse de référence fournie dans le fichier Skillshare. Ici, vous verrez la petite étiquette commentée que j'utilise pour indiquer le début de la section de configuration, et en dessous, nous aurons juste besoin de dire «  void setup » avec quelques parenthèses et une accolade ouverte et une accolade proche. Ensuite, nous aurons également cette étiquette commentée pour indiquer le début de la section de dessin. Ici, nous pouvons dire nul tirage, puis ouvrir l'accolade et fermer l'accolade. En haut, je vais juste faire une autre indication de ce qui sera là. C' est là que nous allons mettre à la fois la bibliothèque dont nous aurons besoin et les variables globales. Donc, c'est le squelette de notre application. C' est là que vivront les pièces dont nous aurons besoin. Vous pouvez appuyer à nouveau sur Run, et vous verrez ce même petit carré se produire. Donc, chaque fois que vous appuyez sur Exécuter, il va vérifier votre code et s'assurer qu'il n'y a pas d'erreurs. Donc, on est en bonne forme. Sauvons ceci et commençons à apporter certains des éléments de base dont nous aurons besoin. Dans la section de configuration, nous allons trouver des choses comme la taille de notre projet, nous allons importer la carte que nous allons utiliser, et ce sont des choses que nous voulons juste arriver une fois dans la section de dessin vide. C' est là que vous pouvez avoir du code qui s'exécute encore et encore. Donc, si nous faisions une animation ou une animation interactive, nous voulons que nous continuions à dessiner des images à l'écran. La principale chose que nous allons vouloir se produire dans notre section de tirage est que nous allons vouloir qu'il commence à enregistrer un pdf au début, et l'enregistrer à la fin. Donc, nous voulons juste que cela fonctionne une fois ou bien nous finirons avec un pdf sauvegardé encore et encore et encore. 7. Importation de svg: Dans cette section, nous allons apporter la carte de base. Ce seront les contours du globe qui formeront un contexte pour comprendre où ces frappes de météores se sont produites partout dans le monde. L' un des éléments du dossier de données est un graphique appelé WorldMap.svg, et il s'agit d'une projection rectangulaire Aqua du monde. Vous pouvez voir notre Antarctique géant en bas et comment le sommet des États-Unis, de la Sibérie, du Canada et du Groenland se sont vraiment déformé. Mais ce sera facile à importer et facile à placer sur nos marqueurs. Cela vient de Wikipédia, vous pouvez toujours rechercher Aqua carte vectorielle rectangulaire sur Google et trouver d'autres sources. Donc, ce que nous devons faire est de rendre notre toile assez grande pour contenir cette carte, et d'utiliser un peu de code pour la placer en arrière-plan. Donc, la première chose que nous allons faire est de définir la taille de notre toile à une taille qui correspond aux proportions de cette carte. La projection de la carte rectangulaire Aqua sera toujours deux fois plus large qu'elle est grande. Donc, si nous décidons que nous voulons que ce soit 900 pixels de haut, nous le ferons de 1 800 pixels de large. Vous définissez la taille du canevas dans le traitement par avec la fonction size. Donc, disons 1 800 pour la largeur, et 900 pour la hauteur. Ces fonctions sont toujours commencées avec une parenthèse ouverte et fermées avec une parenthèse fermée, et à la fin de chaque ligne, vous aurez besoin d'un point-virgule. Si nous appuyons sur le bouton de lecture maintenant, vous verrez tout d'un coup notre croquis est 900 sur 1 800, ce qui est beaucoup plus accommodant. La prochaine chose que nous allons faire est d'apporter ce morceau de code pour charger le fond de carte. Nous allons devoir définir notre première variable. C' est un type spécial appelé PShape, et c'est ce qui contient un SVG. Donc, nous définissons d'abord son type, puis nous lui donnons un nom. Je vais l'appeler fond de carte. Vous pouvez toujours voir si vous entrez le code correctement dans le traitement, si vous utilisez ces fonctions, elles seront mises en évidence. Donc, pShape sait que c'est un type variable et qu'il est orange, tandis que ces fonctions savent qu'elles sont vertes ou bleues. Dans ces mises en place, le code que nous allons juste exécuter une fois, nous allons définir dans ces cartes de base. Donc, nous tapons le nom de notre variable, et ensuite nous avons besoin d'une autre fonction, loadshape, que vous verrez si je tape tout en minuscules, il ne met pas en évidence si j' utilise la majuscule S là, il met en évidence correctement. Maintenant, je veux juste lui donner le nom de notre SVG, donc je vais copier cela à partir du dossier de données, et je dois mettre cela entre guillemets ici, WorldMap.svg. Ce n'est pas tout à fait suffisant, mais nous allons l'exécuter juste pour être sûrs. Ok, on a un problème avec la carte de base. C' est parce que je n'ai pas mis de majuscule M dans le nom de la variable. Donc, il m'a dit dans la console, il ne peut pas trouver quoi que ce soit nommé BaseMap. Une fois que j'ai changé le nom de la variable pShape, cela devrait fonctionner correctement. Maintenant, en mode dessin, je vais ajouter un morceau de code de plus et c'est ce que nous allons l'ajouter à la toile. Ce sera une fonction appelée forme, et je vais lui dire de mettre mon fond de carte à la position zéro, zéro, qui est le tout premier point dans la toile, et que je veux qu'il soit aussi large et aussi grand que la toile. Maintenant, je pourrais soit retaper les dimensions que j'ai mises dans la taille, soit utiliser ces petites méthodes pratiques pour simplement demander à la toile de quelle taille il est. Ce sont des mots réservés comme la largeur et la hauteur qui représentent ces quantités. Donc, dans cette ligne de code, je dis que je veux une forme qui est remplie avec le fond de carte qui est notre SVG, et ça commence à zéro, et ça va à la largeur et à la hauteur. J' ai fermé ça avec un point-virgule, et si je le fais, nous avons la carte. Donc, nous sommes en bonne forme pour commencer à introduire nos données et commencer à les mettre sur notre carte. Pour cette classe, je vous ai fourni une carte rectangulaire Aqua correctement formatée que j'ai puisée à partir de Wikipédia. Mais j'ai aussi trouvé qu'il y a d'autres endroits pour obtenir des cartes. Cette méthode ne fonctionnera que si nous utilisons une projection de carte rectangulaire Aqua, mais vous pouvez taper ce vecteur rectangulaire dans Google et je vais généralement aller à la section images pour essayer de trouver d'autres sources. Vous pouvez voir ici, il y a beaucoup d'exemples différents de cartes rectangulaires Aqua avec différentes quantités de détails, ou avec des séparateurs de pays sur eux. Donc, vous pouvez toujours essayer de mettre l'un de ceux-ci dans votre fichier également. 8. Dessiner des marqueurs: L' étape suivante sera d'obtenir des marqueurs dessinant sur notre carte. Nous allons brancher les données un peu plus tard, mais regardons simplement comment le traitement peut dessiner les formes dont nous aurons besoin. Il existe un couple de différents types de formes que le traitement peut nous fournir. Nous pouvons utiliser des rectangles, des rectangles ou des ellipses. Commençons par regarder ces deux étapes et quelques-unes des étapes que nous aurons besoin pour les faire dessiner d'une manière qui nous excite. Donc, la première fonction est un rect. Vous verrez que juste en tapant rect et en mettant dans notre traitement parenthèses reconnaît ce morceau de code. Un rectangle prend quatre paramètres. Nous voulons l'emplacement X et Y, puis la largeur et la hauteur. Donc, si je dis 100, 100 pour la position et que je veux qu'elle soit 200 pixels de large, 100 pixels de haut, si je lance ça, vous verrez que nous obtenons ce rectangle ici. Par défaut, il a un contour noir et un remplissage blanc. Je ne veux pas vraiment qu'il ait ce contour noir. Donc, dans la ligne ci-dessus, je vais utiliser ce petit morceau de code, pas de trait, et cela désactivera le contour si je le relance. Alors maintenant, j'ai juste un rectangle blanc, mais c'est assez invisible. Donc, ce que je vais faire maintenant, c'est lui donner un remplissage. Vous pouvez le faire de plusieurs manières différentes dans le traitement. Il reconnaîtra le noir et le blanc. Vous pouvez le spécifier en noir et blanc avec alpha, ou RVB, ou RVB avec alpha, alpha signifiant transparence. Donc, d'abord, disons juste que je veux le remplir de noir. L' échelle noire va de 0 à 100. Donc, si je dis remplir 0, ça me donnera un rectangle noir. Il va de 0 à 255. Donc, une valeur de 255 me donnera un rectangle blanc. Si je reviens à dire remplissez-le avec 0 ou noir, je peux ajouter un autre paramètre qui sera une transparence. Donc ici, je peux mettre 50, et maintenant vous pouvez voir que j'ai un rectangle semi-transparent. Je veux utiliser un peu de couleur. Donc, je vais aller à l'échelle de couleur qui prend trois paramètres tous de 0 à 255. Ceux-ci sont dans l'ordre des rouges, verts et bleus. Donc si je dis 255, 0, 0, j'aurai un rectangle rouge. Maintenant, si je lui donne un paramètre de plus, comme 50, j'aurai un rectangle rouge semi-transparent. Nous n'avons pas encore mis dans la fonction no loop, donc cette boucle de dessin ne fait que dessiner, dessiner, dessiner constamment. L' une des choses intéressantes que vous pouvez faire dans le traitement est de jouer avec la couleur. Il y a une fonction appelée aléatoire. Cela va juste définir une valeur aléatoire. Cela peut être vraiment utile pour expérimenter et explorer. Dans ce cas, nous disons que nous voulons une valeur comprise entre 0 et 255 au lieu de définir 255. Maintenant, vous verrez cette animation progresser. Vous pouvez voir que nous avons une forme scintillante maintenant et vous pouvez déposer ce code aléatoire partout où vous voulez. Mais on veut juste courir ça une fois. Donc, pour garder ce code plus simple dans notre configuration, nous allons juste ajouter une ligne qui dit pas de boucle, et cela signifie qu'une fois qu'il fonctionne une fois que nous aurons terminé. Nous pouvons tester que cela fonctionne parce que maintenant le aléatoire va juste choisir une valeur et il sera statique après. Je vais réinitialiser ça à 255. On recommence. Nous avons un rectangle rouge. Enfin, nous allons juste regarder comment les ellipses sont dessinées dans le traitement. Comme vous pouvez l'imaginer, cela prend une fonction appelée ellipse. Je vais lui donner une position différente comme 500, 500 et une largeur de 100, et une hauteur de 100, fermer ces parenthèses et mettre un demi-côlon. Une fois que j'ai exécuté ceci, j'aurai une nouvelle ellipse et l'étape suivante sera d'importer certaines de nos données et de pouvoir commencer à dessiner ces marqueurs par programme afin qu'ils nous montrent où tous ces frappes de météorite se sont produits dans le monde entier. 9. Importation et analyse de données: Pour cette section suivante, nous allons introduire les données CSV dans un tableau 2D afin que nous puissions les traiter et placer nos marqueurs dans la bonne position sur la carte. Maintenant, nous allons utiliser un peu de code répétitif pour analyser ce CSV dans nos tableaux. Je vais faire un peu de configuration, mais ce morceau de code que nous copions, c'est juste quelque chose que vous réutiliserez chaque fois que vous voulez importer des données dans le traitement à partir d'un fichier texte. La première chose que nous allons mettre en place est une variable pour contenir le contenu de notre fichier texte. Ça va être une chaîne. Nous allons l'appeler CSV parce que c'est ce que c'est, et ce sera un tableau automatiquement. C' est parce que lorsque nous l'introduisons, il interprétera chacun des retours dans ce fichier texte comme une nouvelle ligne de données. Donc, la chaîne CSV va être une liste de toutes les météorites. Pour remplir ce fichier CSV avec les données du fichier texte, nous aurons besoin d'une ligne dans notre configuration où nous définissons ce qu'est CSV. Donc, CSV va maintenant égaler le contenu de cette fonction qui est appelée LoadStrings. C' est ce que vous utilisez pour importer des données à partir d'un fichier texte. Donc, j'ai la fonction là, et je vais juste copier dans ce nom MeteorStrikes. Encore une fois, cela doit vivre entre guillemets. Exécutons simplement ceci pour nous assurer que tout fonctionne correctement. Ok, donc les chaînes sont chargées. Je vais me débarrasser de ce rectangle que nous avions dans l'instance précédente, et je vais utiliser la console pour la première fois. Je veux juste m'assurer que tout est accessible, donc je vais taper cette ligne println. Cela signifie imprimer quelque chose sur la console, et je vais lui dire d'imprimer CSV, notre variable qui contient le contenu de notre fichier texte. Je l'ai encore fait. On y va, on a 34 000 lignes de données de météorite juteuses dans notre console. Donc, tout fonctionne bien jusqu'à présent. Je vais supprimer ça. Je vais configurer le tableau 2D. C' est la liste des listes où, au lieu d'avoir tout en lignes, nous allons maintenant tout diviser en lignes et colonnes afin que nous puissions accéder à n'importe quel élément de données que nous voulons. Dans le CSV, nous pourrions accéder à une ligne de données en disant println CSV, puis entre crochets, en donnant juste un nombre comme 23 parce que je sais que c'est un fichier texte extrêmement long. Je sais que 23 seront dans les limites. Je vais lancer ceci à nouveau, vous verrez juste la 24e ligne du fichier texte. Ce que nous voulons faire maintenant est de le diviser à toutes ces virgules, pour que je puisse accéder à n'importe quel morceau de ceci. Pour ce faire, nous devrons définir le tableau 2D que nous allons utiliser. Ça va être une chaîne à nouveau. Pour celui-ci, j'appellerai MyData, et nous dirons qu'il s'agit d'un tableau 2D en ayant deux ensembles de parenthèses. Donc, j'ai défini cette variable. Maintenant, je vais expliquer le traitement, taille que je veux que ce conteneur soit. Je veux qu'il corresponde correctement aux données pour être efficace, donc ce que je vais faire est de dire, « La taille de mes données est une nouvelle chaîne, et je veux qu'elle ait autant de lignes que le fichier MeteorStrike.csv. Donc, nous savons que c'est quelque chose comme 34 000, mais nous pouvons réellement l'obtenir directement en utilisant cette petite méthode de commodité de dire csv.length. Donc, cela va juste le remplir automatiquement avec la longueur du fichier CSV. Je pense que nous avons, ici, nous pouvons compter le nombre de colonnes que nous avons, une, deux, trois, quatre, cinq, six. Il y a six colonnes, donc je spécifie que six, et juste appuyer sur Exécuter pour le vérifier à nouveau, tout va bien. L' étape suivante sera ce morceau de code réutilisable pour diviser ces lignes CSV en notre tableau 2D. Donc, je vais copier ceci à partir du fichier de référence. En fait, je vais le taper à nouveau. Nous allons utiliser nos quatre premières boucles donc, je vais juste mettre en place le squelette de base de la boucle for qui commence par pour le paren ouvert et le paren fermé, puis une accolade ouverte, et une accolade rapprochée. Maintenant, je vais mettre en place les conditions pour la boucle for. Ce sera, pour un entier i, c'est zéro, alors qu' il est inférieur à la longueur du CSV, donc csv.length l'incrémente, c' est i plus, plus ou i égale i plus un. Ensuite, ce que nous allons dire est que ce tableau 2D MyData pour chacune des positions i dans ce conteneur, nous voulons diviser ce CSV sur la chaîne qui est le caractère d'une virgule. Donc, csv i.split, c'est une fonction de chaîne qui lui dira le caractère sur lequel vous voulez le diviser, et j'ai tout fait correctement ici, et appuyez sur Exécuter. C' est fait tout ça en arrière-plan. Maintenant, nous allons juste imprimer un peu aléatoire de MyData pour nous assurer que cela fonctionne correctement. Donc, je vais ajouter un autre println. Je veux accéder à MyData à la position 23 à nouveau, mais cette fois, je veux la quatrième ligne ou la quatrième colonne de la ligne 23, fermer cela et l'exécuter, et nous y allons. J' ai un peu de données de localisation étalées. Donc, je pense que tout est dans le système maintenant où nous devrions être capables de le parcourir, et commencer à faire nos marqueurs. N' hésitez pas à copier cela pour la boucle ou même la section de configuration terminée. Maintenant que nous avons terminé, ce fractionnement sur le morceau de code de la virgule est quelque chose que je copie généralement d'un projet à un autre, et je ne m'inquiète pas de le mémoriser. 10. Conversion lat/long en coordonnées d'écran: Donc, à ce stade, vous avez ce CSV importé dans le traitement, et vous avez copié ce code. Donc, nous avons une analyse dans un tableau 2D et maintenant nous pouvons entrer dans notre section de dessin, et commencer à le convertir en coordonnées d'écran afin que nous puissions le placer sur notre carte. Allons dans la section de dessin, et ce que nous allons faire, c'est que nous allons mettre en place une autre boucle pour parcourir toutes nos données. Espérons que cela vous est un peu plus familier. Comme je l'ai dit plus tôt, c'est la même structure que nous utilisons maintes et maintes fois tout au long du traitement. Nous allons commencer par taper pour, ouvrir et fermer ces parenthèses, lui donner une accolade pour ce que nous voulons qu'il fasse pendant la boucle for et fermer cette accolade. Encore une fois, nous pouvons utiliser cette structure int i. Cela ne va pas entrer en conflit avec le i que nous avons utilisé ci-dessus parce que ceux-ci sont dans des contextes différents. Si vous voulez qu'une variable soit accessible tout au long du projet, nous devons la définir ici dans la section variable globale. Donc, je vais utiliser à nouveau i, je vais dire pour int i égal à zéro, je suis inférieure à la longueur de mes données, donc c'est ma data.length. Ajouter un à i, i plus. Donc, je vais faire ça, assurer que tout va bien. Ça a l'air bien encore. Je vais déplacer cette ellipse que j'ai dessinée plus tôt dans la boucle for. Mais laissez-le comme ça et je le fais, je vais empiler 34 000 ellipses l'une sur l'autre. Vous pouvez déjà voir, que le code a ralenti un peu, mais maintenant le rouge de l'ellipse est totalement opaque, parce que toutes ces ellipses transparentes sur l'autre sont maintenant devenues une masse solide. On va s'arrêter à dessiner cette ellipse. Donc, donnons-lui juste deux barres obliques avant pour le commenter pendant une minute. Maintenant, ce que nous devons faire est de calculer la latitude et la longitude. Nous pouvons utiliser la fonction de carte pour le faire. Tout d'abord, nous allons imprimer des parties de notre ensemble de données pour nous assurer que nous les avons au bon endroit. Pour ce faire, je vais utiliser le PrintIn, et ce que je veux faire, c'est accéder à mes données pour chaque ligne qui sera i, et je pense que nous allons travailler avec le fichier CSV ici. Nous allons utiliser une, deux, trois, la quatrième et la cinquième position, parce que nous parlons à un ordinateur que nous devons en soustraire un, parce qu'ils comptent à partir de zéro. Donc, ce sera trois et quatre. Nous pouvons faire cela en fait tout sur une ligne en mettant un plus ici, et ouvrir des guillemets, et, juste faire un autre plus là-dedans, et un plus, puis l'autre bit de mes données. Donc, ce qui se passe ici, c'est que je dis, je veux une impression deux variables, et je veux juste coller un peu de texte entre les deux pour le rendre lisible. Ça va être un espace, un plus, et un espace. Donc, si je lance ceci, je devrais voir toutes les données passer par ici. Comme vous pouvez le voir dans la console, j'ai la latitude, puis la longitude séparée par un plus. Je peux en faire une virgule ou une barre oblique si je le veux. Donc, j'ai les données dans une boucle où je peux accéder à tout maintenant. Je vais utiliser la fonction de carte pour convertir tout cela en coordonnées d'écran. Donc, pour ce faire, je vais mettre en place une nouvelle variable. Donc, je vais appeler GraphLong. Ce sera un flotteur, parce que je veux avoir beaucoup de précision à cela. Ce sera un nombre décimal plutôt qu'un nombre entier, et la valeur de celui-ci sera la sortie d'une fonction de carte. Je vais aussi avoir besoin d'un graphique de ça. Donc, je vais configurer cela aussi avec une nouvelle variable et la sortie de cette fonction de carte. Donc, si vous vous souvenez d'avant, une fonction de carte va prendre cinq entrées. Nous allons d'abord prendre le numéro que nous voulons une carte, puis les deux échelles que nous utilisons. Alors, installons. Accédez au morceau de données que nous voulons initialement. Le premier sera ce MyData [i] [3]. Donc, nous pouvons copier cela et le mettre dans la première carte, et ensuite ces données seront sur l'échelle de moins 180 à 180. Donc, premier numéro ici moins 180, 180 , et nous voulons que cela soit mappé à la largeur de notre toile. Nous savons que la toile commence par zéro et va à une largeur accessible en tapant simplement la largeur du mot. Donc, nous commençons par zéro, puis nous taperons largeur. Le processus pour la latitude, c'est très similaire, mais nous devons modifier un peu les valeurs. Pour cela, nous allons utiliser MyData [i] [4], et cela sera sur l'échelle de moins 90 à 90, et pour les données terrestres, puis il sera sur l'échelle de zéro à la hauteur quatre pour notre position d'écran. Modifions ce PrintIn un peu, coulons-le et collons-le sous ces équations, et plutôt que de brancher MyData [i] [3], branchons la sortie de ces fonctions de carte. Ainsi, nous pouvons y accéder en copiant sur un GraphLong et en le mettant dans la fonction d'impression, copiant GraphLat, et en mettant dans la fonction d'impression. Donc, maintenant, si tout fonctionne correctement, nous pouvons nous attendre à ce que la boucle traverse toutes les valeurs de latitude et de longitude dans notre CSV et les enregistrer dans les variables, GraphLong et GraphLat. Chaque fois qu'il va à la boucle for, il va réinitialiser la variable et utiliser la valeur suivante. Donc, ce que nous devrions attendre dans la console, c'est que ce GraphLong et GraphLat impriment toutes les valeurs d'écran dont nous allons avoir besoin. Mais j'ai fait quelque chose de mal. Oui. C'est la seule étape qui manque. Nos données sont sous forme de chaîne. Donc, pense que tout ce qu'il rencontre est un mot. Malheureusement, nous savons qu'il s'agit d'un nombre, et nous devons le mettre dans un format que cette fonction de carte peut utiliser. Il ne peut fonctionner qu'avec des nombres comme des entiers ou des flottants. Donc, la façon de dire au traitement d'utiliser ce myData, qu'il pense est un mot parce qu'il vient d'un ensemble de variables de chaîne. On doit le lancer à un numéro. Cela signifie simplement le traduire, et la façon dont nous le faisons est avec une petite fonction appelée float. Donc, si nous enveloppons MyData dans un flotteur et dans la ligne ci-dessous, nous l'envelopperons. Dans un flotteur, cela devrait maintenant être possible par la fonction, et notre console devrait cracher toutes les valeurs d'écran dont nous aurons besoin. Vous pouvez voir, maintenant ces nombres sont à l'échelle de notre toile. Ils devraient tous être en moins de 1800 dans le premier nombre et moins de 900 dans le deuxième nombre. Maintenant, si vous avez ce code fonctionne, vous pouvez soit le copier à partir de l'autre fichier ou espérons-le, le modifier jusqu'à ce qu'il soit réussi pour vous. Allons à notre ellipse pour dessiner tous ces marqueurs à l'écran. Donc, plutôt que de lui donner des dimensions explicites comme 500 et 500, nous pouvons maintenant lui dire que nous voulons juste mettre tous nos points à GraphLong et GraphLat et 100-100 il va être assez grand, faisons-les 10 par 10. Si nous lançons cela, nous devrions voir notre premier aperçu de toutes ces données apparaissant sur la carte. On a fait une erreur quelque part. Comme vous pouvez le voir, cette carte est à l'envers. Ces météorites n'atterrissent pas sur nos continents. Donc, je pense que ce que je dois faire, je dois changer cette cartographie de l'échelle. Plutôt que de passer de moins 90 à 90, je veux qu'il passe de 90 à moins 90. Espérons que ce changement sera le bon. On y va. Ça a l'air beaucoup mieux. Nous avons toutes les météorites qui atterrissent sur Terre maintenant, et dans la prochaine étape, nous pouvons brancher l'échelle de la taille de la météorite à la taille du marqueur que nous voyons à l'écran. 11. Connecter les marqueurs aux données: D' accord. Dans cette dernière section, j'espère que vous avez eu le frisson de mettre tous les marqueurs de météorite sur la carte. Maintenant, nous allons faire un peu de maths pour les mettre à l'échelle correctement, et accéder à la masse de la Météorite. Nous allons faire un peu de nettoyage sur cette For Loop, se débarrasser de l'espace ici, et je suis assez heureux avec le reste de ce code. Donc, je vais le laisser en place. Ce que je vais vouloir faire, c'est définir une variable pour le diamètre de chacune de ces météorites. Donc, je dois utiliser mon calcul de surface correct, et accéder au bon morceau de données de notre CSV pour le brancher dans cette équation. Encore une fois, je vais vouloir un flotteur, et appelons ce MarkerSize. Ce sera le conteneur pour le diamètre de nos MeteorMarkers. Alors, vérifions à nouveau où se tient l'échelle de notre Météorite. Donc, il se trouve dans la troisième colonne de notre fichier texte. Donc, nous allons y accéder avec le tableau 2D my data. Nous pouvons continuer à utiliser (i) pour les parcourir tous, mais nous utilisons la deuxième position maintenant. Donc, maintenant j'ai besoin de brancher le markerSize à la taille de l'ellipse. Donc, plutôt que d'utiliser un statique, je vais juste dire coller markerSize où je disais 10 avant. On peut essayer ça, mais je pense que deux choses. Premièrement, ces marqueurs vont être énormes. Nous ne serons pas en mesure de voir notre carte, et aussi nous devons transformer la chaîne que mes données retournent en un flotteur. Nous devons en faire quelque chose que le code de dessin d'ellipse peut reconnaître. Donc, maintenant nous disons : « Prenez ce mot qui définit un nombre et traitez-le comme un nombre. » Vous devriez désactiver le println, fonction maintenant, je pense que cela va prendre trop de temps et ralentir ce processus. Donc, supprimons cela et relancez ceci. Donc, un tas de rouge, c'est parce que certains de ces marqueurs étaient de 60 millions de grammes. Donc, nous allons vraiment avoir besoin de réduire ces marqueurs. Malheureusement, l'une des choses que nous allons faire, c'est que nous allons mettre en œuvre ce calcul de superficie. Donc, comme je vous l'ai montré dans les concepts initiaux, nous devons prendre une racine carrée de la taille de la météorite et la diviser par pi et cela nous donnera le rayon. Alors, voyons. Nous avons une fonction pour faire racine carrée dans le traitement de son SQRT, et peut-être qu'il a des minuscules. sqrt, ouvrez un paronzième, et fermez le paronzième. Donc ça va réduire la taille du marqueur un tas, nous devons aussi le diviser par pi. Donc, nous utilisons une barre oblique et Pi comme méthode de commodité dans le traitement aussi juste PI, et je vais juste le multiplier par 0,5. Voyons voir. Donc, quoi que ce soit, je vais juste le diviser en pour le réduire un peu. Essayons de le faire à nouveau. D' accord, ça devient un peu plus rationnel, mais c'est toujours hors des limites de l'acceptabilité. Donc, ajoutons une autre décimale au facteur de mise à l'échelle. Donc, maintenant multipliez-le par 0,05, et cela semble plutôt bon. Je peux faire des zones de densité, et des zones où il n'y a pas autant de météorites. Je vais même essayer de stimuler un peu ça. Dites, 0.1, et exécutez-le à nouveau. Je vais vous laisser cette mise à l'échelle. Je pense que je vais revenir à 0,05. Cela m'a semblé montrer une bonne quantité de détails ici, tout en communiquant un tas de la densité de ces frappes de météorite. Donc, je ne pense pas qu'il y ait une bonne ou une mauvaise réponse pour trouver la bonne échelle ici, mais nous pouvons passer à petit assez facilement, si nous allons à 0.01, je pense que nous allons juste commencer à manquer cette densité, beaucoup de météorites plus petites sont maintenant invisible, alors que si on passe à 0,1, je pense que beaucoup de ces zones sont trop entassées. Donc, je commence à perdre des détails dans le Midwest des États-Unis et je pense que je veux le réduire un peu, que je puisse en voir un peu plus. Donc, je vais essayer la moitié de ça, 0,05. Ce qui, à mes yeux, semble équilibrer la bonne quantité de détails dans les zones plus petites avec une partie de la densité qui, je pense communique l'intensité des frappes de météorite mexicaine. Il s'agit d'une décision d'illisibilité qui consiste à vous assurer que vous pouvez voir l'ensemble des données dans votre visualisation. 12. Marqueurs d'étiquetage: Ok, donc, nous avons toutes les météorites qui dessinent sur notre carte, elles sont toutes correctement mises à l'échelle, nous avons converti nos quantités en zone avec la méthodologie appropriée, et maintenant je veux juste étiqueter certaines d'entre elles. Et le mot clé ici est, certains d'entre eux, parce qu'avec 34 000 météorites sur notre carte, il serait vraiment enlisé à la fois le traitement et l'illustrateur pour essayer de toutes les étiqueter. Donc, je veux étiqueter un sous-ensemble, et si vous vous souvenez, nous sortons le CSV avec les plus grandes météorites sur le dessus. Donc, nous pouvons simplement dire, « Pour les 20 premiers, mettons une étiquette dessus, ou même les 10 premiers. » Et nous saurons que ce sont les 10 meilleures météorites de notre sélection. Donc, pour ce faire, nous allons utiliser une autre petite fonction ici qui est une fonction if, cela va essentiellement juste tester une sortie et voir si nous devrions faire quelque chose. Ceci est similaire à une boucle avant, nous dirons si, et parens ouverts parens fermer, et le crochet ouvert, et je veux simplement dire si j'ai moins de 11, ça me donnera le, en fait si j'ai moins de 10, qui devrait me donner les 10 meilleures tailles de météorites, et c'est là que je vais mettre le code d'étiquetage. Donc, d'abord, je vais juste vouloir mettre le texte à l'écran. Et ce n'est pas si difficile d'ajouter du texte dans le traitement, nous utilisons une fonction appelée, Texte, qui va définir ce que nous voulons mettre à l'écran, et nous avons juste besoin de lui dire quoi écrire, et où le mettre. Nous avons déjà cette information dans notre système. Donc, le CSV a un nom, donc et c'est dans notre tableau mydata deux D, et c'est dans la première position. Donc, ce sera mydata i en position zéro, puis le prochain paramètre sera juste notre GraphLong, et le prochain sera GraphLat. Maintenant, je vais lancer ça, mais ça va juste mettre le texte juste au-dessus de notre marqueur, donc, nous allons probablement le compenser. Vous pouvez également voir qu'il le dessine dans la même couleur que la météorite, donc nous voulons changer cela. Je vais vouloir les dessiner en noir. Donc, comment nous faisons cela, est-ce que vous avez juste besoin d'ajouter une autre ligne pour le remplissage, et je vais dire remplissez-le avec zéro. Le problème est que, ce remplissage est maintenant à l'intérieur de la boucle quatre, donc, je vais obtenir une météorite dessinée en rouge si je fais cela, et tous les autres seront dessinés en noir. Peut-être qu'on pourra voir ça. Non, je ne vois pas le rouge. Mais tout est dessiné en noir maintenant. Donc, ce que je dois faire est de déplacer cette description de remplissage dans la boucle quatre, donc chaque fois qu'il recommence, il définira mes météorites à être réglées avec le rouge semi-transparent, puis quand il arrive à la section de texte, il le placera à être rempli de noir. Si je lance cela à nouveau, j'espère que les résultats arriveront, super. On a des étiquettes noires sur nos météorites rouges semi-transparents. Maintenant, je veux déplacer toutes ces étiquettes hors des cercles, que je puisse utiliser une ligne pour les attacher à la bonne frappe de météorite. Nous pouvons simplement le faire en spécifiant un décalage, et l'une des bonnes choses est que nous connaissons déjà la taille de chacun de ces cercles dans cette itération. Donc, je vais dire que je veux le compenser par GraphLong plus la taille du marqueur, plus 100, voir si c'est suffisant. D' accord, ça ressemble trop, alors, peut-être que je vais le faire d'ici 30 ans, on va essayer ça pour la taille. Vraiment micro-taille. D'accord. Ça semble raisonnable. Maintenant, dessinons une ligne qui relie le morceau de texte à la météorite. Je ne veux pas remplir ma ligne avec zéro, je veux vraiment lui donner un coup, donc, je dirai, pas de remplissage, et je veux que mon trait soit noir. Donc, ce sera un coup de zéro. Et quand je recommence cette boucle, je ne veux pas utiliser ce coup. Donc, en haut, je vais devoir dire pas d'accident vasculaire cérébral. Dessiner une ligne est à peu près aussi simple que dessiner certaines de ces autres formes, nous allons juste dire que je veux une ligne, et cela prendra deux mesures, la position x et y de départ, et la position x et y de fin. Dans ce cas, nous savons que nous voulons commencer à GraphLong plus la taille du marqueur, et GraphLat. Donc, nous ajoutons la taille du marqueur ici pour qu'il commence au bord du cercle, je peux l'enlever pour l'instant afin que nous puissions voir comment cela pointera vers le centre du cercle si nous ne l'utilisons pas. Ensuite, le point final de ceci sera GraphLong à nouveau, plus la taille du marqueur et GraphLat. Voyons ce que cela fait, et comment nous devons l'ajuster. Sûrement aller. Donc, il court un peu dans notre texte, et il court au centre du marqueur. Donc, je veux que cette ligne se connecte simplement au bord même de notre marqueur, cette façon, dans certaines de ces zones plus denses, vous pouvez voir quel cercle est décrit. Donc, pour ce faire, j'ajouterai la taille du marqueur sur deux pour que cela fonctionne. Donc, je dois le diviser par deux, sinon ce sera le diamètre du cercle. C' est génial, nous avons une connexion au bord maintenant. Et je veux juste déplacer le texte un peu vers la droite, et un peu vers le bas, cela devrait rendre notre connexion complète. Donc, le texte que je vais lui donner un peu de rembourrage, comme cinq pixels, et la latitude du graphique, et lui donner un autre dire cinq pixels, et vous pouvez ajuster ces valeurs pour l'amener à l'endroit où penser qu'il est confortablement aligné, il semble un peu bas à mes yeux, donc je vais changer ce cinq à un quatre, et maintenant c'est plutôt bon. La ligne et le texte sont tous reliés à nos météorites, et ajoutons un peu de code pour que nous puissions le faire sortir en PDF. 13. Créer un PDF: D' accord. On est tous prêts. Nous avons tous nos cercles dessinés à la bonne échelle dans le traitement, nous avons des étiquettes de texte qui sont reliées à nos marqueurs d'une manière géniale. L' étape suivante est de savoir comment introduire cela dans un fichier PDF, afin que nous puissions l'intégrer dans Illustrator, et y apporter quelques modifications finales, ou bien l'amener plus loin, apporter dans InDesign ou Photoshop. Nous allons avoir besoin d'une bibliothèque pour le faire, et cela vient automatiquement avec le traitement. Vous avez juste à ajouter un peu de code sous les bibliothèques. En fait, vous pouvez simplement le faire sous le menu d'esquisse en cours de traitement. Si vous dites import library, il y a un PDF ici, et il va plop dans le bon morceau de code. Ou vous pouvez simplement le copier à partir du fichier de référence. Nous disons import, processing.pdf, et maintenant nous avons accès aux outils nécessaires pour nous enregistrer un PDF. Le reste du code pour cela, fera le tour de notre zone de tirage. Donc, tout ce que nous devons faire est de dire, commencer à enregistrer au début du tirage, puis enregistrer à la fin. Dans le code de début d'enregistrement, nous allons juste lui dire ce que nous voulons que notre PDF porte le nom. Donc, disons commencer l'enregistrement ou commencer l'enregistrement, et ouvrir les crochets, mettre dans ce point-virgule et nous voulions enregistrer cela comme un PDF donc, c'est le premier paramètre, et le second est exactement ce que vous voulez appeler. Je vais l'appeler meteorStrikes.pdf. Assurez-vous que c'est entre guillemets, et à la fin de notre boucle de dessin, nous allons juste dire, fin d'enregistrement, c'est aussi simple que cette fonction, et je vais juste ajouter une petite sortie de console ici, sorte que Je sais que le PDF est fait l'enregistrement, et ce sera juste quelque chose qui dit PDF enregistré. Donc, printlin et PDF enregistrés. C' est juste une petite chose utile pour moi de savoir que je peux vérifier, et il est sûr d'ouvrir le PDF. Alors, c'est couru. Je vois dans la console, il dit PDF enregistré. Je vais fermer cette esquisse, et si je vais dans son dossier parent, vous verrez maintenant que j'ai un PDF de 1,1 mégaoctet appelé météore frappe là-bas. Je peux l'ouvrir en avant-première, et ça a l'air assez bon. Je vais essayer d'ouvrir ceci dans Illustrator maintenant, et voir ce que je dois changer le cas échéant, et comment je peux faire en sorte que cela ressemble un peu mieux. J' aimerais lui donner des polices plus belles que la police par défaut que je reçois dans le traitement, et je pourrais ajouter un titre ou changer les couleurs. Je l'ai ouvert en cours de traitement maintenant. Il va y avoir une petite chose que je vais vouloir changer. Par défaut, le traitement décrit tous les textes lorsqu'il les introduit. Donc, si vous passez en mode Plan dans Illustrator en appuyant sur Commande Y, vous pouvez voir que ce n'est plus du texte en direct, tout a été contour. Donc, si je veux changer n'importe quel aspect de celui-ci, je vais devoir ajouter quelques lignes de code supplémentaires dans le traitement pour faire du texte en direct. Espérons que vous pouvez voir certains des détails que nous avons dans ce PDF, c'est juste assez phénoménal, la densité qui peut être créée. Ici, en Arabie Saoudite, nous venons d'avoir beaucoup de frappes de météorites. Ce que cela signifie, c'est à vous de décider d'explorer plus en profondeur. Sont-ils bons pour les trouver là-bas, ou ont-ils juste tendance à obtenir beaucoup de météorites ? traitement peut enregistrer des choses au format PDF ou JPEG avec différents bits de code, mais parce que nous sommes intéressés à intégrer cela dans Illustrator et à faire un peu de nettoyage dessus, nous avons importé ce code PDF et l'avons configuré pour exporter façon. C' est l'une des choses que j'aime vraiment dans le traitement, c'est que pour un graphiste chargé de travailler dans l'impression, je veux des vecteurs, je ne veux pas de JPEG ou de PNG. Maintenant, pour que ce type soit en direct, il y a quelques bits de plus que nous allons devoir ajouter. Nous devrons ajouter un nouveau conteneur qui s'appelle une police P. Je vais juste le nommer F, et c' est là que la police que nous définissons va vivre, et sera en mesure de sortir le type live dans notre PDF. Dans notre configuration, le code que nous venons de lancer une fois, je vais maintenant définir F. Cela va être une fonction appelée CreateFont, et vous pouvez utiliser n'importe quelle police qui est chargée sur votre machine. Je vais utiliser Avenir parce que je pense que Mac l'obtient par défaut. Donc, cela devrait fonctionner pour tout le monde, et semble un peu mieux que la police de caractères par défaut que nous utilisions auparavant. Donc, la façon de faire référence est dans ce cas, en disant alors le nom de la police et le poids que nous voulons. Je veux Avenir moyen, et je veux qu'il soit taille 12. Donc, je devrais avoir cette police de caractères. Maintenant, j'ai juste besoin de spécifier que je veux l'utiliser dans mon graphique. Je dois utiliser un mode de texte différent pour qu'il ne décrit pas tout. C' est cette ligne appelée mode texte, et le code de la façon dont nous voulons qu'il soit traité, comme un modèle. Je pense que ça devrait le faire. Une autre ligne au-dessus où nous spécifions le texte en cours d'écriture, nous allons dire que nous voulons utiliser cette police que j'ai définie. Donc, juste une ligne assez simple ici, police de texte F. Espérons que cela va le faire. Donnons-lui une course. Donc, cela va relancer l'esquisse, re-enregistrer le PDF sur notre ancien, puis nous l' apporterons dans Illustrator et nous nous assurerons que tout fonctionne correctement. Je peux voir mon croquis maintenant, que la police Avenir est utilisée. Donc, les choses semblent un peu plus dessinées, et je vais ouvrir ce PDF qu'il m'a donné en illustrateur. Ensuite, passez à nouveau en mode aperçu. Je peux voir maintenant que le type est rempli, et si je passe à l'outil de texte, je peux le sélectionner et je peux changer les choses. Donc, ça a l'air bien. D' accord. Maintenant, nous avons tout dans Illustrator, notre texte est modifiable, et nous pouvons aller de l'avant et jouer avec certains ajustements du type, éliminant certains problèmes qui pourraient apparaître dans notre esquisse et peaufiner certaines couleurs. 14. Nettoyage: D' accord. Nous sommes ici à Illustrator. Nous avons ce joli PDF que nous avons sauvé avec tous nos frappes de météorite. On a un tas d'étiquettes. En regardant ça maintenant, je pense qu'on pourrait probablement en ajouter quelques autres. Donc, si vous voulez simplement aller à Traitement, vous pouvez changer ce nombre d'étiquettes de 10 ici à 20. Je pense que nous obtiendrons quelque chose qui a un peu plus de richesse et qui reviendra dans Illustrator. Oui. Super. Donc, rouvrez notre PDF dans Illustrator. Donc, j'ai 20 étiquettes sur cette carte. La première chose que vous remarquerez peut-être dans Illustrator lorsque vous regardez ce fichier PDF est que si vous cliquez sur ce graphique, vous obtenez simplement les limites de ce rectangle externe, et l'une des choses que Processing fait est qu'il place un masque de carte sur le sortie entière. Donc, la première chose que je fais chaque fois que je vais dans Illustrator est que j'ai juste besoin d'enlever ce masque. Donc, sous Masque d'écrêtage, sous Objet, je vais juste dire relâcher le masque, et maintenant si je sélectionne à nouveau mes limites et le supprime. Voyons voir. On dirait que j'ai sorti un masque, mais c'était juste sur la carte. Maintenant, je vais juste sélectionner tous et, encore une fois, dire Masque d'écrêtage, Relâcher. Donc, cela devrait me permettre de sélectionner n'importe quoi maintenant. Oui, j'ai mon texto. J' ai mes étiquettes. Donc, en sélectionnant tous et sous le menu Objet indiquant la libération du masque d'écrêtage, je suis en mesure d'accéder à toutes les différentes parties de cette carte que je veux accéder. Donc, tout est commodément une couleur différente maintenant dans Illustrator, et je trouve cela vraiment utile parce que maintenant nous pouvons regrouper les choses ensemble. Nous avons notre arrière-plan dans une couleur grise. On a la carte en blanc, mais elle est fragmentée. Donc, sélectionnons un morceau de la carte, et dans le menu Sélectionner, nous allons simplement dire sélectionner la même couleur de remplissage. Maintenant, nous allons les regrouper en frappant le Commandement G. Donc, j'ai mes antécédents, c'est accessible. La carte est accessible. Je vais faire le même processus pour les météorites, les étiquettes et les lignes. Donc, je vais choisir une météorite. Dites Select, Same, Remplir et Stroke, et je les attraperai tous, et je peux les regrouper. Je vais prendre un message. Sélectionnez, Identique, Remplir et Stroke, regroupez-les et saisissez les lignes et faites la même chose. Super. Donc maintenant, mes cinq composants différents sont tous très facilement sélectionnables et modifiables. La prochaine chose que vous pourriez remarquer est que ce fichier est un RVB. Cela va se passer si vous allez vers la sortie d'écran, mais je pense généralement aux couleurs plus dans un CMJN ou une impression envoyée. Donc, je vais tout changer CMJN maintenant pour rendre les choses un peu plus simples. Vous pouvez voir que immédiatement il y a un peu de changement de couleur du rouge RVB au rouge CMJN. Mais je ne veux même pas que ces météorites soient de couleur rouge. Je préfère leur faire quelque chose de plus dans le sens de mon esthétique. J' aime le bleu-vert. Donc, je vais aller pour le cyan, dire 80 et ajouter 30 jaune et on y va. On est dans un endroit plus sympa. Nous pourrions même éditer la transparence si nous le voulions. Si nous n'étions pas satisfaits de ce que Processing nous avait donné. Si vous allez dans Fenêtre, Transparence dans Illustrator, vous verrez que pour le moment, tout est réglé à 100. C' est pour tout le groupe. Si nous le dissocions, nous aurons accès aux composants individuels, et ils sont tous réglés à 20 % d'opacité. Alors, peut-être que je vais changer ça à 30. Vous pourriez même le regarder à 100 % d'opacité, mais je pense que ce que vous trouverez, c'est que beaucoup des détails que nous appréciions avant disparaissent maintenant. Nous obtenons cette carte solide où vous ne pouvez pas voir certains des aspects sous-jacents. Donc, probablement, tout ce qui est inférieur à 50 pour cent est le mieux pour cette tâche. Oui, 50, c'est un peu sombre à mon goût. Je vais le retirer et je vais les regrouper en une grande sélection maintenant. Le texte est maintenant dans Avenir. Je vois qu'il tombe un peu derrière certains de ces frappes de météorites. Si vous zoomez ici, vous verrez que certains d'entre eux tombent sur le dessus. Donc, je veux déplacer cette sélection au premier plan. Voyons voir, Objets Arrangez, Amenez à l'avant. D' accord. Alors maintenant, notre texte est sur le devant. J' ai aussi quelques collisions qui se produisent dans le texte, donc je vais tous les deux vouloir changer la police pour quelque chose que j' aime un peu plus que Avenir et je vais vouloir déplacer certaines des étiquettes qui commencent à entrer en collision les uns avec les autres. Donc, d'abord, sélectionnons ce groupe de type. J' ai été un fan de cette nouvelle police appelée Input récemment. C' est une police gratuite offerte par Font Bureau. C' est vraiment bon pour l'édition de texte et a une information pliée à elle que j'aime. Comme ces poids étroits qui fonctionnent également mieux dans la visualisation des données, car vous pouvez obtenir plus de hauteur de vos polices quand elles sont un peu plus compressées. Donc, je vais passer à Input Sans Compressed, dans le poids normal. C' est un joli noir en ce moment. Si vous regardez le CMJN, c'est assez lourd. Donc, c'est à partir de la conversion de RVB, donc je vais juste le définir à 100 % K ou 100 % noir sans aucun des autres composants CM et Y. Ça a l'air bien. Ces lignes sont un peu épaisses aussi et sont réglées sur ce noir vraiment, vraiment riche qui est trop dense pour nos besoins, alors définissez cela sur un noir approprié et changez le trait de 1,2 à un demi-point, et je vais lui donner un peu plus la légèreté et ce ne sera pas si distraire de certaines informations que nous essayons de représenter ici. 15. Typographie: Le dernier problème que j'ai ici, deux endroits où ces étiquettes entrent en collision. Donc, ce que je vais vouloir faire, c'est retourner tout ça. Parce que toutes ces lignes sont groupées, je vais devoir aller au sélecteur de flèche ouverte, l'outil de sélection de groupe, qui me permettra de saisir une de ces lignes, voir aussi que ces lignes sont assis derrière les météorites. Donc, je veux faire la même chose que j'ai faite avec le texte, et amener tout ce groupe à l'avant. Donc, je vais faire ça avec l'objet, arranger et porter à l'avant. Donc, en revenant à l'outil de sélection de groupe, je vais saisir cette ligne, et en maintenant Shift, je vais prendre un morceau de type, et je vais ramasser ça sur le bord droit de la météorite à laquelle j'ai affaire. Ensuite, j'ai juste besoin de changer l'orientation de ce morceau de type aligné à gauche à droite aligné avec l'outil de paragraphe, et de le déplacer sur le bord de la ligne. Une des bonnes choses à propos du traitement est que mesures restent les mêmes lorsque vous entrez dans Illustrator. Donc, alors qu'il s'agit de pixels dans nos mesures là-bas, ils se traduisent en points dans Illustrator. Donc, je pense que la distance que j'avais pour le décalage de la ligne au type était de cinq points, et vous pouvez voir que si je me déplace sur l'une des étiquettes vers les lignes, son décalage est de cinq. Donc, si je ramasse mon étiquette, cinq points à gauche, ce sera exactement dans la bonne position comme tous les autres, et je vais juste passer sur cette autre étiquette ici. En fait je l'ai fait, on dirait que j'ai deux pour emménager ici. Ils se heurtent tous les uns avec les autres. À l'aide de l'outil de sélection de groupe, je vais choisir ce morceau de texte, ainsi que la ligne qui lui est associée, et le déplacer vers le bord droit du météore. C' est le plus extérieur, voyons si nous avons bien compris, car la ligne se connectera au bord le plus à gauche du cercle et changera le texte pour l'aligner à droite, le déplacer sur le bord de la ligne, puis le scooter sur cinq pixels, 1-2-3-4-5. Maintenant, nous pouvons voir que nos options pour ajuster un étiquetage n'ont plus d'itérations à gauche et à droite, donc nous aurons besoin d'un peu plus d'ajustement pour le faire fonctionner correctement pour la frappe de météorite Morito. Donc, si je prends cette ligne et l'étiquette, je vais la déplacer vers le bas. Il doit aller de pair avec ce petit cercle ici. Donc, je vais juste ajouter une itération de plus à nos options d'étiquetage, où je fais pivoter cette ligne et mettre l'étiquette juste à côté. Donc, ça va ici, et le label Morito peut soit aller à côté, soit au-dessous. Je pense que je vais le changer au centre aligné et scooter cinq pixels au-dessous de cette ligne. Je pense que cela a nettoyé toute notre sortie du traitement, et la dernière chose que je veux faire est juste de donner un titre à mon graphique. Je pense que l'une des choses les plus impressionnantes à propos de ce jeu de données est sa taille pure. Donc, c'est un bon endroit pour l'appeler, pour parler de toute l'étendue de ce graphique, est-à-dire qu'il contient 34 000 frappes de météorite. Donc, je vais juste revenir à l'endroit où nous avons commencé cet ensemble de données d'origine pour obtenir un comptage précis du nombre que nous avons représenté. Je vois qu'il a 34 066 rangées, ce qui signifie qu'il y a 34 065 météorites représentées, et j'aurai juste besoin d'un nouveau morceau de type, 34 065 frappes de météorite. Je vais mettre ceci dans un coin où il n'y a pas grand-chose qu'il va obscurcir, et lui donner une plus grande taille, sorte qu'il soit immédiatement apparent et, espérons-le, vous attirera dans cette carte très détaillée du globe. 40 points devraient le faire. Oui. Donne-lui un peu de rembourrage, et je pense qu'on est en bonne forme. Vous pouvez maintenant enregistrer ceci en tant que fichier Illustrator, vous pouvez l'importer dans Photoshop, vous pouvez l'exporter au format PDF, PNG ou jpeg, et le publier où vous le souhaitez, et nous espérons partager la sortie finale sur la page de Skillshare. 16. Conclusion: Donc, dans cet exemple, je pense qu'il serait difficile de se tromper avec la couleur. Vous voulez quelque chose qui va certainement avoir de la visibilité, mais nous ne codons que pour un type d'événement ici. utilisation du jaune n'aura probablement pas assez de contraste ou d'impact et nous voulons rester à écart de l'utilisation des gris parce que nous l'utilisons pour définir la carte de base. Donc, je pense que quelque chose qui est brillant et fonctionne bien avec la transparence, donc il construit jusqu'à quelque chose de solide et d'impact est bon. Ensuite, lorsque nous utilisons le type, vous devez penser à l'échelle à laquelle cela va être vu et à quel point cela va être distrayant par rapport aux informations que vous voulez vraiment communiquer. Le cœur et l'âme de cette page sont toutes les frappes de météorite. Donc, si le type est trop grand ou trop difficile, il va vraiment dominer les données que nous essayons d'exprimer. Donc, j'aime utiliser quelque chose qui a une texture uniforme, qui peut être condensé parce que cela peut nous donner beaucoup plus d'impact dans une petite quantité d'espace. Oui, et généralement s'en tenir à viser la lisibilité. Donc, à moins que je codage pour quelque chose donc probablement juste un texte noir. Si j'essaie d'exprimer ce qu'une étiquette ou une clé, alors je pourrais changer les couleurs. C' est une approche qui est vraiment vraie pour les données. Si vous regardez cette feuille de calcul et que vous regardez cette carte, je pense que nous avons certainement représenté la plupart des informations qui y sont présentées. Nous avons la latitude et la longitude de chacune de ces frappes de météorite et nous représentons aussi leurs échelles relatives. En outre, nous avons même étiqueté certains d'entre eux et vous pouvez aller plus loin et vous pouvez les coder par trouvé ou tombé. C' est quelque chose que vous devez vraiment jumeler l'esthétique pour pouvoir communiquer cette densité d'informations, c'est pourquoi il n'y a pas vraiment d'éléments décoratifs ici. Je pense que je serais juste distraire du noyau de ce que nous essayons de communiquer ici. Ce qui est quelque chose que quelqu'un pourrait passer beaucoup de temps à analyser les nuances de l'endroit où ces événements se produisent. Je pense que cet ensemble de données est vraiment convaincant à explorer comme une carte parce que vous voyez ces très grands événements, certains d'entre eux près de l'endroit où nous vivons, d'autres qui pourraient être vraiment, vraiment lointains et je pense que ce qui est intéressant ici est qu'il devient aussi quelque peu d'une carte de la densité de population. Ça commence à montrer où vivent les gens. Si vous regardez la Sibérie ou si vous regardez la forêt tropicale, vous ne voyez pas de météorite frapper là. Mais, je pense qu'il est probablement évident que ce n'est pas parce qu'ils n'arrivent pas là-bas, c'est juste parce qu'ils n'ont pas été récupérés ou qu'ils n'ont pas été vus là-bas. Donc, pour moi, c'est presque comme si c'était un avant-goût de ce qui se passe réellement. Nous avons 34 000 frappes de météorite connues, mais pensez à tous ceux qui se produisent dans l'océan ou se produisent en Sibérie que nous ne connaissons pas. C' est ce qui est assez convaincant pour moi de voir cette carte.