Skip to content
Work

DEVELOPED AT ·TOASTER ·FOR ·GOOGLE ·WEB

Data Gif Maker

Easily create and share data visualizations to help bring your stories to life.

View live page

About

Data GIF Maker was originally conceived by Google News Lab as a tool for data journalists, and built by Toaster agency. The original version launched on May 25, 2017, announced by Simon Rogers (Data Editor at Google News Lab). The initial version was intentionally simple: it allowed users to compare two terms using animated bar-style GIFs, primarily designed for visualizing Google Trends search interest data. The original tool was limited to comparing just two data points. Pim de Wit was involved as a developer on this original 2017 version.

The tool gained significant traction among journalists, educators, and content creators worldwide. People used it to compare everything from famous fonts to favorite dishes, from electoral college results to sports statistics. It was featured extensively in journalism training programs and educational curricula.

Technology Stack (V1/V2):

  • HTML, CSS, JavaScript
  • Canvas-based visualization rendering
  • GIF export

Key Technical Features (V1):

  • Two-term data comparison
  • Single bar-style animated visualization
  • GIF export

Key Technical Features (V2):

  • Three-term data comparison (Rectangles template)
  • Three visualization templates: Rectangles, Racetrack, Circles
  • GIF export

Results

The tool achieved widespread adoption across multiple sectors:

  • Journalism: Adopted by major news organizations and journalism training programs. Featured in Google News Initiative training resources and the Virginia Press Association's visualization courses.
  • Education: Used by educators for teaching data literacy. Described as useful for depicting Electoral College results and other educational datasets.
  • Business: Adopted for presentations, reports, and social media content.
  • Global Reach: Users worldwide created GIFs for diverse purposes ranging from data journalism to social media content.

Quotes

“Data visualizations are an essential storytelling tool in journalism, and though they are often intricate, they don't have to be complex.”

Simon Rogers , Data Editor at Google News Lab Source

Press / Media

Further Reading

# Source Type URL Verified (Browser)
1 Google Blog - V1 Launch Official Blog https://blog.google/outreach-initiatives/google-news-initiative/make-your-own-data-gifs-our-new-too/ Yes
2 Google Blog - V2 Update Official Blog https://blog.google/outreach-initiatives/google-news-initiative/using-data-gif-maker-compare-data-and-tell-stories/ Yes
3 Google News Initiative Training Training Resource https://newsinitiative.withgoogle.com/resources/trainings/google-data-gif-maker/ Yes
4 TechCrunch Press Coverage https://techcrunch.com/2017/05/25/googles-data-gif-maker-lets-you-easily-make-basic-data-gifs/ Yes
5 Fast Company Press Coverage https://www.fastcompany.com/90127277/googles-new-data-viz-tool-makes-snappy-gifs-out-of-your-data Yes
6 Fortune Press Coverage https://fortune.com/2017/05/26/google-data-gif-maker/ Yes
7 The Next Web Press Coverage https://thenextweb.com/news/google-data-gif-maker Yes
8 VentureBeat Press Coverage https://venturebeat.com/mobile/google-launches-gif-making-tool-to-help-you-tell-simple-stories-using-2-data-points/ Yes
9 Silicon Republic Press Coverage https://www.siliconrepublic.com/gear/google-data-gif-maker-journalists Yes
10 journalism.co.uk Press Coverage https://www.journalism.co.uk/new-tool-from-google-allows-you-to-visualise-data-using-gifs/ Yes
12 GIGAZINE Press Coverage (Japan) https://gigazine.net/gsc_news/en/20170526-data-gif-maker/ No
13 Digital Trends Press Coverage https://www.digitaltrends.com/phones/google-data-gif-maker/ No
14 Android Headlines Press Coverage https://www.androidheadlines.com/2017/05/google-data-gif-maker-converts-data-gifs.html No
15 The American Genius Press Coverage https://theamericangenius.com/google-gif-data/ No
16 MakeUseOf Press Coverage https://www.makeuseof.com/tag/google-data-professional-animated-gifs/ No
17 Virginia Press Association Training Course https://www.vpa.net/courses/google-visualization/lessons/creating-an-animated-chart-with-data-gif-maker/ No
18 Common Sense Education Education Review https://www.commonsense.org/education/reviews/data-gif-maker No
21 Medium (Kyle Ake) Tutorial https://kyleake.medium.com/try-it-all-with-google-data-gif-maker-for-data-journalists-in-3-steps-f158d798171e No
22 Medium (DataSeries / Raivat Shah) Tutorial https://medium.com/dataseries/making-gifs-to-tell-stories-1cd485975616 No
23 Medium (Olivia Hoag) Review https://medium.com/@ohoag/google-tools-helpful-or-confusing-b53f1252e7c6 No
26 NYU (Refath Bari) Academic Blog https://wp.nyu.edu/refathbari/2023/09/05/googles-data-gif-maker/ No
28 Google Blog - Data Journalism Initiative Industry Context https://blog.google/outreach-initiatives/google-news-initiative/taking-initiative-data-journalism/ Yes
29 Google News Lab Wikipedia Reference https://en.wikipedia.org/wiki/Google_News_Lab No
30 Simon Rogers personal site Key Person https://simonrogers.net/ No

Credits

Stack

HTML, CSS, JavaScript, Node, React