// .join('path')
// .style('fill', d => legendScale(d.data.type))
// .attr('d', legendArc)
// //.attr('class', 'pieSlice')
// // Label with district's name
// const districtName = legendBounds.node().appendChild(
// createSVGtext({
// text: "School District Name",
// x: `${legendWidth / 2}`,
// y: 20,
// fontSize: 22,
// fill: '#555555',
// textAnchor: "middle",
// maxCharsPerLine: 16,
// lineHeight: 1.2,
// textClass: "donutName",
// font_weight: "bold",
// font_family: "Inter",
// align_to_bottom: "true"
// })
// )
// // Label with student count
// const numberStudents = legendBounds.append("g")
// .attr("transform", `translate(${legendWidth / 2}, ${legendHeightCenter - 15})`)
// .append('text')
// .style("font-size", "21px")
// .style("text-anchor", "middle")
// .attr('font-weight', 'bold')
// .attr('font-family', 'Inter')
// .attr('fill', '#555555')
// .text('# students')
// const studentsLabel = legendBounds.append("g")
// .attr("transform", `translate(${legendWidth / 2}, ${legendHeightCenter + 5})`)
// .append('text')
// .style("font-size", "15px")
// .style("text-anchor", "middle")
// .attr('font-family', 'Inter')
// .attr('font-weight', 'bold')
// .attr('fill', '#555555')
// .text("with IEPs")
// // Alerts
// const alert = legendBounds.append("g")
// .attr("class", 'alert')
// .attr('transform', `translate(${legendWidth / 2}, ${legendHeightCenter + 40})`)
// .append('text')
// .attr('fill', 'red')
// .attr('font-size', '25px')
// .style("text-anchor", "middle")
// .attr('font-weight', 'bold')
// .attr('font-family', 'Inter')
// .text('! ! ! !')
// // Labels
// const inclusiveLabel = legendBounds.node().appendChild(
// createSVGtext({
// text: "% in inclusive setting",
// x: `${legendWidth / 2 + 120}`,
// y: `${legendHeightCenter - 75}`,
// fontSize: 15,
// fill: mainColor,
// textAnchor: "middle",
// textClass: "legendLabel",
// maxCharsPerLine: 16,
// lineHeight: 1,
// font_weight: "bold",
// font_family: "Inter"
// })
// )
// const semiInclusiveLabel = legendBounds.node().appendChild(
// createSVGtext({
// text: "% in semi-inclusive setting",
// x: `${legendWidth / 2 - 150}`,
// y: `${legendHeightCenter - 30}`,
// fontSize: 15,
// fill: "gold",
// textAnchor: "middle",
// textClass: "legendLabel",
// maxCharsPerLine: 16,
// lineHeight: 1,
// font_weight: "bold",
// font_family: "Inter"
// })
// )
// const nonInclusiveLabel = legendBounds.node().appendChild(
// createSVGtext({
// text: "% in non-inclusive setting",
// x: `${legendWidth / 2 - 120}`,
// y: `${legendHeightCenter - 90}`,
// fontSize: 15,
// fill: "orange",
// textAnchor: "middle",
// textClass: "legendLabel",
// maxCharsPerLine: 20,
// lineHeight: 1,
// font_weight: "bold",
// font_family: "Inter"
// })
// )
// const separateLabel = legendBounds.node().appendChild(
// createSVGtext({
// text: "% of students in a separate setting",
// x: `${legendWidth / 2}`,
// y: `${legendHeightCenter - 125}`,
// fontSize: 15,
// fill: "red",
// textAnchor: "middle",
// textClass: "legendLabel",
// maxCharsPerLine: 20,
// lineHeight: 1,
// font_weight: "bold",
// font_family: "Inter"
// })
// )
// const alertsLabel = legendBounds.node().appendChild(
// createSVGtext({
// text: "alerts for excessive discipline or disproportionate racial representation in Special Education",
// x: `${legendWidth / 2 + 250}`,
// y: `${legendHeightCenter + 50}`,
// fontSize: 15,
// fill: "red",
// textAnchor: "middle",
// textClass: "legendLabel",
// maxCharsPerLine: 36,
// lineHeight: 1,
// font_weight: "bold",
// font_family: "Inter"
// })
// )
// const alertLine = legendBounds.append("line")
// .attr('x1', `${legendWidth / 2 + 35}`)
// .attr('x2', `${legendWidth / 2 + 125}`)
// .attr('y1', `${legendHeightCenter + 30}`)
// .attr('y2', `${legendHeightCenter + 45}`)
// .attr('stroke', 'red')
// .attr('stroke-width', '2px')
// .attr('class', "legendLabel")
// return legend.node()
// }