COE - Public Charter School Enrollment (2024)

"); div.attr("class", "group-wrap no-border"); div.append("

Percent

"); div.append("

") const filteredFigureData = filterFigureData(figureData); var allValues = []; filteredFigureData.series.forEach((serie, index) => { var valuesWithColors = serie.values.map(value => { return { ...value, color: serie.color, // colors[index] serieIndex: index } }) allValues = [...allValues, ...valuesWithColors] }); allValues.forEach(function (item, i) { div.append("

" + chartingUtils.replaceSupPlaceholder(item.stateName) + "

") }); $(wrap).find(".options-container-body").append(div); // CLEAR ALL EVENT HANDLER $(`.btn-data-clear-all-92`).on('click', (ev) => { ev.preventDefault(); for (let valueIndex = 0; valueIndex < figureData.series[0].values.length; valueIndex++) { figureData.series[0].values[valueIndex].visible = valueIndex == 0; $(wrap).find('.check[data-type="data"][data-index=' + valueIndex + ']')[0].checked = valueIndex == 0; } draw(); }); // SELECT ALL EVENT HANDLER $(`.btn-data-select-all-92`).on('click', (ev) => { ev.preventDefault(); for (let valueIndex = 0; valueIndex < figureData.series[0].values.length; valueIndex++) { figureData.series[0].values[valueIndex].visible = true; $(wrap).find('.check[data-type=data][data-index=' + valueIndex + ']')[0].checked = true; } draw(); }); } }; function removeLegends() { $(wrap).find(".legends").html(""); } function drawLegends() { $(wrap).find(".legends").html(""); figureData.series.forEach(function (item, i) { $(wrap) .find(".legends") .append("

