Data Visualization Engineer
chart = {
const root = d3.hierarchy(data);
const links = root.links();
const nodes = root.descendants();
const simulation = d3.forceSimulation(nodes)
.force("link", d3.forceLink(links).id(d => d.id).distance(0).strength(1))
.force("charge", d3.forceManyBody().strength(-30))
.force("x", d3.forceX())
.force("y", d3.forceY());
const svg = d3.create("svg")
.attr("viewBox", [-width / 2, -height / 2, width, height]);
const link = svg.append("g")
.attr("stroke", "#999")
.attr("stroke-opacity", 0.6)
.selectAll("line")
.data(links)
.join("line");
const node = svg.append("g")
.attr("fill", "#fff")
.attr("stroke", "#000")
.attr("stroke-width", 1.5)
.selectAll("circle")
.data(nodes)
.join("circle")
.attr("fill", d => d.children ? null : "#000")
.attr("stroke", d => d.children ? null : "#fff")
.attr("r", 3.5)
.call(drag(simulation));
node.append("title")
.text(d => d.data.name);
simulation.on("tick", () => {
link
.attr("x1", d => d.source.x)
.attr("y1", d => d.source.y)
.attr("x2", d => d.target.x)
.attr("y2", d => d.target.y);
node
.attr("cx", d => d.x)
.attr("cy", d => d.y);
});
invalidation.then(() => simulation.stop());
return svg.node();
}
data = ({"properties":{"radius":30,"color":"#4caf50","icon":"f46d"},"label":"Children's Outpatient Services","id":"fx_jwb_program-1102","name":"fx_jwb_program-1102","children":[{"name":"Site","label":"Site","id":"Site","properties":{"hidden":true},"children":[{"properties":{"radius":20,"color":"#3f51b5","icon":"f276"},"label":"Site: Children's Outpatient Services - 1002","id":"fx_jwb_program_site-1002","name":"Site: Children's Outpatient Services - 1002"},{"properties":{"radius":20,"color":"#3f51b5","icon":"f276"},"label":"Site: Children's Outpatient Services - 1004","id":"fx_jwb_program_site-1004","name":"Site: Children's Outpatient Services - 1004"},{"properties":{"radius":20,"color":"#3f51b5","icon":"f276"},"label":"Site: Children's Outpatient Services - 1005","id":"fx_jwb_program_site-1005","name":"Site: Children's Outpatient Services - 1005"},{"properties":{"radius":20,"color":"#3f51b5","icon":"f276"},"label":"Site: Children's Outpatient Services - 1006","id":"fx_jwb_program_site-1006","name":"Site: Children's Outpatient Services - 1006"},{"properties":{"radius":20,"color":"#3f51b5","icon":"f276"},"label":"Site: Children's Outpatient Services - 1007","id":"fx_jwb_program_site-1007","name":"Site: Children's Outpatient Services - 1007"},{"properties":{"radius":20,"color":"#9c27b0","icon":"f276"},"label":"Skyview Location","id":"fx_jwb_grantee_site-1005","name":"Skyview Location"}]},{"name":"Household","label":"Household","id":"Household","properties":{"hidden":true},"children":[{"properties":{"radius":20,"color":"#ffc107","icon":"2b"},"label":"Francis: ","id":"fx_jwb_program_household-1000","name":"Francis: "},{"properties":{"radius":20,"color":"#ffc107","icon":"2b"},"label":"Mario Test Household: ","id":"fx_jwb_program_household-1001","name":"Mario Test Household: "}]},{"name":"Closed Dates","label":"Closed Dates","id":"Closed Dates","properties":{"hidden":true},"children":[{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1043","id":"fx_jwb_program_closed_dates-1043","name":"Closed Dates: Children's Outpatient Services - 1043"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1045","id":"fx_jwb_program_closed_dates-1045","name":"Closed Dates: Children's Outpatient Services - 1045"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1046","id":"fx_jwb_program_closed_dates-1046","name":"Closed Dates: Children's Outpatient Services - 1046"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1047","id":"fx_jwb_program_closed_dates-1047","name":"Closed Dates: Children's Outpatient Services - 1047"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1048","id":"fx_jwb_program_closed_dates-1048","name":"Closed Dates: Children's Outpatient Services - 1048"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1049","id":"fx_jwb_program_closed_dates-1049","name":"Closed Dates: Children's Outpatient Services - 1049"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1050","id":"fx_jwb_program_closed_dates-1050","name":"Closed Dates: Children's Outpatient Services - 1050"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1051","id":"fx_jwb_program_closed_dates-1051","name":"Closed Dates: Children's Outpatient Services - 1051"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1052","id":"fx_jwb_program_closed_dates-1052","name":"Closed Dates: Children's Outpatient Services - 1052"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1053","id":"fx_jwb_program_closed_dates-1053","name":"Closed Dates: Children's Outpatient Services - 1053"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1054","id":"fx_jwb_program_closed_dates-1054","name":"Closed Dates: Children's Outpatient Services - 1054"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1055","id":"fx_jwb_program_closed_dates-1055","name":"Closed Dates: Children's Outpatient Services - 1055"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1056","id":"fx_jwb_program_closed_dates-1056","name":"Closed Dates: Children's Outpatient Services - 1056"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1057","id":"fx_jwb_program_closed_dates-1057","name":"Closed Dates: Children's Outpatient Services - 1057"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1058","id":"fx_jwb_program_closed_dates-1058","name":"Closed Dates: Children's Outpatient Services - 1058"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1059","id":"fx_jwb_program_closed_dates-1059","name":"Closed Dates: Children's Outpatient Services - 1059"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1060","id":"fx_jwb_program_closed_dates-1060","name":"Closed Dates: Children's Outpatient Services - 1060"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1061","id":"fx_jwb_program_closed_dates-1061","name":"Closed Dates: Children's Outpatient Services - 1061"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1062","id":"fx_jwb_program_closed_dates-1062","name":"Closed Dates: Children's Outpatient Services - 1062"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1063","id":"fx_jwb_program_closed_dates-1063","name":"Closed Dates: Children's Outpatient Services - 1063"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1064","id":"fx_jwb_program_closed_dates-1064","name":"Closed Dates: Children's Outpatient Services - 1064"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1081","id":"fx_jwb_program_closed_dates-1081","name":"Closed Dates: Children's Outpatient Services - 1081"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1082","id":"fx_jwb_program_closed_dates-1082","name":"Closed Dates: Children's Outpatient Services - 1082"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1083","id":"fx_jwb_program_closed_dates-1083","name":"Closed Dates: Children's Outpatient Services - 1083"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1084","id":"fx_jwb_program_closed_dates-1084","name":"Closed Dates: Children's Outpatient Services - 1084"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1085","id":"fx_jwb_program_closed_dates-1085","name":"Closed Dates: Children's Outpatient Services - 1085"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1086","id":"fx_jwb_program_closed_dates-1086","name":"Closed Dates: Children's Outpatient Services - 1086"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1087","id":"fx_jwb_program_closed_dates-1087","name":"Closed Dates: Children's Outpatient Services - 1087"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1088","id":"fx_jwb_program_closed_dates-1088","name":"Closed Dates: Children's Outpatient Services - 1088"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1089","id":"fx_jwb_program_closed_dates-1089","name":"Closed Dates: Children's Outpatient Services - 1089"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1090","id":"fx_jwb_program_closed_dates-1090","name":"Closed Dates: Children's Outpatient Services - 1090"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1091","id":"fx_jwb_program_closed_dates-1091","name":"Closed Dates: Children's Outpatient Services - 1091"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1092","id":"fx_jwb_program_closed_dates-1092","name":"Closed Dates: Children's Outpatient Services - 1092"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1093","id":"fx_jwb_program_closed_dates-1093","name":"Closed Dates: Children's Outpatient Services - 1093"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1094","id":"fx_jwb_program_closed_dates-1094","name":"Closed Dates: Children's Outpatient Services - 1094"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1095","id":"fx_jwb_program_closed_dates-1095","name":"Closed Dates: Children's Outpatient Services - 1095"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1096","id":"fx_jwb_program_closed_dates-1096","name":"Closed Dates: Children's Outpatient Services - 1096"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1097","id":"fx_jwb_program_closed_dates-1097","name":"Closed Dates: Children's Outpatient Services - 1097"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1098","id":"fx_jwb_program_closed_dates-1098","name":"Closed Dates: Children's Outpatient Services - 1098"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1099","id":"fx_jwb_program_closed_dates-1099","name":"Closed Dates: Children's Outpatient Services - 1099"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1100","id":"fx_jwb_program_closed_dates-1100","name":"Closed Dates: Children's Outpatient Services - 1100"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1101","id":"fx_jwb_program_closed_dates-1101","name":"Closed Dates: Children's Outpatient Services - 1101"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1102","id":"fx_jwb_program_closed_dates-1102","name":"Closed Dates: Children's Outpatient Services - 1102"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1103","id":"fx_jwb_program_closed_dates-1103","name":"Closed Dates: Children's Outpatient Services - 1103"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1104","id":"fx_jwb_program_closed_dates-1104","name":"Closed Dates: Children's Outpatient Services - 1104"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1105","id":"fx_jwb_program_closed_dates-1105","name":"Closed Dates: Children's Outpatient Services - 1105"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1106","id":"fx_jwb_program_closed_dates-1106","name":"Closed Dates: Children's Outpatient Services - 1106"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1107","id":"fx_jwb_program_closed_dates-1107","name":"Closed Dates: Children's Outpatient Services - 1107"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1108","id":"fx_jwb_program_closed_dates-1108","name":"Closed Dates: Children's Outpatient Services - 1108"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1109","id":"fx_jwb_program_closed_dates-1109","name":"Closed Dates: Children's Outpatient Services - 1109"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1110","id":"fx_jwb_program_closed_dates-1110","name":"Closed Dates: Children's Outpatient Services - 1110"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1111","id":"fx_jwb_program_closed_dates-1111","name":"Closed Dates: Children's Outpatient Services - 1111"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1112","id":"fx_jwb_program_closed_dates-1112","name":"Closed Dates: Children's Outpatient Services - 1112"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1113","id":"fx_jwb_program_closed_dates-1113","name":"Closed Dates: Children's Outpatient Services - 1113"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1114","id":"fx_jwb_program_closed_dates-1114","name":"Closed Dates: Children's Outpatient Services - 1114"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1115","id":"fx_jwb_program_closed_dates-1115","name":"Closed Dates: Children's Outpatient Services - 1115"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1116","id":"fx_jwb_program_closed_dates-1116","name":"Closed Dates: Children's Outpatient Services - 1116"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1117","id":"fx_jwb_program_closed_dates-1117","name":"Closed Dates: Children's Outpatient Services - 1117"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1118","id":"fx_jwb_program_closed_dates-1118","name":"Closed Dates: Children's Outpatient Services - 1118"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1119","id":"fx_jwb_program_closed_dates-1119","name":"Closed Dates: Children's Outpatient Services - 1119"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1120","id":"fx_jwb_program_closed_dates-1120","name":"Closed Dates: Children's Outpatient Services - 1120"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1121","id":"fx_jwb_program_closed_dates-1121","name":"Closed Dates: Children's Outpatient Services - 1121"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1122","id":"fx_jwb_program_closed_dates-1122","name":"Closed Dates: Children's Outpatient Services - 1122"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1123","id":"fx_jwb_program_closed_dates-1123","name":"Closed Dates: Children's Outpatient Services - 1123"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1124","id":"fx_jwb_program_closed_dates-1124","name":"Closed Dates: Children's Outpatient Services - 1124"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1125","id":"fx_jwb_program_closed_dates-1125","name":"Closed Dates: Children's Outpatient Services - 1125"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1126","id":"fx_jwb_program_closed_dates-1126","name":"Closed Dates: Children's Outpatient Services - 1126"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1127","id":"fx_jwb_program_closed_dates-1127","name":"Closed Dates: Children's Outpatient Services - 1127"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1128","id":"fx_jwb_program_closed_dates-1128","name":"Closed Dates: Children's Outpatient Services - 1128"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1129","id":"fx_jwb_program_closed_dates-1129","name":"Closed Dates: Children's Outpatient Services - 1129"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1130","id":"fx_jwb_program_closed_dates-1130","name":"Closed Dates: Children's Outpatient Services - 1130"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1131","id":"fx_jwb_program_closed_dates-1131","name":"Closed Dates: Children's Outpatient Services - 1131"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1132","id":"fx_jwb_program_closed_dates-1132","name":"Closed Dates: Children's Outpatient Services - 1132"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1133","id":"fx_jwb_program_closed_dates-1133","name":"Closed Dates: Children's Outpatient Services - 1133"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1134","id":"fx_jwb_program_closed_dates-1134","name":"Closed Dates: Children's Outpatient Services - 1134"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1135","id":"fx_jwb_program_closed_dates-1135","name":"Closed Dates: Children's Outpatient Services - 1135"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1136","id":"fx_jwb_program_closed_dates-1136","name":"Closed Dates: Children's Outpatient Services - 1136"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1137","id":"fx_jwb_program_closed_dates-1137","name":"Closed Dates: Children's Outpatient Services - 1137"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1138","id":"fx_jwb_program_closed_dates-1138","name":"Closed Dates: Children's Outpatient Services - 1138"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1139","id":"fx_jwb_program_closed_dates-1139","name":"Closed Dates: Children's Outpatient Services - 1139"},{"properties":{"radius":20,"color":"#c5e6c1","icon":"f073"},"label":"Closed Dates: Children's Outpatient Services - 1140","id":"fx_jwb_program_closed_dates-1140","name":"Closed Dates: Children's Outpatient Services - 1140"}]},{"name":"Participant Groups / Classes","label":"Participant Groups / Classes","id":"Participant Groups / Classes","properties":{"hidden":true},"children":[{"properties":{"radius":20,"color":"#ff9800","icon":"f0c0"},"label":"Vision Screening Event","id":"fx_jwb_program_group-1000","name":"Vision Screening Event"},{"properties":{"radius":20,"color":"#ff9800","icon":"f0c0"},"label":"Fun in the Sun","id":"fx_jwb_program_group-1001","name":"Fun in the Sun"},{"properties":{"radius":20,"color":"#ff9800","icon":"f0c0"},"label":"Grillin n Chillin BBQ","id":"fx_jwb_program_group-1002","name":"Grillin n Chillin BBQ"},{"properties":{"radius":20,"color":"#ff9800","icon":"f0c0"},"label":"Skyview Staff - Get to Know Us","id":"fx_jwb_program_group-1003","name":"Skyview Staff - Get to Know Us"}]},{"name":"Services","label":"Services","id":"Services","properties":{"hidden":true},"children":[{"properties":{"radius":20,"color":"#4caf50","icon":"2b"},"label":"Services: Children's Outpatient Services - 1000","id":"fx_jwb_program_services-1000","name":"Services: Children's Outpatient Services - 1000"}]},{"name":"Service","label":"Service","id":"Service","properties":{"hidden":true},"children":[{"properties":{"radius":20,"color":"#dddddd","icon":"2b"},"label":"Health Screening","id":"fx_jwb_util_service-1000","name":"Health Screening"}]},{"name":"Grantee","label":"Grantee","id":"Grantee","properties":{"hidden":true},"children":[{"properties":{"radius":20,"color":"#ff9800","icon":"2b"},"label":"Directions for Living","id":"fx_jwb_grantee-1009","name":"Directions for Living"}]},{"name":"Strategic Result Areas","label":"Strategic Result Areas","id":"Strategic Result Areas","properties":{"hidden":true},"children":[{"properties":{"radius":20,"color":"","icon":"2b"},"label":"Organizational Capacity","id":"fx_jwb_util_focus-1005","name":"Organizational Capacity"}]},{"name":"","label":"","id":"","properties":{"hidden":true},"children":[{"properties":{"radius":20,"color":"","icon":"2b"},"label":"Webauthor Support","id":"person-1187359","name":"Webauthor Support"},{"properties":{"radius":20,"color":"","icon":"2b"},"label":"Webauthor Support","id":"person-1187359","name":"Webauthor Support"}]}]})
height = 600
drag = simulation => {
function dragstarted(event, d) {
if (!event.active) simulation.alphaTarget(0.3).restart();
d.fx = d.x;
d.fy = d.y;
}
function dragged(event, d) {
d.fx = event.x;
d.fy = event.y;
}
function dragended(event, d) {
if (!event.active) simulation.alphaTarget(0);
d.fx = null;
d.fy = null;
}
return d3.drag()
.on("start", dragstarted)
.on("drag", dragged)
.on("end", dragended);
}
d3 = require("d3@6")
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.
