Interactive graphics companion
Last updated: December 2019The Interactive Graphics Companion provides the raw JSON for creating different data visualisations in Vega-Lite. An accompanying blog post on Medium provides an overview of Vega-Lite and runs through a simple example.
The Companion adopts the structure of the Financial Times’ Visual Vocabulary by categorising different chart types by the data relationships that they best illustrate.
The data used throughout the Companion derive from Gapminder which are available under the Creative Common Attribution License 4.0.
Setup
To start creating charts and maps in Vega-Lite all you need is their online editor. If you prefer to use your own text editor (e.g. Atom) you'll need to drop your code into a JSON file and embed it in an HTML page using Vega-Lite's Vega-Embed JavaScript function. You can use our boilerplate html file as a template.