"); }); } function drawMapLikeLegends() { if (chartType == 'map-like') { for (let serieIndex = 0; serieIndex < figureData.virtualSeries.length; serieIndex++) { const serie = figureData.virtualSeries[serieIndex]; $(wrap).find('#map-like-flex').append(` ${serie.key} `); }; $(wrap).find('.legend-map-like').click(ev => { // this click event for legends for map-like charts const serieId = ev.target.getAttribute('data-serie-id'); const virtualSerie = figureData.virtualSeries.find(vs => vs.id == serieId); virtualSerie.visible = ev.target.checked; // const serie = figureData.series[0]; // for (const value of serie.values) { // if(value.virtualSerieId == serieId) { // value.visible = ev.target.checked; // } // } //figureData.series[serieIndex].visible = ev.target.checked; //$(wrap).find('input[data-index=' + serieIndex + ']')[0].checked = ev.target.checked; syncVirtualSeries(); draw(); }) } } const getErrorCheck = () => $(wrap).find("#error-check-__f2781cd94b354fe5b18d3a9c7b4b84a3").is(":checked"); $(wrap).on("click", "#toggle-icon-__f2781cd94b354fe5b18d3a9c7b4b84a3", function (ev) { $(wrap).find("#error-check-__f2781cd94b354fe5b18d3a9c7b4b84a3").click(); }); $(wrap).find("#error-check-__f2781cd94b354fe5b18d3a9c7b4b84a3").click(function (ev) { draw(); // update image var onSrc = $("#toggle-icon-__f2781cd94b354fe5b18d3a9c7b4b84a3").attr('data-on-src'); var offSrc = $("#toggle-icon-__f2781cd94b354fe5b18d3a9c7b4b84a3").attr('data-off-src'); if (ev.target.checked) { $("#toggle-icon-__f2781cd94b354fe5b18d3a9c7b4b84a3").attr('src', onSrc); } else { $("#toggle-icon-__f2781cd94b354fe5b18d3a9c7b4b84a3").attr('src', offSrc); } }); function sortSeries(series) { let sortedSeries = []; series.forEach(serie => { let sortedSerie = { key: serie.key, visible: serie.visible, values: [...serie.values] }; sortedSerie.values.sort((a, b) => { if (a.values === b.value) return 0; else return a.value > b.value ? 1 : -1; }) sortedSeries.push(sortedSerie); }); return sortedSeries; } function sortValues(values) { values.sort((a, b) => { if (a.values === b.value) return 0; else return a.value > b.value ? 1 : -1; }); } function changeColorsForSeries(data, colors) { const series = ['Not available', 'Data not available', 'Reporting standard not met', 'Not applicable']; let originalColors = [...colors]; if (data.length > 0 && series.includes(data[0].key)) { colors = ['#ebebeb', ...colors]; } if (data.length > 1 && series.includes(data[1].key)) { colors = [colors[0], '#dbdbdb', ...originalColors]; } if (data.length > 2 && series.includes(data[2].key)) { colors = [colors[0], colors[1], '#858585', ...originalColors]; } return colors; } function draw() { $('#chart-__f2781cd94b354fe5b18d3a9c7b4b84a3-file').css('display', 'none'); $('#chart-__f2781cd94b354fe5b18d3a9c7b4b84a3').css('display', 'block'); $('#table-__f2781cd94b354fe5b18d3a9c7b4b84a3').css('display', 'none'); removeLegends(); //console.log('--- Figure ' + figureNumber); const filteredFigureData = filterFigureData(figureData); //filteredFigureData.series = sortSeries(filteredFigureData.series); //figureData && console.log('figureData: ', figureData); //filteredFigureData && console.log('filteredFigureData: ', filteredFigureData); if (chartView === "map") { let optionsObj = { element: element, showTerritories: false, width: 800, //$(".d3-map").parent().width(), height: 470, stateLabelBoxHeight: 25, stateLabelBoxWidth: 30, legendsOffset: 70, data: figureData.series, stateLabels: stateLabels, colors: colors, isPercent: true, usJsonUrl: 'http://nces.ed.gov/programs/coe' + '/js/us.json', roundValues: true, outlyingareaSpacing: 0 }; $(element).empty(); $(element).css('height', '470px') chartInstance = new MapChart(optionsObj); } if (chartView === "bar") { // for bar, we neeed 1 series sorted by value var allValues = []; filteredFigureData.series.forEach((serie, index) => { var valuesWithColors = serie.values.map(value => { let color = serie.color; if(value.color) { color = value.color; } return { ...value, color: color //serie.color// colors[index] } }) allValues = [...allValues, ...valuesWithColors] }); //sortValues(allValues) //console.log('allValues: ', allValues); var arrWithSortedSingleSerie = [{ key: 'All', values: allValues, visible: true }]; $(element).empty(); let calculatedHeight = allValues.length * 25; if (calculatedHeight < 300) calculatedHeight = 300; $(element).css('height', calculatedHeight + 'px'); const errorToggle = document.getElementById(`error-check-__f2781cd94b354fe5b18d3a9c7b4b84a3`); const showErrors = errorToggle?.checked; let xLabel = 'Label 1'; let chartOptions = { chartType: 'map', chartSettings: chartSettings, element: element, showGrid: true, style: { margin: { top: 40, right: 30, bottom: 100, left: 50 }, width: 800, height: calculatedHeight, }, x: { label: xLabel, addDollarToTop: false, }, y: { label: "Percent" }, tooltip: { prefixDollar: false, round: null }, series: filteredFigureData.series, data: arrWithSortedSingleSerie, //sortSeries(filteredFigureData.series), showErrors, barPadding: 0.3, colors: colors, subgroups: ['value'], maxScale: maxScale, isPercent: true, roundValues: true, formatThousands: false, axisXAlign: '', ticksNumber: '' }; // if(useSortedSerie) { // chartOptions.data_old = chartOptions.data; // chartOptions.data = [figureData.sortedSerie]; // } chartOptions.style.margin.bottom = 125; chartOptions.style.margin.right = 30; chartOptions.style.margin.top = 40; chartOptions.style.margin.left = 95; chartInstance = new StateHorizontalBar(chartOptions); } else if (chartView === 'bar-diverging') { drawLegends(); var allValues = []; filteredFigureData.series.forEach((serie, index) => { var valuesWithColors = serie.values.map(value => { return { ...value, color: colors[index], serieIndex: index } }) allValues = [...allValues, ...valuesWithColors] }); sortValues(allValues) //console.log('allValues: ', allValues); var arrWithSortedSingleSerie = [{ key: 'All', values: allValues, visible: true }]; let testData = [{ "2010": 37254523, "2019": 39512223, "State": "California" }, { "2010": 25145561, "2019": 28995881, "State": "Texas" }, { "2010": 18801310, "2019": 21477737, "State": "Florida" }, { "2010": 19378102, "2019": 19453561, "State": "New York" }, { "2010": 12702379, "2019": 12801989, "State": "Pennsylvania" }, { "2010": 12830632, "2019": 12671821, "State": "Illinois" }, { "2010": 11536504, "2019": 11689100, "State": "Ohio" }, { "2010": 9687653, "2019": 10617423, "State": "Georgia" }, { "2010": 9535483, "2019": 10488084, "State": "North Carolina" }, { "2010": 9883640, "2019": 9986857, "State": "Michigan" }, { "2010": 8791894, "2019": 8882190, "State": "New Jersey" }, { "2010": 8001024, "2019": 8535519, "State": "Virginia" }, { "2010": 6724540, "2019": 7614893, "State": "Washington" }, { "2010": 6392017, "2019": 7278717, "State": "Arizona" }, { "2010": 6547629, "2019": 6949503, "State": "Massachusetts" }, { "2010": 6346105, "2019": 6833174, "State": "Tennessee" }, { "2010": 6483802, "2019": 6732219, "State": "Indiana" }, { "2010": 5988927, "2019": 6137428, "State": "Missouri" }, { "2010": 5773552, "2019": 6045680, "State": "Maryland" }, { "2010": 5686986, "2019": 5822434, "State": "Wisconsin" }, { "2010": 5029196, "2019": 5758736, "State": "Colorado" }, { "2010": 5303925, "2019": 5639632, "State": "Minnesota" }, { "2010": 4625364, "2019": 5148714, "State": "South Carolina" }, { "2010": 4779736, "2019": 4903185, "State": "Alabama" }, { "2010": 4533372, "2019": 4648794, "State": "Louisiana" }, { "2010": 4339367, "2019": 4467673, "State": "Kentucky" }, { "2010": 3831074, "2019": 4217737, "State": "Oregon" }, { "2010": 3751351, "2019": 3956971, "State": "Oklahoma" }, { "2010": 3574097, "2019": 3565287, "State": "Connecticut" }, { "2010": 2763885, "2019": 3205958, "State": "Utah" }, { "2010": 3725789, "2019": 3193694, "State": "Puerto Rico" }, { "2010": 3046355, "2019": 3155070, "State": "Iowa" }, { "2010": 2700551, "2019": 3080156, "State": "Nevada" }, { "2010": 2915918, "2019": 3017825, "State": "Arkansas" }, { "2010": 2967297, "2019": 2976149, "State": "Mississippi" }, { "2010": 2853118, "2019": 2913314, "State": "Kansas" }, { "2010": 2059179, "2019": 2096829, "State": "New Mexico" }, { "2010": 1826341, "2019": 1934408, "State": "Nebraska" }, { "2010": 1852994, "2019": 1792065, "State": "West Virginia" }, { "2010": 1567582, "2019": 1787147, "State": "Idaho" }, { "2010": 1360301, "2019": 1415872, "State": "Hawaii" }, { "2010": 1316470, "2019": 1359711, "State": "New Hampshire" }, { "2010": 1328361, "2019": 1344212, "State": "Maine" }, { "2010": 989415, "2019": 1068778, "State": "Montana" }, { "2010": 1052567, "2019": 1059361, "State": "Rhode Island" }, { "2010": 897934, "2019": 973764, "State": "Delaware" }, { "2010": 814180, "2019": 884659, "State": "South Dakota" }, { "2010": 672591, "2019": 762062, "State": "North Dakota" }, { "2010": 710231, "2019": 731545, "State": "Alaska" }, { "2010": 601723, "2019": 705749, "State": "District of Columbia" }, { "2010": 625741, "2019": 623989, "State": "Vermont" }, { "2010": 563626, "2019": 578759, "State": "Wyoming" }] let config = { globalId: '__f2781cd94b354fe5b18d3a9c7b4b84a3', element: element, showGrid: true, style: { margin: { top: 40, right: 30, bottom: 100, left: 50 }, width: 800, height: 1200, }, //testData: testData, series: filteredFigureData.series, singleSerie: allValues, colors: colors, maxScale: null, minScale: null, x: { label: "" }, y: { label: "Percent" } } config.style.margin.bottom = 125; config.style.margin.right = 70; config.style.margin.top = 30; config.style.margin.left = 95; chartInstance = new BarDivergingChart(config); } else if (chartView === 'file') { $('#chart-__f2781cd94b354fe5b18d3a9c7b4b84a3-file').css('display', 'block'); $('#chart-__f2781cd94b354fe5b18d3a9c7b4b84a3').css('display', 'none'); $('#table-__f2781cd94b354fe5b18d3a9c7b4b84a3').css('display', 'none'); } else if (chartView === "table") { $('#chart-__f2781cd94b354fe5b18d3a9c7b4b84a3-file').css('display', 'none'); $('#chart-__f2781cd94b354fe5b18d3a9c7b4b84a3').css('display', 'none'); $('#table-__f2781cd94b354fe5b18d3a9c7b4b84a3').css('display', 'block'); chartInstance = new StatesTable({ chartType: 'map', containerId: 'table-__f2781cd94b354fe5b18d3a9c7b4b84a3', figureData: filteredFigureData, showConfidenceInterval: getErrorCheck(), hasAnySe: false, roundValues: true, horizontalLabel: horizontalLabel, 'table.usAverage.hide': chartSettings['table.usAverage.hide'], }); } chartingUtils.logChart(chartInstance, figureNumber); } window.addEventListener('resize', function () { zoomMap(); //if(window.innerWidth < 993) { // // switch to table view // if(chartView === 'map' || chartView === 'bar') { // chartView = 'table'; // setActiveSwitchButton('table'); // draw(); // } //} }); appendCheckboxes(); appendCheckboxesForDataArr(); zoomMap(); drawMapLikeLegends(); //if (window.innerWidth < 993) { // // switch to table view // if (chartView === 'map' || chartView === 'bar') { // chartView = 'table'; // setActiveSwitchButton('table'); // draw(); // } //} function zoomMap() { const width = window.innerWidth; if (chartView === 'map') { if (width > 991) $('#chart-__f2781cd94b354fe5b18d3a9c7b4b84a3').css('zoom', '1'); else if (width > 767) $('#chart-__f2781cd94b354fe5b18d3a9c7b4b84a3').css('zoom', '0.8'); else $('#chart-__f2781cd94b354fe5b18d3a9c7b4b84a3').css('zoom', '0.45'); } else { $('#chart-__f2781cd94b354fe5b18d3a9c7b4b84a3').css('zoom', '1'); } } draw(); $(wrap).find('.embed-wrapper').on('click', function (ev) { let embedBg = $(wrap).find('.embed-wrapper'); if ($(ev.target).is(embedBg)) { $(ev.target).addClass('d-none'); }; }); $(wrap).find('.embed-wrapper').find('button').on('click', function () { let btn = $(wrap).find('.embed-wrapper').find('button'); btn.html('Copied!'); setTimeout(function () { btn.html('Copy'); }, 2000); }); $(wrap).find('.embed-wrapper').find('.close').on('click', function () { let embedBg = $(wrap).find('.embed-wrapper').addClass('d-none'); }); $(wrap).find('.link-embed').on('click', function (ev) { ev.preventDefault(); $(wrap).find('.embed-wrapper').removeClass('d-none'); let container = $('#figure-' + '210'); const width = Math.ceil(container.outerWidth()) + 20; const height = Math.ceil(container.outerHeight()) + 20; const url = 'http://nces.ed.gov/programs/coe/iframe/index?code=CGB&figureNumber=' + '2'; let html = '

