跳至主要內容
前往資訊主頁
不確定該從哪裡著手嗎?歡迎進行簡短測驗,以便取得個人化建議。
課程第 14 堂 共 18 堂
Visualizing Data: Introduction to Tilegrams.
Data Journalism
Permissions: Source Google Data.
Dataset Search Quickstart Guide
Public Data Explorer: Access a world of data.
Google Consumer Surveys: Gain real insights.
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.
Data Source: Election Databot.
check_box_outline_blank Data Journalism: Take the Quiz
課程
0% 已完成
5 分鐘 以完成

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
恭喜!您已完成 Visualizing Data: Introduction to Tilegrams. in progress
Recommended for you
你對這個課程的評價為何?
你的意見可協助我們持續改進我們的課程!
要離開並失去進度嗎?
如果離開這個頁面,你將失去當前所完成的所有課程進度。確定要繼續並失去已完成的課程進度嗎?