Skip to content

Instantly share code, notes, and snippets.

@CBasis
CBasis / _.md
Created February 24, 2013 16:58
Tributary inlet
@CBasis
CBasis / _.md
Created February 24, 2013 19:37
Tributary inlet
@CBasis
CBasis / _.md
Created March 24, 2013 20:28
Tributary inlet
@CBasis
CBasis / _.md
Created April 4, 2013 05:36
Tributary inlet
@CBasis
CBasis / _.md
Created April 28, 2013 12:11
Tributary inlet
@CBasis
CBasis / _.md
Created May 4, 2013 14:18
Tributary inlet
@CBasis
CBasis / _.md
Created July 10, 2013 13:59
SO barchart
@CBasis
CBasis / _.md
Created July 10, 2013 14:05
Tributary inlet
@CBasis
CBasis / .gitignore
Last active October 23, 2016 20:03 — forked from metmajer/README.md
sap-ui-cachebuster-info.json
extended_runnable_file.html
.*/extended_runnable_file.html
visual_ext_index.html
/webapp/visual_ext_index.html
UIAdaptation_index.html
changes_preview.js
fioriHtmlRunner.html
.*/fioriHtmlRunner.html

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:

  • works with data that is in a CSV format (you don't need to pre-generate a hierarchical JSON file, unless your data file is very large)
  • interactive breadcrumb trail helps to emphasize the sequence, so that it is easy for a first-time user to understand what they are seeing
  • percentages are shown explicitly, to help overcome the distortion of the data that occurs wh