Skip to content
Time Series Chart with Annotations for Data Studio
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
images
src
.gitignore
README.md
package-lock.json
package.json
webpack.config.js
yarn.lock

README.md

Time Series chart with annotations for Data Studio

I wrote this community visualization because I wanted to be able to see annotations directly on time series charts.

It uses D3 and the wonderful d3-annotation package. It also uses the dscc package for tooling and the various examples at the community viz repo got me started.

The visualization includes various ways to style the chart and also supports filters when you click on an annotation.

Setup

In order to associate annotations with the chart you'll want to have a data source that has a date, metric and annotation column, for example this sheet.

The real power is when you blend your annotations data source with another source, eg Google Analytics. All you have to do is use Date as the join key.

Published version

The published version of this visualization is deployed at:

gs://analytics_buddy_viz/timeseries

An example of the visualization can be seen here.

Author

This code was written by Michael Whitaker.

You can’t perform that action at this time.