An example of a Bubble Chart.

In this set of examples the two charts are linked (hover over circles on one to reveal its position in the other).

This is part of a series of visualisations called [My Visual Vocabulary](https://github.com/tlfrd/my-visual-vocabulary) which aims to recreate every visualisation in the FT's [Visual Vocabulary](https://github.com/ft-interactive/visual-vocabulary) from scratch using D3.

TODO:

- Rewrite as a "reusable chart" e.g. [like this](http://enjalot.github.io/intro-d3/html5devconf/reusable/#reusable), [this](https://www.toptal.com/d3-js/towards-reusable-d3-js-charts), or [this](https://bost.ocks.org/mike/chart/)
- Use [voronoi polygons for labelling](https://bl.ocks.org/mbostock/6909318)
- Add [bubble size legend](http://flowingdata.com/2010/11/23/how-to-make-bubble-charts/) - automatically gnerated from the radius scale