The avatar for @richardpearce60
richardpearce60
Public
Edited
Dec 10, 2022
1 fork
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
arrowMark = "M-2,-2 L2,2 M-2,2 L2,-2"
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
targetScale = d3.scaleLinear().domain([0,1]).range(targetRange )
Insert cell
Insert cell
function targetRangeCalc(showScales,targetContainerDimensions) {
if(showScales==='Yes'){ return [0,(targetContainerDimensions/2)*0.8]}
return [0,targetContainerDimensions/2];
}
Insert cell
Insert cell
targetContainerDimensions = Math.min(layout.width,layout.height)
Insert cell
Insert cell
Data_V = rawData.map((record)=> {return record.LOS} )
Insert cell
Insert cell
outerRadius = targetScale(props.segment1)
Insert cell
innerRadius = 0
Insert cell
Insert cell
groupData = calculateGroupData(rawData,'houseID','LOS',props.groupSegments,'house_color')
Insert cell
Insert cell
arcs = d3.pie()
.startAngle(-90 * Math.PI/180)
.endAngle(-90 * Math.PI/180 + 2*Math.PI)
.padAngle(0).sort(null).value(i => arc_V[i])(arc_I);
Insert cell
arc = d3.arc().innerRadius(innerRadius).outerRadius(outerRadius);
Insert cell
arcLables = d3.arc().innerRadius(outerRadius+2).outerRadius(outerRadius+6);
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more