Chuyển đến nội dung chính
Chuyển đến trang tổng quan
Bạn không chắc nên bắt đầu từ đâu? Hãy làm một bài kiểm tra ngắn để nhận các đề xuất phù hợp với bạn.
Bài học 12 trong số 13
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
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.
Khóa học
0% hoàn thành
5 phút để hoàn thành

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
Xin chúc mừng! Bạn đã hoàn thành Visualizing Data: Introduction to Tilegrams. Rồi, tôi đang thực hiện
Đề xuất cho bạn
Bạn đánh giá như thế nào về bài học này?
Ý kiến phản hồi của bạn sẽ giúp chúng tôi không ngừng cải thiện các bài học!
Rời khỏi và thoát tiến trình?
Khi rời khỏi trang này, bạn sẽ bị mất toàn bộ tiến trình trong bài học hiện tại. Bạn có chắc chắn muốn tiếp tục và mất tiến trình của mình không?