DynamicD3: Data Visualization using D3.js

DynamicD3

Sunburst Diagrams

Sunburst diagrams (sometimes known as Ring Maps or Radial Treemaps) are similar to Pie Chart data visualizations, in that they typically show values which are expressed in relative terms, as percentages or proportions of a whole. However, Sunburst diagrams extend this idea to hierarchical data. D3.js includes a set of functions which reformat data into a hierarchical form; however, not all relationships can be expressed in this way.

One of the limitations of Sunburst diagrams created using D3.js is that, because each section in the data visualization needs to know its position with respect to the rest of the diagram, a lot of memory is needed to display the data. If you have a very large data set we can get around this problem by creating a series of linked, concentric Pie Charts. Data visualizations created in this way look the same as a Sunburst Diagram. However, the data for each ring only loads when users select the appropriate section in the ring above this in the hierarchy. With this structure, extremely large data-sets can be displayed clearly in what appears to be the same diagram.

The cost of a Sunburst Diagram depends greatly on the extent to which it needs to be custom coded. The Prices page will give you a general idea. However, please contact us for a free discussion with a developer to work out what’s best for you.

A sunburst diagram shows hierarchical data using a series of concentric rings. The inner ring splits up the operations based on the organ affected; the next ring splits the operations up according to the type of procedure; and finally, the outer ring splits this up according to the type of insurance. Mousing over each segment shows the level in the hierarchy and the proportion of total cost taken up by that segment.