Passer au contenu principal
Accéder au tableau de bord
Vous ne savez pas par où commencer? Répondez à un court jeu-questionnaire pour obtenir des recommandations personnalisées.
Leçon 13 sur 16
Visualizing Data: Introduction to Tilegrams.
Data Journalism
Permissions: Source Google Data.
Dataset Search Quickstart Guide
Public Data Explorer: Access a world of data.
Google Trends: Understanding the data.
Google Data GIF Maker
Google Sheets: Visualizing data
Visualizing Data: Flourish templates.
Data Source: Global Forest Watch.
Google Sheets: Scraping data from the internet
Google Sheets: Cleaning data
Data Studio: Make interactive data visualizations
Visualizing Data: Advanced Tilegrams.
Google Trends: Improving your search results.
check_box_outline_blank Data Journalism: Take the Quiz
Parcours
0% terminé
5 minutes pour terminer

Visualizing Data: Introduction to Tilegrams.

GO801_GNI_TilesgramsIntro_TitleCard.jpg

A new way to map data.

GO801_GNI_TilesgramsIntro_TitleCard.jpg

A free data visualization tool.

GO801_GNI_TilesgramsIntro_Card1_Image1.jpg

Short for “tiled cartogram,” a Tilegram is a map made of tiles where regions are proportional to a data set. Tilegrams can represent demographic data more accurately than traditional geographic maps, but still retain a familiar shape. For example, this Tilegram of the United States shows population and better illustrates how many people inhabit each region—yet the U.S. land form is still recognizable. Tilegrams is not just for population-related data; you can use it to visualise almost any type of proportional comparison in a geographic region. Check out the tool, here:

https://pitchinteractiveinc.github.io/tilegrams/

GO801_GNI_TilesgramsIntro_Card1_Image1.jpg

Access our existing Tilegrams.

Developed by Pitch Interactive, Tilegrams are free for everyone to use. 

If possible, we recommend that you start with an existing Tilegram and alter it as necessary. However, if you want to make a Tilegram for a new location, you’ll need to take both this introductory lesson and our Advanced Tilegrams lesson.  


You can browse the existing selection of Tilegrams, which includes maps of the U.S. from Pitch, NPR and FiveThirtyEight.


There are also maps for Germany and France and a growing list of countries.

Refining an existing Tilegram.

Tilegrams use algorithms to compile visuals, so it’s inevitable that they may display visual inaccuracies. To tell a complete and accurate story, there are many ways you can modify your Tilegram. If you’ve loaded one, there are many ways you can modify it.


Click and drag any tile to move it around.


To move multiple tiles, click and drag a rectangular marquee around them and then drag them around.


To move a specific region, double click any tile in it to select them all and then drag the whole region.


To adjust the resolution, click Generate from data and use the slider.

Ensuring statistical accuracy.

As you make refinements to your data, the map will change and may reveal some inaccuracies. This a normal occurrence in Tilegrams because it is difficult to produce both accurate and recognizable results. As you begin to make your own, you’ll experience the trade-offs involved. 


Click Refine.


Under “State Tiles” you’ll see a list of each state with a number and a hexagon. The number indicates the difference between the number of tiles that region currently has on the map and how many it should have, based on the dataset. If the number is positive, that region has too many tiles on the map. If it’s negative, it doesn’t have enough. If there’s a warning sign, then the region doesn’t have enough data for even a single tile on the map at the chosen resolutions.


To remove a tile from the map, click it and hit Delete on your keyboard.


To add a tile, select Refine, click on a hexagon from the left sidebar and drag it onto the map.

Exporting existing Tilegrams.

GO801_GNI_TilesgramsIntro_Card5_Image1.jpg

When you are happy with your Tilegram, you can export it. For use in design software, choose the file type SVG using the buttons at lower left. Developers should select TopoJSON to export it into their web applications. 


For more on Tilegram basics, see the tool and read our post on Medium.

GO801_GNI_TilesgramsIntro_Card5_Image1.jpg
Félicitations! Vous venez de terminer Visualizing Data: Introduction to Tilegrams. Oui, c'est en cours
Recommandations pour vous
Comment évalueriez-vous cette leçon?
Vos commentaires nous aideront à améliorer continuellement nos leçons!
Quitter et perdre la progression?
En quittant cette page, vous perdrez toute progression dans la leçon en cours. Voulez-vous vraiment continuer et perdre votre progression?