OD-Layouts

OD-Layouts

Visualizing flows between multiple geographic locations on a traditional map can be a challenging visualization task, as occlusion or hairball and similar problems are hard to avoid. For this purpose various other, more abstract visualization approaches exist, to allow the comparison of flows. Most of those are summarized under the term OD (origin-destination) visualizations. To make those visualization more accessible and easier to implement i wrote a d3 plugin that can turn a data-set into any of the below described visualizations.

Here is an interactive example, with transitions between modes.

Origin-Destination-Matrix visualization

Origin-Destination-Matrix visualization

A simple grid of ODs.

A simple grid of ODs.

Actual geographic locations.

Actual geographic locations.

Predefined positions, in this case taken from the after-the-flood London map.

Predefined positions, in this case taken from the after-the-flood London map.

Treemap calculated with the nmap algorith.

Treemap calculated with the nmap algorith.

Sankey lines between locations.

Sankey lines between locations.

Layout output for the bipartite d3.plugin.

Layout output for the bipartite d3.plugin.

The layout-plugin is available on GitHub.