All examples By author By category About

XavierGimenez

Flow lines with openlayers maps

A way to visualize flows between points in a map. Since this is done by modifying the segments that shape the line feature, width, color, opacity and other attributes can be controlled through all the line. In this case, increasing the line width and the opacity as the line goes from a source to a target.

As this example does clustering on the features, each change on the zoom resolution recalculates the flow lines.

Check flow-lines.js for the relevant stuff

Arcs are created by calculating Great Circles, thanks to arc.js

Not tested with hundreds or thousands of connections, so need to think about this beyond inmediate solutions such reducing the resolution of the arcs.