txBONDataChart = { // Assuming your input is named universitySelector const selectedNursingOccs = nursingSelector; // Function to filter data based on selection function filterNursing(data) { if (selectedNursingOccs === "All") { return data; } else { return data.filter((d) => d.Category === selectedNursingOccs); } } const filteredData = filterNursing(txbonData); return addTooltips( Plot.plot({ title: html`

Nursing Occupation Projections of Supply and Demand in Texas:
${ nursingSelector === "RN" ? "Registered Nurses" : nursingSelector === "LVN" ? "Licensed Vocational Nurses" : "Nurse Practitioners (All)" }

`, // subtitle: "Texas Department of State Health Services Data", caption: caption( "Data Source: [Texas Department of State Health Services: Workforce Supply & Demand Projections](https://healthdata.dshs.texas.gov/dashboard/health-care-workforce/hprc/workforce-supply-and-demand-projections)" ), width, //: Math.max(width, 600), y: { // grid: false, // label: "Fall Enrollment (Total)", nice: true, domain: [0, Math.max(...filteredData.map((d) => d.Count))], axis: null // ticks: d3.range(0, 12000, 1000), // tickFormat: d3.format("0.0s") }, x: { tickFormat: "", label: null, domain: [2021.5, 2036.5] // grid: false // ticks: d3.range(2014, 2024, 1) }, //, insetBottom: 5 }, color: { domain: ["Supply", "Demand"], //, "Professional"], range: ["#762a83", "#009688"], //, "#000000"], legend: false }, marginLeft: 50, marginRight: 50, style: { //backgroundColor: "#6d8399", // //color: "#c9daf4", // fontFamily: "system-ui", fontSize: "12px", fontWeight: "bold", overflow: "hidden" }, marks: [ Plot.dot(filteredData, { x: "Year", y: "Count", stroke: "FTE", fill: "FTE" //tip: true, // title: (d) => // `Gap Analysis\nYear: ${d.Year}\nSupply: ${ // d.FTE === "Supply" ? d3.format(",")(d.Count) : "" // }\n\Demand: ${d.FTE === "Demand" ? d3.format(",")(d.Count) : ""}` }), Plot.line(filteredData, { x: "Year", y: "Count", stroke: "FTE" }), // Text mark for the first point Plot.text( filteredData, Plot.selectFirst({ //x: d => d.hea_indicator - 0.4, //Adjusts the x position x: "Year", y: "Count", z: "FTE", text: "FTE", fill: "FTE", textAnchor: "middle", dx: -40 // text: d => `(${d.race_group}`, // dy: -10, // Optional: Adjusts the vertical position of the label }) ), // Text mark for the end point Plot.text( filteredData, Plot.selectLast({ // x: d => d.hea_indicator + 0.1, x: "Year", y: "Count", z: "FTE", text: "FTE", fill: "FTE", textAnchor: "middle", dx: 40 // text: d => `(${d.race_group}`, // dy: -10, // Optional: Adjusts the vertical position of the label }) ), Plot.text( filteredData.filter((d) => d.Year % 2 === 0), { x: "Year", y: (d) => { // Get the range of values for the current category const maxValue = Math.max(...filteredData.map((fd) => fd.Count)); const minValue = Math.min(...filteredData.map((fd) => fd.Count)); const range = maxValue - minValue; // Set different offset percentages based on Category let offsetPercentage; switch (selectedNursingOccs) { case "RN": offsetPercentage = 0.1; // 10% for RN break; case "LVN": offsetPercentage = 0.1; // 10% for LVN break; case "Nurse Practitioners (All)": offsetPercentage = 0.07; // 7% for NP break; default: offsetPercentage = 0.05; // Default fallback } const offset = range * offsetPercentage; return d.Label_Position === "Above" ? d.Count + offset : d.Count - offset; }, // y: (d) => { // // Get the range of values for the current category // const maxValue = Math.max(...filteredData.map((fd) => fd.Count)); // const minValue = Math.min(...filteredData.map((fd) => fd.Count)); // const range = maxValue - minValue; // // Use 5% of the range as the offset // const offset = range * 0.1; // return d.Label_Position === "Above" // ? d.Count + offset // : d.Count - offset; // }, text: (d) => `${d3.format(",")(d.Count)}`, textAnchor: "middle", fill: "FTE", fontWeight: "bold", fontSize: "12px" } ) // Plot.text( // filteredData.filter((d) => d.Year % 2 === 0), // { // x: "Year", // y: (d) => { // // Offset the y-position from the actual Count value // const offset = d.Label_Position === "Above" ? -2000 : 2000; // Adjust these values based on your data scale // return d.Count + offset; // }, // text: (d) => `${d3.format(",")(d.Count)}`, // textAnchor: "middle", // fill: "FTE", // fontWeight: "bold", // fontSize: "12px" // } // ) ] }) ); }

Nursing Occupation Projections of Supply and Demand in Texas: ${ nursingSelector === "RN" ? "Registered Nurses" : nursingSelector === "LVN" ? "Licensed Vocational Nurses" : "Nurse Practitioners (All)" }

Nursing Occupation Projections of Supply and Demand in Texas:
${ nursingSelector === "RN" ? "Registered Nurses" : nursingSelector === "LVN" ? "Licensed Vocational Nurses" : "Nurse Practitioners (All)" }