block by jeremycflin f88a2a3786cebf1593bc71a7eebd67b8

Slopegraph

Full Screen

An example of a Slopegraph. Uses constraint relaxing to programmatically reposition labels to stop them from overlapping. Uses a voronoi to make line selection easier (this still isn’t ideal and some tweaking may be nessecary).

This is part of a series of visualisations called My Visual Vocabulary which aims to recreate every visualisation in the FT’s Visual Vocabulary from scratch using D3.

TODO:

forked from tlfrd‘s block: Slopegraph

index.html