Animating data in Data Studio

Animating and highlighting important data points in Data Studio

I had a lot of fun building a new community connector for Data Studio:

The idea behind it is to create a Top 10 List type bar chart and animate it over time. While animation should not be used gratuitously, it can work well when individual data points change significantly over time. See the growth of cities over time.

What I like about Data Studio is that you can quickly and easily try the visualization with different data. D3 visualizations are often hand-built for a specific dataset, which typically has to be read in as a csv file from a web server. Data Studio takes care of the data loading as you just connect to any data source that Data Studio offers, whether it’s Google Analytics or Google Sheets. You just need a Date, a dimension and a metric you’re interested in. Data Studio helps you out by showing you the fields you can use in the configuration panel:

Customize the appearance of the chart and pick your own colors. You can even highlight specific data points to draw the viewer’s attention.

And not to mention the features provided by Data Studio out-of-the-box: data segmentation, filtering, private/public sharing,…

To use visualization in your own reports please check out this data studio report for instructions. Let me know if you use the visualization in any interesting ways or if you have suggestions for improvement.

comments powered by Disqus