block by kerryrodden 766f8f6d31f645c39f488a0befa1e3c8

Sequences sunburst (d3 v4)

Full Screen

(This is a minimal update of my original Sequences sunburst block, to work correctly with d3 v4. See the Observable version for d3 v5).

This example shows how it is possible to use a D3 sunburst visualization (partition layout) with data that describes sequences of events.

A good use case is to summarize navigation paths through a web site, as in the sample synthetic data file (visit_sequences.csv). The visualization makes it easy to understand visits that start directly on a product page (e.g. after landing there from a search engine), compared to visits where users arrive on the site’s home page and navigate from there. Where a funnel lets you understand a single pre-selected path, this allows you to see all possible paths.

Features:

If you want to simply reuse this with your own data, here are some tips for generating the CSV file:

I created this example in my work at Google, but it is not part of any Google product. It is covered by the Apache license (see the LICENSE file).

index.html

LICENSE

sequences.css

sequences.js