My data is structured similarly to flare.json as shown in this example:
I'm curious about the function used by the d3 zoomable chart to format the data in this way.
The original structure in flare.json looks like this:
{
name: "stuff",
children: [
....
]
}
and it's transformed into the following format in the example. Which part of the code accomplishes this?
{
children: Array[17]
depth: 1
dx: 0.6028744305756647
dy: 0.25
name: "A name would appear here"
parent: Object
value: 39850000.06
x: 0
y: 0.25
}
Chart
var total_revenue = json.total_revenue;
json = json.chart_data;
var width = 840,
height = width,
radius = width / 2,
x = d3.scale.linear().range([0, 2 * Math.PI]),
y = d3.scale.pow().exponent(1.3).domain([0, 1]).range([0, radius]),
padding = 5,
duration = 1000;
// Additional code for rendering the chart goes here...