block by jeremycflin 90d87ef55f9f940e016d3a6a94a41b5d

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