Getting started with The Gamma just got easier

Over the last year, I have been working on The Gamma project, which aims to make data-driven visualizations more trustworthy and to enable large number of people to build visualizations backed by data. The Gamma makes it possible to create visualizations that are built on trustworthy primary data sources such as the World Bank and you can provide your own data source by writing a REST service.

A great piece of feedback that I got when talking about The Gamma is that this is a nice ultimate goal, but it makes it hard for people to start with The Gamma. If you do not want to use the World Bank data and you're not a developer to write your own REST service, how do you get started?

To make starting with The Gamma easier, the gallery now has a new four-step getting started page where you can upload your data as a CSV file or paste it from Excel spreadsheet and create nice visualizations that let your reader explore other aspects of the data.

Head over to The Gamma Gallery to check it out or continue reading to learn more about creating your first The Gamma visualization...

Creating interactive visualization step by step

The four-step walkthrough for creating your own data visualizations contains a number of useful hints in the side panel, so if you read those, you should be able to get what you need. To give a concrete example, let's look at one example problem!

Step #1: Uploading your data

In the first step, you have a number of options - you can choose one of the existing samples, or you can skip directly to the editor (if you know what you want to do). However, the nice new feature is that you can also upload a CSV file or paste CSV data. Here, I'm going to use a list of Turing Institute people that I scraped from the web site.

Step #2: Writing data transformations

When you upload data, the tool will create minimal data transformation that just gets the raw data table. Here, you can experiment with the data transformations - type . after uploaded to see what transformations are available!

As you write the script, the tool will check your code in the background and the green message indicates what data you got:

Step #3: Creating (interactive) visualizations

Once you create data transformation, the tool takes you to a next step, which is to create a data visualization. Using the code from the previous step, it generates a minimal working visualization.

There are a number of options you can try here:

Step #4: Provide details and share the chart

The last page of the process asks you for more information about the snippet and the data source. We are not using the data source information yet, but this will eventually be visible to people who explore snippets and want to find out where the data comes from, so you can use this to clarify the data source.

Once you upload the snippet, it gets posted to The Gamma gallery that you can link to, but more importantly, it also makes it very easy to embed the snippet into your web page. If you go to the "Embed the snippet" tab, you can get short embeddable HTML code snippet that includes the source code of your visualization.

Embedding the visualization

In the above example, I replaced the bar chart created using with an interactive youguess.columns chart and created a snippet where you can guess the number of people at the Alan Turing Institute based on the university with which they are affiliated. If you embed this into your blog, you will get the following result!


If you are interested in creating more transparent data-driven visualizations that let the reader explore data further on their own, then The Gamma is here for you! The Gamma Gallery now makes it even easier to get started - in just four steps, you can upload your data from CSV files or Excel spreadsheets, transform them and create (potentially interactive) visualization that is easy to embed into any web page!

If you have been curious about The Gamma, but never quite looked at it because it was hard to to get started, now is your time. For more information:

Published: Wednesday, 14 June 2017, 2:27 PM
Author: Tomas Petricek
Typos: Send me a pull request!
Tags: thegamma, data journalism, data science, research, visualization