block by palewire 2e4bc74cb4ec5336c666b4f5f99ec611

Load data incrementally in d3 using a sorted value

Full Screen

Gradually loads all the cities of California from north to south, and then removes them from south to north.

Accomplished by sorting the d3 selection prior to the transition, and then adding a custom delay for each object using its index value.

This same principle can be used to progressively load data along any x or y axis.

index.html

california.topojson