'; $(wrap).find('.embed-wrapper').find('textarea').val(html) }); $(wrap).find('.link-download-data').on('click', function (ev) { ev.preventDefault(); let footnotes = [];footnotes.push({ sup: '', content: '†Not applicable. State does not have charter school legislation or reported having no charter schools.' }); footnotes.push({ sup: '', content: '#Rounds to zero.' }); footnotes.push({ sup: '', content: 'NOTE: U.S. average in this figure represents the 50 states and the District of Columbia. Categorizations are based on unrounded percentages.' }); footnotes.push({ sup: '', content: 'SOURCE: U.S. Department of Education, National Center for Education Statistics, Common Core of Data (CCD), “Public Elementary/Secondary School Universe Survey,” 2021–22. See Digest of Education Statistics 2022, table 216.90.' }); let content = chartingUtils.generateCSVContent({ data: figureData, figureTitle: 'Figure 2. Percentage of all public school students enrolled in public charter schools, by state: Fall 2021', chartType, hasSe: false, footnotes, projectionYear: null, showConfidenceInterval: null, horizontalLabel, chartSettings: chartSettings }) // Create a blob //var blob = new Blob([content], { type: 'text/csv' }); var BOM = "\uFEFF"; var csvData = BOM + content; var blob = new Blob([csvData], { type: "text/csv;charset=utf-8" }); var url = URL.createObjectURL(blob); // Create a link to download it var pom = document.createElement('a'); pom.href = url; pom.setAttribute('download', 'CGB-figure-2.csv'); pom.click(); }); })();