dang-sunburst
Welcome!
This page contains experiments with D3, Angular, and Pelican.
Let's start with a simple Angular.js Hello World:
Sunburst Angular.js Directives
These examples use Angular.js directives to define directives like <sunburst></sunburst>
to build charts. Here are some examples.
This D3 sunburst chart shows two-level information about bi-gram frequencies (that is, the frequencies of occurrences of two letter combinations in the English language):
Exploring Sunburst Charts
There are a number of ways to construct suncharts from multidimensional data.
Orthogonal Dimensions - The first way is by displaying different, orthogonal dimensions on different radians, or radial rings. Ring 1 contains x, Ring 2 contains y, etc.:
Sunburst of Orthogonal Dimensions
Nested Dimensions - Another method is using radians to display nested information. In this case, radians display increasing levels of detail about the same dimension. Ring 1 contains x broken down into 10 groups, Ring 2 contains x broken down into 100 groups, etc.:
Dynamic Sunburst Charts
A picture is worth a thousand words, but an interactive chart is worth a bazillion.
Sliders - Allows the user to select parts of the chart and change their value and size.
Pushing and Popping - Deals with data changing due to pushing/popping of nodes in the underlying tree.
Donut Charts
Mmmmm... donuts.
Simple Donut: Static Donut - Shows how to make a simple, static donut chart.
Simple Donut: Donut Picker - Selecting different pie data using data structures and buttons.
Simple Donut: Bar Donut Linked Charts - Selecting different pie and bar data using data structures and buttons.
Radar Charts
Radar up, be on the lookout.
Radar 1 - Shows how to make a simple, static radar chart.
D3 Plus Radar Chart - Making a simple static radar chart with D3 plus.
