block by jdarling 2924847

Using D3 to create a Bullseye or Layered Harvey Ball charts

Full Screen

This is an attempt at creating an example of generating Bullseye or Layered Harvey Ball charts using D3.

For each element in the applications array a new chart is created tracking the status of the configurations, ui, and backend processes completion. Of course this is just some random sample data :)

Children is used to track the status items for each application. Each item in this array should contain a name (string) and a progress (float 0..1) status indicator. The progress value is considered to be in a range of 0 to 1 with 1 being 100% complete and 0 being not even started.

index.html

data.json