29:null 2a:["$","title",null,{"children":"Tables | Mathematica | Observable"}] 2f:T761,dataValidator = { let message; let messageHtml; const titleHtml = `

Data status

`; if (typeof fileSelect === 'undefined') { message = 'No data has been loaded.'; messageHtml = `

${message}

`; } else if (dataState.status === 'error') { const errorMessage = dataState.file; message = 'Access to this data is limited by IP address. Please confirm that your machine is on the correct network if you believe that you should have access.'; messageHtml = `

${errorMessage}

${message}

`; } else { const fileName = Object.values(inputFileConfig).find( obj => obj.file.csvName === dataState.file ).file.displayName; const messages = { nodata: 'No data has been loaded.', loading: `${fileName} is loading`, resolved: `${fileName} is loaded.`, weird: 'An error has occured.' }; message = messages[dataState.status]; messageHtml = `

${message}

${ dataState.status === 'loading' ? `

` : '' }

`; } return html`

${titleHtml}${messageHtml}

`; }30:T407,measureDetailDownloader = { let titleHtml; let textHtml; let button; if (fileSelect && dataState.status === 'resolved') { titleHtml = `

Measure set description

`; if (inputFileConfig[measureSet].file.descriptions) { textHtml = `

Download the measure set description to learn more about its associated monitoring metric calculations.

`; button = DOM.download( measureDetails.pdf, measureDetails.name, 'Download PDF' ); } else { textHtml = `

There is currently no measure set description available for ${inputFileConfig[measureSet].file.displayName}.

`; } } return html`

${titleHtml}${textHtml}${ button ? button : '' }

`; }31:T91b,viewof compareMeasuresLineSelections = { const selectors = makeSelectorGroup(compareMeasuresLineSelectionsConfig); const filters = inputFileConfig[measureSet].filterVars; filters.forEach(filter => { d3.select(selectors) .selectAll(`.selector-block.${filter}UseType select`) .on('change', function() { console.log('changng'); let defaultSel; let newSelect; const useTypeDiv = this.parentNode; const selectDiv = useTypeDiv.nextSibling; if (selectors.value[`${filter}UseType`] === 'Filter') { defaultSel = variableValues[filter][0]; newSelect = makeSelectorItem( selectorsConfig.filter( filter, defaultSel, types.FORMEL.SELECTSINGLE ), types.CHART.COMPAREMEASURESLINE ); selectors.value[filter] = defaultSel; } else if (selectors.value[`${filter}UseType`] === 'Disaggregate') { defaultSel = [variableValues[filter][0]]; newSelect = makeSelectorItem( selectorsConfig.filter( filter, defaultSel, types.FORMEL.SELECTMULTI ), types.CHART.COMPAREMEASURESLINE ); selectors.value[filter] = defaultSel; } if (inputFileConfig[measureSet].hasCalcType) { d3.select(newSelect) .select('select') .on('change', function() { updateFilterSelects(selectors, this); }); } d3.select(selectDiv).remove(); useTypeDiv.parentNode.insertBefore(newSelect, useTypeDiv.nextSibling); }); }); if (inputFileConfig[measureSet].hasCalcType) { updateFilterNote(selectors, 'multi'); const filterSelectEls = d3 .select(selectors) .selectAll('.filter-group .selector-block:nth-child(2) select'); filterSelectEls.on('change', function() { updateFilterSelects(selectors, this); }); d3.select(selectors) .select('.calcType-group .selector-block select') .on('change', function() { updateCalcTypeSelects({ selectors, selectEl: this, measureSelType: types.FORMEL.SELECTMULTI, filtersCanDisaggregate: true }); }); } return selectors; }32:T5dc,viewof compareStatesLineSelections = { const selectors = makeSelectorGroup(compareStatesLineSelectionsConfig); d3.select(selectors) .selectAll('#service-select-multiState') .on('change', () => { if (selectors.value.service) { if (selectors.value.service.includes('Length')) { selectors.value.dataAsPercent = false; d3.selectAll('#dataAsPercent-toggle-multiState').attr( 'checked', null ); d3.selectAll('#dataAsPercent-toggle-multiState').attr('disabled', ''); } else { d3.selectAll('#dataAsPercent-toggle-multiState').attr( 'disabled', null ); } } }); if (inputFileConfig[measureSet].hasCalcType) { updateFilterNote(selectors, 'multi'); const filterSelectEls = d3 .select(selectors) .selectAll('.filter-block select'); filterSelectEls.on('change', function() { updateFilterSelects(selectors, this); }); d3.select(selectors) .select('.calcType-group .selector-block select') .on('change', function() { // Reset filter values filterSelectEls._groups[0].forEach(el => { selectors.value[el.name] = 'All'; el.value = 'All'; }); updateCalcTypeSelects({ selectors, selectEl: this, measureSelType: types.FORMEL.SELECTSINGLE, filtersCanDisaggregate: false }); }); } return selectors; }33:T465,map = { const div = d3 .create('div') .attr('id', 'map-container') .attr('class', 'map-container'); const chartTitles = getMapTitle(); chartTitles.forEach(title => { div .append('p') .attr('class', `chart-title ${title.type}`) .html(title.text); }); div.node().appendChild(rawMap.node()); const svg = div.select('svg'); const dataType = getDataType(choroplethSelections); const dataDomain = dataType === types.DATA.RATE ? aggregatedMapData.map(x => x.value) : aggregatedMapData .filter(x => x.state !== 'United States') .map(x => x.value); const numColors = 5; const mapMeasureColor = measureColor(choroplethSelections.measure); const quantizeColors = getChoroColors(mapMeasureColor, numColors); const colorScale = d3 .scaleQuantize() .domain(d3.extent(dataDomain)) .range(quantizeColors) .nice(); addLinePattern(svg, mapUnusablePatternId, quantizeColors); makeMapLegend(svg, colorScale, 600, 490); colorMap(svg, colorScale, div); const thresholds = colorScale.thresholds(); return div.node(); }34:T7a2,releaseNotes = { let allNotesShown = false; const makeDate = date => { return html`

${fullDateTransform( date )}

`; }; const makeNotes = notesArr => { return html`

${note}

`; }; const recentNotes = html`

${releaseData .slice(0, 1) .map( entry => html`

${makeDate(entry.date)}${makeNotes(entry.notes)}

` )}

Show Earlier Release Notes

`; const oldNotes = html`

${releaseData .slice(1) .map( entry => html`

${makeDate(entry.date)}${makeNotes(entry.notes)}

` )}

`; const toggleNotesVisibility = () => { allNotesShown = !allNotesShown; const toggleText = d3.select("#notes-toggle-text"); if (allNotesShown) { toggleText.text('Hide Earlier Release Notes'); recentNotes.appendChild(oldNotes); } else { toggleText.text('Show Earlier Release Notes'); document.getElementById('old-notes-container').remove(); } }; d3.select(recentNotes) .selectAll('#notes-display-selector') .on('click', toggleNotesVisibility); return html`

Release Notes

${recentNotes}

`; }35:T52e0,inputFileConfig = { const yAxisLabels = { serviceUse1000: { count: 'Service use among selected Medicaid and CHIP beneficiaries', rate: 'Service use per 1,000 selected Medicaid and CHIP beneficiaries' }, sharePercent: { count: 'Number of Medicaid and CHIP beneficiaries', rate: 'Share of selected Medicaid and CHIP beneficiaries' }, serviceUse18Under1000: { count: 'Service use among selected Medicaid and CHIP beneficiaries 18 and under', rate: 'Service use per 1,000 selected Medicaid and CHIP beneficiaries 18 and under' } }; const ticksType = { count: max => d3.format(',.2r'), per1000: max => d3.format(',.2r'), percent: max => d3.format(',.2p') }; const yAxisTicks = { serviceUse1000: { count: ticksType.count, rate: ticksType.per1000 }, sharePercent: { count: ticksType.count, rate: ticksType.percent } }; const getDisplayNames = displayName => { return { lower: lowerCaseName(displayName), title: titleCase(displayName), sentence: sentenceCase(displayName) }; }; return { acuteDays: { file: { csvName: 'acutecaredays', displayName: 'Acute Care Days Metrics', descriptions: 'Acute Care Days.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('acute care days metric'), expectedVars: [ 'state', 'month', 'condition_category', 'acute_service', 'number_of_days', 'number_of_days_per_bene_w_stay', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), serviceCondition: obj.condition_category, measure: obj.acute_service, count: +obj.number_of_days, rate: +obj.number_of_days_per_bene_w_stay, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['serviceCondition'], xAxisVariable: 'month', yAxisLabels: { count: 'Days among Medicaid and CHIP beneficiaries', rate: 'Days per Medicaid and CHIP beneficiary' }, yAxisTicks: yAxisTicks.serviceUse1000 }, acuteService: { file: { csvName: 'acutecare', displayName: 'Acute Care Services', descriptions: 'Acute Care Services.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('acute care service'), expectedVars: [ 'state', 'month', 'age_group', 'sex', 'condition_category', 'acute_service', 'number_of_services', 'number_of_services_1000_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group, sex: sexTransform(obj.sex), serviceCondition: obj.condition_category, measure: obj.acute_service, count: +obj.number_of_services, rate: +obj.number_of_services_1000_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['serviceCondition', 'ageGroup', 'sex'], xAxisVariable: 'month', yAxisLabels: yAxisLabels.serviceUse1000, yAxisTicks: yAxisTicks.serviceUse1000 }, bhService: { file: { csvName: 'behavioralhealth', displayName: 'Behavioral Health Services', descriptions: 'Behavioral Health Services.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('service'), expectedVars: [ 'state', 'month', 'age_group', 'sex', 'bh_category', 'bh_service', 'number_of_services', 'number_of_services_1000_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group, sex: sexTransform(obj.sex), serviceCondition: obj.bh_category, measure: obj.bh_service, count: +obj.number_of_services, rate: +obj.number_of_services_1000_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['serviceCondition', 'ageGroup', 'sex'], xAxisVariable: 'month', yAxisLabels: yAxisLabels.serviceUse1000, yAxisTicks: yAxisTicks.serviceUse1000 }, births: { file: { csvName: 'births', displayName: 'Pregnancy Outcomes', descriptions: 'Pregnancy Outcomes.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('pregnancy outcome'), expectedVars: [ 'state', 'month', 'age_group_bo', 'births', 'number_of_services', 'number_of_services_1000_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group_bo, measure: obj.births === 'Miscarriages/stillbirths/terminations' ? obj.births.split('/').join(' / ') : obj.births, count: +obj.number_of_services, rate: +obj.number_of_services_1000_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['ageGroup'], measureSort: { measures: ['Pregnancies with any outcome'], order: 'first' }, xAxisVariable: 'month', yAxisLabels: { count: 'Documented pregnancies among selected Medicaid and CHIP beneficiaries', rate: 'Documented pregnancies per 1,000 selected Medicaid and CHIP beneficiaries' }, yAxisTicks: yAxisTicks.serviceUse1000 }, childScreening: { // properties to enable filter/disagg by race/ethnicity are commented out; do not delete file: { csvName: 'childscreening', displayName: 'Child Screening', descriptions: 'Child Screening.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('child screening service'), expectedVars: [ 'state', 'month', 'age_group_under19', 'race_ethnicity', 'child_service', 'number_of_services', 'number_of_services_1000_benes', 'dq_unusable', 'dq_race_concern' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group_under19, raceEthnicity: obj.race_ethnicity, measure: obj.child_service, count: +obj.number_of_services, rate: +obj.number_of_services_1000_benes, isUsable: usableTransform(+obj.dq_unusable) // isUsable: usableTransform(+obj.dq_unusable + +obj.dq_race_concern) }; }, filterVars: ['ageGroup'], // filterVars: ['ageGroup', 'raceEthnicity'], xAxisVariable: 'month', yAxisLabels: yAxisLabels.serviceUse18Under1000, yAxisTicks: yAxisTicks.serviceUse1000 }, condition: { file: { csvName: 'conditions', displayName: 'COVID-Related Conditions', descriptions: 'COVID-related Conditions.pdf' }, dataType: types.MEASUREGROUP.SHAREPERCENT, displayName: getDisplayNames('condition'), expectedVars: [ 'state', 'month', 'age_group', 'sex', 'condition', 'number_of_benes', 'share_of_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group, sex: sexTransform(obj.sex), measure: obj.condition, count: +obj.number_of_benes, rate: +obj.share_of_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['ageGroup', 'sex'], xAxisVariable: 'month', yAxisLabels: yAxisLabels.sharePercent, yAxisTicks: yAxisTicks.sharePercent }, contraceptiveCare: { file: { csvName: 'contraceptivecare', displayName: 'Contraceptive Care', descriptions: 'Contraceptive Care.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('contraceptive type'), expectedVars: [ 'state', 'month', 'age_group_cc', 'contraceptive_type', 'number_of_services', 'number_of_services_1000_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group_cc, measure: obj.contraceptive_type, count: +obj.number_of_services, rate: +obj.number_of_services_1000_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['ageGroup'], xAxisVariable: 'month', yAxisLabels: yAxisLabels.serviceUse1000, yAxisTicks: yAxisTicks.serviceUse1000 }, covidTesting: { file: { csvName: 'screening', displayName: 'COVID-Related Testing Services', descriptions: 'COVID-related Testing Services.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('COVID-related testing service'), expectedVars: [ 'state', 'month', 'age_group', 'sex', 'test', 'number_of_services', 'number_of_services_1000_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group, sex: sexTransform(obj.sex), measure: obj.test, count: +obj.number_of_services, rate: +obj.number_of_services_1000_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['ageGroup', 'sex'], measureSort: { measures: [ 'COVID-19 test or testing-related service', 'Antibody test', 'Diagnostic test', 'Specimen collection', 'Potential COVID-19 testing-related service' ], order: 'first' }, xAxisVariable: 'month', yAxisLabels: yAxisLabels.serviceUse1000, yAxisTicks: yAxisTicks.serviceUse1000 }, deathMeasures: { file: { csvName: 'death_all', displayName: 'Mortality', descriptions: 'Mortality.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('mortality measure'), expectedVars: [ 'state', 'month', 'age_group_dth', 'sex', 'category', 'death_measure', 'number_of_deaths', 'number_of_deaths_1000_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group_dth, sex: sexTransform(obj.sex), calcType: obj.category, measure: obj.death_measure, count: +obj.number_of_deaths, rate: +obj.number_of_deaths_1000_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, hasCalcType: true, filterVars: ['ageGroup', 'sex'], measureSort: { measures: [ 'All beneficiaries', 'Beneficiaries with a COVID diagnosis', 'Beneficiaries with a COVID-related condition', 'Beneficiaries with ILTC use', 'Beneficiaries dually eligibile for Medicare' ], order: 'first' }, xAxisVariable: 'month', yAxisLabels: { count: 'Deaths among selected Medicaid and CHIP beneficiaries', rate: 'Deaths per 1,000 selected Medicaid and CHIP beneficiaries' }, yAxisTicks: yAxisTicks.serviceUse1000 }, dentalService: { file: { csvName: 'dental', displayName: 'Dental Services', descriptions: 'Dental Services.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('dental service'), expectedVars: [ 'state', 'month', 'age_group_under19', 'dental_service', 'number_of_services', 'number_of_services_1000_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group_under19, measure: obj.dental_service, count: +obj.number_of_services, rate: +obj.number_of_services_1000_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['ageGroup'], xAxisVariable: 'month', yAxisLabels: yAxisLabels.serviceUse18Under1000, yAxisTicks: yAxisTicks.serviceUse1000 }, eligibilityGroup: { file: { csvName: 'enrollment', displayName: 'Eligibility Groups (TAF)', descriptions: 'Eligibility Groups (TAF).pdf' }, dataType: types.MEASUREGROUP.SHAREPERCENT, displayName: getDisplayNames('eligibility group'), expectedVars: [ 'state', 'month', 'age_group', 'sex', 'eligibility_group', 'number_of_benes', 'number_of_benes_pop', 'share_of_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], date: dateTransform(obj.month), month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group, sex: sexTransform(obj.sex), measure: obj.eligibility_group, count: +obj.number_of_benes, rate: +obj.share_of_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['ageGroup', 'sex'], measureSort: { measures: ['All'], order: 'first' }, xAxisVariable: 'date', yAxisLabels: yAxisLabels.sharePercent, yAxisTicks: yAxisTicks.sharePercent }, ltssService: { file: { csvName: 'ltss', displayName: 'Long-Term Care Services', descriptions: 'Long-term Care Services.pdf' }, dataType: types.MEASUREGROUP.SHAREPERCENT, displayName: { lower: 'LTC service', title: 'Long-Term Care Service', sentence: 'LTC service' }, expectedVars: [ 'state', 'month', 'age_group', 'sex', 'dual_status', 'ltss_service', 'number_of_benes', 'share_of_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group, sex: sexTransform(obj.sex), measure: obj.ltss_service, dualStatus: obj.dual_status, count: +obj.number_of_benes, rate: +obj.share_of_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['ageGroup', 'sex', 'dualStatus'], xAxisVariable: 'month', yAxisLabels: yAxisLabels.sharePercent, yAxisTicks: yAxisTicks.sharePercent }, piMetricsCounts: { file: { csvName: 'pi_metrics_counts', displayName: 'PI Metrics (Count Measures)', descriptions: 'Medicaid and CHIP Performance Indicators (PIs) Metrics (Count Measures).pdf' }, dataType: types.MEASUREGROUP.PICOUNT, displayName: getDisplayNames('PI metric'), expectedVars: [ 'state', 'month', 'pi_metrics_counts', 'pi_metrics_counts_value' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), measure: obj.pi_metrics_counts, count: +obj.pi_metrics_counts_value, isUsable: true }; }, filterVars: [], xAxisVariable: 'month', yAxisLabels: { count: 'Count', rate: '' }, yAxisTicks: yAxisTicks.sharePercent }, piMetricsRates: { file: { csvName: 'pi_metrics_rates', displayName: 'PI Metrics (Rate Measures)', descriptions: 'Medicaid and CHIP Performance Indicators (PIs) Metrics (Rate Measures).pdf' }, dataType: types.MEASUREGROUP.PIRATE, displayName: getDisplayNames('PI metric'), expectedVars: [ 'state', 'month', 'pi_metrics_rates', 'pi_metrics_rates_value' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), measure: obj.pi_metrics_rates, rate: +obj.pi_metrics_rates_value, isUsable: true }; }, filterVars: [], measureSort: { measures: [ 'MAGI applications processed within 7 days', 'MAGI applications processed in more than 45 days', 'Non-MAGI applications processed within 30 days', 'Non-MAGI applications processed in more than 90 days' ], order: 'first' }, xAxisVariable: 'month', yAxisLabels: { count: '', rate: 'Percent of applications processed in this timeframe among all applications' }, yAxisTicks: yAxisTicks.sharePercent }, telehealthService: { file: { csvName: 'telehealth', displayName: 'Telehealth', descriptions: 'Telehealth.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('telehealth service'), expectedVars: [ 'state', 'month', 'age_group', 'sex', 'th_service', 'number_of_services', 'number_of_services_1000_benes', 'dq_unusable' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), ageGroup: obj.age_group, sex: sexTransform(obj.sex), measure: obj.th_service, count: +obj.number_of_services, rate: +obj.number_of_services_1000_benes, isUsable: usableTransform(+obj.dq_unusable) }; }, filterVars: ['ageGroup', 'sex'], measureSort: { measures: ['Other telemedicine visits'], order: 'last' }, xAxisVariable: 'month', yAxisLabels: yAxisLabels.serviceUse1000, yAxisTicks: yAxisTicks.serviceUse1000 }, vaccination: { // properties to enable filter/disagg by race/ethnicity are commented out; do not delete file: { csvName: 'vaccinations', displayName: 'Vaccinations', descriptions: 'Vaccinations.pdf' }, dataType: types.MEASUREGROUP.SERVICEUSE1000, displayName: getDisplayNames('vaccination'), expectedVars: [ 'state', 'month', 'race_ethnicity', 'vaccine', 'number_of_services', 'number_of_services_1000_benes', 'dq_unusable', 'dq_race_concern' ], inputTransform: obj => { return { state: stateNames[obj.state], month: monthTransform(obj.month), year: yearTransform(obj.month), raceEthnicity: obj.race_ethnicity, measure: obj.vaccine, count: +obj.number_of_services, rate: +obj.number_of_services_1000_benes, isUsable: usableTransform(+obj.dq_unusable) // isUsable: usableTransform(+obj.dq_unusable + +obj.dq_race_concern) }; }, filterVars: [], // filterVars: ['raceEthnicity'], xAxisVariable: 'month', yAxisLabels: { count: 'Vaccinations among Medicaid and CHIP beneficiaries under 2', rate: 'Vaccinations per 1,000 Medicaid and CHIP beneficiaries under 2' }, yAxisTicks: yAxisTicks.serviceUse1000 } }; }36:T50e3,titleConfig = { const dataTitle = { serviceUse1000: selections => 'Number', sharePercent: { default: selections => getYAxisLabel(selections.dataAsPercent).includes('Share') ? 'Percent' : 'Number', timePeriod: selections => getYAxisLabel(selections.dataAsPercent).includes('Share') ? 'Average percent' : 'Number' } }; const coordConj = { serviceUse1000: selections => makeTitleSpan( getYAxisLabel(selections.dataAsPercent).includes('per') ? 'per 1,000' : 'among' ) }; const runoutNote = { standard: { line: 'Note: The most recent six months of data may not reflect all services rendered during that time period due to insufficient claims runout. Faded line segments indicate values determined to be unusable due to data quality issues.', map: 'Note: The most recent six months of data may not reflect all services rendered during that time period due to insufficient claims runout.' }, noServiceData: { line: 'Note: The most recent months may be incomplete due to lags in state reporting.', map: 'Note: The most recent months may be incomplete due to lags in state reporting.' } }; const dataSource = { standard: 'Data Source: TAF', pi: 'Data Source: Performance Indicators (PI)' }; const defaultBeneName = { start: 'Medicaid and CHIP', end: 'beneficiaries' }; const nullBeneName = { start: '', end: '' }; return { measureSet: { acuteDays: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? makeLowerCaseTitleSpan(selections.measure[0]) : `days of each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.acuteDays.displayName.lower}s`, singleSelect: selections => makeLowerCaseTitleSpan(selections.measure) }, beneName: selections => { return { start: 'Medicaid and CHIP', end: `${ getYAxisLabel(selections.dataAsPercent).includes('per') ? 'beneficiary' : 'beneficiaries' } receiving the service` }; }, countIsServiceUses: true, coordConj: selections => makeTitleSpan( getYAxisLabel(selections.dataAsPercent).includes('per') ? 'per' : 'among' ), runoutNote: runoutNote.standard, dataSource: dataSource.standard }, acuteService: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? makeLowerCaseTitleSpan(selections.measure[0]) : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.acuteService.displayName.lower}s`, singleSelect: selections => makeLowerCaseTitleSpan(selections.measure) }, beneName: selections => defaultBeneName, countIsServiceUses: true, coordConj: selections => coordConj.serviceUse1000(selections), runoutNote: runoutNote.standard, dataSource: dataSource.standard }, bhService: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `${makeLowerCaseTitleSpan(selections.measure[0])} services` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.bhService.displayName.lower}s`, singleSelect: selections => `${makeLowerCaseTitleSpan(selections.measure)} services` }, beneName: selections => defaultBeneName, countIsServiceUses: true, coordConj: selections => coordConj.serviceUse1000(selections), runoutNote: runoutNote.standard, dataSource: dataSource.standard }, births: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `documented ${makeLowerCaseTitleSpan(selections.measure[0])}` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.births.displayName.lower}s`, singleSelect: selections => `documented ${makeLowerCaseTitleSpan(selections.measure)}` }, beneName: selections => { return { start: 'female Medicaid and CHIP', end: 'beneficiaries', ageFilter: ' ages 15 - 44' }; }, countIsServiceUses: true, coordConj: selections => coordConj.serviceUse1000(selections), runoutNote: runoutNote.standard, dataSource: dataSource.standard }, childScreening: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? makeLowerCaseTitleSpan(`${selections.measure[0]}s`) : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.childScreening.displayName.lower}s`, singleSelect: selections => `${makeLowerCaseTitleSpan(`${selections.measure}s`)}` }, beneName: selections => { return { start: 'Medicaid and CHIP', end: 'beneficiaries', ageFilter: ' 18 and under' }; }, countIsServiceUses: true, coordConj: selections => coordConj.serviceUse1000(selections), runoutNote: runoutNote.standard, dataSource: dataSource.standard }, condition: { dataTitle: { default: selections => dataTitle.sharePercent.default(selections), timePeriod: selections => dataTitle.sharePercent.timePeriod(selections) }, // dataTitle: selections => dataTitle.sharePercent(selections), measureName: { multiSelect: selections => selections.measure.length === 1 ? makeLowerCaseTitleSpan(selections.measure[0]) : `each of ${makeLowerCaseTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.condition.displayName.lower}s`, singleSelect: selections => makeLowerCaseTitleSpan(selections.measure) }, beneName: selections => defaultBeneName, countIsServiceUses: false, coordConj: selections => 'with', runoutNote: runoutNote.standard, dataSource: dataSource.standard }, contraceptiveCare: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `${makeLowerCaseTitleSpan( `${selections.measure[0]}s` )} provided` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${ inputFileConfig.contraceptiveCare.displayName.lower }s provided`, singleSelect: selections => `${makeLowerCaseTitleSpan(`${selections.measure}s`)} provided` }, beneName: selections => { return { start: 'female Medicaid and CHIP', end: 'beneficiaries', ageFilter: ' ages 15 - 44' }; }, countIsServiceUses: true, coordConj: selections => coordConj.serviceUse1000(selections), runoutNote: runoutNote.standard, dataSource: dataSource.standard }, covidTesting: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `${makeLowerCaseTitleSpan( `${ selections.measure[0] === 'COVID-19 test or testing-related service' ? 'COVID-19 tests or testing-related service' : selections.measure[0] }s` )}` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.covidTesting.displayName.lower}s`, singleSelect: selections => `${makeLowerCaseTitleSpan( `${ selections.measure === 'COVID-19 test or testing-related service' ? 'COVID-19 tests or testing-related service' : selections.measure }s` )}` }, beneName: selections => defaultBeneName, countIsServiceUses: true, coordConj: selections => coordConj.serviceUse1000(selections), runoutNote: runoutNote.standard, dataSource: dataSource.standard }, deathMeasures: { dataTitle: { default: selections => `Number of deaths ${ selections.calcType != null && selections.dataAsPercent ? `(${makeLowerCaseTitleSpan( selections.calcType.replace(' values', '') )})` : '' }`, timePeriod: selections => `Number of deaths ${ selections.calcType != null && selections.dataAsPercent ? `(${makeLowerCaseTitleSpan( selections.calcType.replace(' values', '') )})` : '' }` }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `${ selections.measure[0] === 'All beneficiaries' && selections.dataAsPercent ? makeLowerCaseTitleSpan( selections.measure[0].replace('All', '') ) : makeLowerCaseTitleSpan(selections.measure[0]) }` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.deathMeasures.displayName.lower}s`, singleSelect: selections => `${ selections.measure === 'All Beneficiaries' && selections.dataAsPercent ? makeLowerCaseTitleSpan(selections.measure.replace('All', '')) : makeLowerCaseTitleSpan(selections.measure) }` }, beneName: selections => defaultBeneName, countIsServiceUses: false, coordConj: selections => coordConj.serviceUse1000(selections), runoutNote: runoutNote.standard }, dentalService: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `${makeLowerCaseTitleSpan( `${ selections.measure[0] === 'Any dental service' ? 'Dental services' : selections.measure[0] }` )}` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.dentalService.displayName.lower}s`, singleSelect: selections => `${makeLowerCaseTitleSpan( `${ selections.measure === 'Any dental service' ? 'Dental services' : selections.measure }` )}` }, beneName: selections => { return { start: 'Medicaid and CHIP', end: 'beneficiaries', ageFilter: ' 18 and under' }; }, countIsServiceUses: true, coordConj: selections => coordConj.serviceUse1000(selections), runoutNote: runoutNote.standard, dataSource: dataSource.standard }, eligibilityGroup: { dataTitle: { default: selections => dataTitle.sharePercent.default(selections), timePeriod: selections => dataTitle.sharePercent.timePeriod(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? selections.measure[0] === 'All' ? `${makeLowerCaseTitleSpan( selections.measure[0] )} eligibility groups` : `the ${makeLowerCaseTitleSpan( selections.measure[0] )} eligibility group` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.eligibilityGroup.displayName.lower}s`, singleSelect: selections => selections.measure === 'All' ? `${makeLowerCaseTitleSpan( selections.measure )} eligibility groups` : `the ${makeLowerCaseTitleSpan( selections.measure )} eligibility group` }, beneName: selections => defaultBeneName, countIsServiceUses: false, coordConj: selections => 'in', runoutNote: runoutNote.noServiceData, dataSource: dataSource.standard }, ltssService: { dataTitle: { default: selections => dataTitle.sharePercent.default(selections), timePeriod: selections => getYAxisLabel(selections.dataAsPercent).includes('Share') ? 'Average percent' : 'Sum of monthly counts' }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `a ${makeLowerCaseTitleSpan(selections.measure[0])} service` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.ltssService.displayName.lower}s`, singleSelect: selections => `a ${makeLowerCaseTitleSpan(selections.measure)} service` }, beneName: selections => defaultBeneName, countIsServiceUses: false, coordConj: selections => 'using', runoutNote: runoutNote.standard, dataSource: dataSource.standard }, piMetricsCounts: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `${makeLowerCaseTitleSpan(selections.measure[0])}` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.piMetricsCounts.displayName.lower}s`, singleSelect: selections => `${makeLowerCaseTitleSpan(selections.measure)}` }, beneName: selections => nullBeneName, countIsServiceUses: true, coordConj: selections => '', runoutNote: runoutNote.noServiceData, dataSource: dataSource.pi }, piMetricsRates: { dataTitle: { default: selections => 'Percent', timePeriod: selections => 'Average percent' }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `${makeLowerCaseTitleSpan(selections.measure[0])}` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.piMetricsRates.displayName.lower}s`, singleSelect: selections => `${makeLowerCaseTitleSpan(selections.measure)}` }, beneName: selections => nullBeneName, countIsServiceUses: true, coordConj: selections => '', runoutNote: runoutNote.noServiceData, dataSource: dataSource.pi }, telehealthService: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `${makeLowerCaseTitleSpan(selections.measure[0])} services` : `each of ${makeTitleSpan( `${selections.measure.length} selected` )} ${inputFileConfig.telehealthService.displayName.lower}s`, singleSelect: selections => `${makeLowerCaseTitleSpan(selections.measure)} services` }, beneName: selections => defaultBeneName, countIsServiceUses: true, coordConj: selections => coordConj.serviceUse1000(selections), runoutNote: runoutNote.standard, dataSource: dataSource.standard }, vaccination: { dataTitle: { default: selections => dataTitle.serviceUse1000(selections), timePeriod: selections => dataTitle.serviceUse1000(selections) }, measureName: { multiSelect: selections => selections.measure.length === 1 ? `${makeLowerCaseTitleSpan( `${ selections.measure[0] === 'Overall vaccine count' ? 'All' : selections.measure[0] }` )} vaccinations` : `each of ${makeTitleSpan( `${compareMeasuresLineSelections.measure.length} selected` )} ${inputFileConfig.vaccination.displayName.lower}s`, singleSelect: selections => `${makeLowerCaseTitleSpan( `${ selections.measure === 'Overall vaccine count' ? 'All' : selections.measure }` )} vaccinations` }, beneName: selections => { return { start: 'Medicaid and CHIP', end: 'beneficiaries under 2' }; }, countIsServiceUses: true, coordConj: selections => coordConj.serviceUse1000(selections), runoutNote: runoutNote.standard, dataSource: dataSource.standard } }, filterVariables: { year: { disaggKey: 'Years', display: 'years' }, ageGroup: { disaggKey: 'Ages', display: 'age group' }, sex: { disaggKey: 'Sexes', display: 'sex' }, raceEthnicity: { disaggKey: 'Race/Ethnicity', display: 'race/ethnicity' }, dualStatus: { disaggKey: 'Dual eligibility status', display: 'dual status' }, serviceCondition: { disaggKey: 'Condition for service use', display: 'service condition' } }, labels: { dataSource: `Data Source: TAF`, lines: makeTitleSpan( 'Lines in chart represent unique combinations of the following:', 'title-lines-label' ), tableBarInstructions: 'Click on table column headers to sort data by values and to select data to display in the bar chart.' } }; }37:T1ce8,releaseData = [ { date: '20201113', notes: [ 'Added measure set description for acute care days measures', 'Added measure set desccription for acute care measures', 'Updated measure set description for contraceptive care measures', 'Updated data through August 2020 for acute care days measures', 'Updated data through August 2020 for acute care measures', 'Updated data through August 2020 for behavioral health measures', 'Updated data through August 2020 for child screening measures', 'Updated data through August 2020 for contraceptive care measures', 'Updated data through August 2020 for COVID-related conditions', 'Updated data through August 2020 for COVID-related testing services measures', 'Updated data through August 2020 for dental services measures', 'Updated data through August 2020 for eligibility groups (TAF)', 'Updated data through August 2020 for long-term care service measures', 'Updated data through August 2020 for mortality measures', 'Updated data through August 2020 for PI metrics (count measures)', 'Updated data through August 2020 for PI metrics (sort measures)', 'Updated data through August 2020 for pregnancy outcome measures', 'Updated data through August 2020 for telehealth measures', 'Updated data through August 2020 for vaccinations' ] }, { date: '20201005', notes: ['Added measure set description for telehealth measures'] }, { date: '20200925', notes: [ 'Modified age groups for acute care measures', 'Modified age groups for behavioral health measures', 'Modified age groups for COVID-related conditions', 'Modified age groups for COVID-related testing services measure', 'Modified age groups for eligibility groups (TAF)', 'Modified age groups for long-term care service measures', 'Modified age groups for mortality measures', 'Modified age groups for telehealth measures', 'Updated data through July 2020 for acute care days measures', 'Updated data through July 2020 for acute care measures', 'Updated data through July 2020 for behavioral health measures', 'Updated data through July 2020 for child screening measures', 'Updated data through July 2020 for contraceptive care measures', 'Updated data through July 2020 for COVID-related conditions', 'Updated data through July 2020 for COVID-related testing services measures', 'Updated data through July 2020 for dental services measures', 'Updated data through July 2020 for eligibility groups (TAF)', 'Updated data through July 2020 for long-term care service measures', 'Updated data through July 2020 for mortality measures', 'Updated data through July 2020 for PI metrics (count measures)', 'Updated data through July 2020 for PI metrics (sort measures)', 'Updated data through July 2020 for pregnancy outcome measures', 'Updated data through July 2020 for telehealth measures', 'Updated data through July 2020 for vaccinations' ] }, { date: '20200921', notes: [ 'Removed measure set description for acute care days measures', 'Removed measure set description for acute care measures' ] }, { date: '20200917', notes: [ 'Added measure set description for acute care days measures', 'Added measure set description for acute care measures', 'Added measure set description for behavioral health measures', 'Added measure set description for child screening measures', 'Added measure set description for contraceptive care measures', 'Added measure set description for COVID-related conditions', 'Added measure set description for COVID-related testing services measures', 'Added measure set description for dental services measures', 'Added measure set description for eligibility groups (TAF)', 'Added measure set description for long-term care service measures', 'Added measure set description for mortality measures', 'Added measure set description for pregnancy outcome measures', 'Added measure set description for PI metrics (count measures)', 'Added measure set description for PI metrics (sort measures)', 'Added measure set description for vaccinations' ] }, { date: '20200908', notes: [ 'Added additional mortality measures', 'Added pregnancy outcome measures', 'Updated data through June 2020 for acute care days measures', 'Updated data through June 2020 for acute care measures', 'Updated data through June 2020 for behavioral health measures', 'Updated data through June 2020 for child screening measures', 'Updated data through June 2020 for contraceptive care measures', 'Updated data through June 2020 for COVID-related conditions', 'Updated data through June 2020 for COVID-related testing services measures', 'Updated data through June 2020 for dental services measures', 'Updated data through June 2020 for eligibility groups (TAF)', 'Updated data through June 2020 for long-term care service measures', 'Updated data through June 2020 for mortality measures', 'Updated data through June 2020 for PI metrics (count measures)', 'Updated data through June 2020 for PI metrics (sort measures)', 'Updated data through June 2020 for telehealth measures', 'Updated data through June 2020 for vaccinations' ] }, { date: '20200810', notes: [ 'Added acute care days measures', 'Added contraceptive care measures', 'Added long-term care service measures', 'Added mortality measures', 'Added PI metrics (count measures)', 'Added PI metrics (rate measures)', 'Updated data through May 2020 for teleheath measures' ] }, { date: '20200804', notes: [ 'Incorporated data quality information', 'Updated data through May 2020 for acute care measures', 'Updated data through May 2020 for behavioral health measures', 'Updated data through May 2020 for child screening measures', 'Updated data through May 2020 for COVID-related conditions', 'Updated data through May 2020 for COVID-related testing services measures', 'Updated data through May 2020 for dental services measures', 'Updated data through May 2020 for eligibility groups (TAF)', 'Updated data through May 2020 for vaccinations' ] }, { date: '20200702', notes: [ 'Added child screening measures', 'Added COVID-related testing services measures', 'Added dental services measures', 'Added telehealth measures' ] }, { date: '20200626', notes: [ 'Updated data through April 2020 for acute care measures', 'Updated data through April 2020 for behavioral health measures', 'Updated data through April 2020 for COVID-related conditions', 'Updated data through April 2020 for eligibility groups (TAF)', 'Updated data through April 2020 for vaccinations' ] }, { date: '20200616', notes: ['Release notes added'] }, { date: '20200615', notes: [ 'Data upload feature removed', 'Data select enabled to access hosted data, limited by IP address' ] } ]38:Tbae,function makeCompareLineChart(config) { const { selections, data, chartName, titles } = config; const div = d3 .create('div') .attr('id', `${chartName}-container`) .attr('class', `${chartName}-container`); titles.forEach(title => { div .append('p') .attr('class', `chart-title ${title.type}`) .html(title.text); }); const svg = div .append('svg') .attr('viewBox', [0, 0, chartConfig.line.width, chartConfig.line.height]) .style("overflow", "visible"); const datesDomain = isDateXAxis ? data.dates : monthsDomain; const x = d3 .scaleUtc() .domain(d3.extent(datesDomain)) .range([ chartConfig.line.margin.left, chartConfig.line.width - chartConfig.line.margin.right ]); const yMax = d3.max(data.series, d => d3.max(d.values.map(x => x.value))); const yMaxPlus = data.y.includes('Share of') || data.y.includes('Percent of') ? d3.min([yMax * 1.05, 1]) : yMax * 1.05; const y = d3 .scaleLinear() .domain([0, yMaxPlus]) .nice() .range([ chartConfig.line.height - chartConfig.line.margin.bottom, chartConfig.line.margin.top ]); const xAxis = g => g .attr( 'transform', `translate(0, ${chartConfig.line.height - chartConfig.line.margin.bottom})` ) .call( d3 .axisBottom(x) .ticks( isDateXAxis && datesDomain.length < 12 ? datesDomain.length : width / 80 ) .tickSizeOuter(0) ) .call(g => { if (!isDateXAxis) { return g.select('.tick:first-of-type text').text('January'); } }); let yAxisFormat; if (selections.dataAsPercent === undefined) { if (Object.keys(masterData[0]).includes('rate')) { yAxisFormat = inputFileConfig[measureSet].yAxisTicks.rate(yMax); } else { yAxisFormat = inputFileConfig[measureSet].yAxisTicks.count(yMax); } } else { if (selections.dataAsPercent === true) { yAxisFormat = inputFileConfig[measureSet].yAxisTicks.rate(yMax); } else if (selections.dataAsPercent === false) { yAxisFormat = inputFileConfig[measureSet].yAxisTicks.count(yMax); } } const yAxis = g => g .attr("transform", `translate(${chartConfig.line.margin.left},0)`) .call(d3.axisLeft(y).tickFormat(yAxisFormat)) .call(g => { g.select(".domain").remove(); g.select(".tick:last-of-type text") .clone() .attr('x', 0) .attr('dy', -20) .attr("text-anchor", "start") .attr("font-weight", "bold") .text(data.y); }); const line = d3 .line() .defined(d => !isNaN(d.value)) .x((d, i) => x(data.dates[i])) .y(d => y(d.value)) .curve(chartCurve); const chart = makeLineChart( svg, data, line, x, y, xAxis, yAxis, chartName, datesDomain ); return div.node(); }39:T51f,function makeLineChart( svg, data, line, x, y, xAxis, yAxis, chartType, datesDomain ) { svg.append('g').call(xAxis); svg.append('g').call(yAxis); const g = svg .append('g') .attr('fill', 'none') .attr('stroke-width', 1.5) .attr('stroke-linejoin', 'round') .attr('stroke-linecap', 'round'); const splitData = splitLineData(data.series); const usablePaths = g .selectAll('path.usable') .data(splitData.usableLineData) .join('g') .attr('class', 'line') .append('path') .style('mix-blend-mode', 'multiply') .attr('d', d => line(d.values)) .attr('stroke', d => { if (multiStateColor && chartType === types.CHART.COMPARESTATESLINE) { return stateColor(d.state); } else { return measureColor(d.measure); } }) .attr('stroke-width', d => (d.year === '2020' ? '2.5' : '1.5')) .attr('stroke-dasharray', d => yearDashArray(d.year)); const unusablePaths = g .selectAll('path.unusable') .data(splitData.unusableLineData) .join('g') .attr('class', 'line') .append('path') .attr('d', d => line(d.values)); drawUnusableLines(unusablePaths, x, datesDomain); const allLines = g.selectAll('g.line'); svg.call(hover, allLines, x, y, data, chartType); return svg; }3a:T422,function splitPath(path, xScale, datesDomain) { const pathLength = path.getTotalLength(); const data = path.__data__; // filter need for bug when two years are selected where one has all months and other only has a portion const xValues = data.values.slice(1).filter(value => value.value !== undefined).map((val, i) => xScale(datesDomain[i + 1])); const numPieces = data.values.length; const sampleInterval = 2; const pieceLengths = xValues.map(x => findSegmentLength(path, x)); let cumulativeLength = 0; const pieces = []; pieceLengths.forEach((pieceLength, i) => { let segs = []; for (let j = 0; j <= pieceLength - cumulativeLength; j += sampleInterval) { let pt = path.getPointAtLength((j + cumulativeLength)); segs.push([pt.x, pt.y]); } if (segs.length > 0) { let angle = Math.atan2(segs[1][1] - segs[0][1], segs[1][0] - segs[0][0]) * 180 / Math.PI; pieces.push({segs: segs, angle: angle, opacity: getOpacity(i, data)}); } cumulativeLength = pieceLength; }); return pieces; }3b:T9a1,function hover(svg, groups, x, y, data, chartType) { if ("ontouchstart" in document) svg .style("-webkit-tap-highlight-color", "transparent") .on("touchmove", moved) .on("touchstart", entered) .on("touchend", left); else svg .on("mousemove", moved) .on("mouseenter", entered) .on("mouseleave", left); const dot = createLineTooltip(svg); const dataType = data.y.includes('Share') || data.y.includes('Percent') ? 'percent' : data.y.includes('per') ? 'per1000' : 'number'; const edgePercent = 0.1; const wrapChartEdge = (i, data) => { const numIntervals = data.length; const lowerBound = numIntervals * edgePercent; const upperBound = numIntervals - 1 - lowerBound; return i <= lowerBound || i >= upperBound; }; function moved(event) { event.preventDefault(); const pointer = d3.pointer(event, this); const xm = x.invert(pointer[0]); const ym = y.invert(pointer[1]); const i1 = d3.bisectLeft(data.dates, xm, 1); const i0 = i1 - 1; const i = xm - data.dates[i0] > data.dates[i1] - xm ? i1 : i0; const s = d3.least(data.series, d => Math.abs(d.values[i].value - ym)); groups.selectAll('path').attr("stroke", function(d) { if (this.parentElement.__data__ === s) { if (multiStateColor && chartType === types.CHART.COMPARESTATESLINE) { return stateColor(this.parentElement.__data__.state); } else { return measureColor(this.parentElement.__data__.measure); } } else { return "#ddd"; } }); groups.filter(d => d === s).raise(); addLineTooltip( dot, x(data.dates[i]), y(s.values[i].value), s.name, s.values[i], dataType ); if (wrapChartEdge(i, data.dates)) { dot.select('.tooltip-title').call(lineTextWrap, 110); } } function entered() { groups .selectAll('path') .style("mix-blend-mode", null) .attr("stroke", "#ddd"); dot.attr("display", null); } function left() { groups .selectAll('path') .style("mix-blend-mode", "multiply") .attr("stroke", function(d) { if (multiStateColor && types.CHART.COMPARESTATESLINE) { return stateColor(this.parentElement.__data__.state); } else { return measureColor(this.parentElement.__data__.measure); } }); dot.attr("display", "none"); } }3c:Ta54,rawMap = { const [mapWidth, mapHeight] = [960, 500]; const squareSize = 36; const map = d3 .create('svg') .attr('class', 'map-svg') .attr('viewBox', [0, 0, mapWidth, mapHeight]) .attr('width', 960) .attr('height', 580); const usTopo = topojson.feature(baseMap, baseMap.objects.us); const projection = d3_composite .geoAlbersUsaTerritories() .fitSize([mapWidth, mapHeight], usTopo); const path = d3.geoPath().projection(projection); const getStateName = d => stateNames[d.properties.STUSPS]; const states = topojson.feature(baseMap, baseMap.objects.states).features; const statesInData = [...new Set(masterData.map(x => x.state))]; const bounds = map .append('g') .attr('transform', 'translate(-36, -36)') .attr('class', 'states-map') .selectAll("path") .data(states.filter(d => statesInData.includes(getStateName(d)))) .join('path') .attr('class', 'bound-object map-data-area') .attr('stroke', 'white') .attr('stroke-width', 2) .attr('d', path); const squareStatesAll = [ { state: 'RI' }, { state: 'DC' }, { state: 'PR' }, { state: 'VI' }, { state: 'US' } ]; const squareStates = squareStatesAll.filter(x => statesInData.includes(stateNames[x.state]) ); const squareGeoData = topojson .feature(baseMap, baseMap.objects.states) .features.filter(d => squareStates.map(d => d.state).includes(d.properties.STUSPS) ); const squareBlocksGroup = map .append('g') .attr('class', 'squares-container') .attr('transform', `translate(${mapWidth - 48},${mapHeight / 2.5})`); const squareBlocks = squareBlocksGroup .selectAll('.square-state') .data(squareStates) .join('g') .attr('class', 'bound-object square-block') .attr('transform', (d, i, nodes) => { const xOffset = squareSize / 2; const yOffset = i === nodes.length - 1 ? squareSize * i + 24 : squareSize * i; return `translate(-${xOffset}, ${yOffset})`; }); squareBlocks .append('rect') .attr('class', 'map-data-area map-square') .attr('height', squareSize) .attr('width', squareSize); squareBlocks .append('text') .text(d => d.state) .attr('class', 'square-state-name') .attr('x', squareSize / 2) .attr('y', squareSize / 2) .style('font', '600 1rem sans-serif') .style('text-anchor', 'middle') .style('dominant-baseline', 'central'); squareBlocks .append('rect') .attr('class', 'map-data-area mouse-overlay') .attr('height', squareSize) .attr('width', squareSize) .attr('fill', 'transparent'); return map; }3d:T428,function addLinePattern(svg, patternId, colors) { svg.selectAll('defs').remove(); svg.selectAll('pattern').remove(); const dims = { width: 8, height: 8 }; const defs = svg.insert('defs', ':first-child'); const numColors = colors.length; const legendBackgroundColor = '#bbbbbb'; colors.push(legendBackgroundColor); colors.forEach((color, i) => { const pattern = defs .append('pattern') .attr('id', `${patternId}-color-${i + 1 > numColors ? 'legend' : i}`) .attr('width', dims.width) .attr('height', dims.height) .attr('patternUnits', 'userSpaceOnUse'); pattern .append('rect') .attr('width', dims.width) .attr('height', dims.height) .attr('fill', color); pattern .append('line') .attr('x1', 0) .attr('x2', dims.width) .attr('y1', dims.height) .attr('y2', 0) .style('stroke', color === 'whitesmoke' ? '#888' : 'white') .style( 'stroke-width', patternId.includes('bar') && color !== 'whitesmoke' ? 1 : .7 ); }); }3e:T5ec,function colorMap(svg, colorScale, div) { const dataType = getDataType(choroplethSelections); const getStateName = d => d.properties.STUSPS ? stateNames[d.properties.STUSPS] : d.properties.NAME; const getStateNameSquare = d => d.state ? stateNames[d.state] : 'United States'; const getDataForGeo = d => aggregatedMapData.find(x => x.state === getStateName(d)); const getDataForSquare = d => { const squareData = aggregatedMapData.find( x => x.state === getStateNameSquare(d) ); return squareData ? squareData : null; }; const getColor = (d, getData) => { const data = getData(d); const color = colorScale(data.value); const colorIndex = colorScale.range().indexOf(color); return data.hasUnusable === false ? color : `url(#map-unusable-fill-color-${colorIndex})`; }; svg .selectAll('path') .attr('fill', d => getColor(d, getDataForGeo)) .attr('stroke-linejoin', 'round') .call(mapTooltip, div, getDataForGeo, 'geo'); svg .selectAll('rect.map-data-area.map-square') .attr('fill', d => getColor(d, getDataForSquare)) .attr('stroke', 'white') .attr("stroke-width", 2) .attr("stroke-linejoin", "round"); svg.selectAll('text.square-state-name').style('fill', d => { const squareColorLightness = d3.hsl(getColor(d, getDataForSquare)).l; return squareColorLightness > 0.73 ? '#444' : 'white'; }); svg .selectAll('.mouse-overlay') .call(mapTooltip, div, getDataForSquare, 'square'); }3f:T628,function mapTooltip(selection, div, getData, objType) { selection .on("mousemove", moved) .on("mouseenter", entered) .on("mouseleave", left); const ttOrigin = createHtmlTooltip(div, 'map'); const tt = ttOrigin.selectChild(); const dataType = getDataType(choroplethSelections); const dataIsRate = dataType === types.DATA.RATE; const measureReadout = getMapLegendTitle(dataIsRate); let formatter; if (measureReadout.toLowerCase().includes('share')) { formatter = d3.format('.2%'); } else if (dataIsRate) { formatter = d3.format(',.2f'); } else { formatter = d3.format(',.0f'); } function moved(event, d) { event.preventDefault(); const state = objType === 'geo' ? stateNames[d.properties.STUSPS] : stateNames[d.state]; ttOrigin .style(`left`, `${event.layerX}px`) .style('top', `${event.layerY - 200}px`); if (objType === 'square') { tt.style('width', '160px'); tt.style('left', '-170px'); } tt.select('.map.state.tooltip').text(state); tt.select('.map.var.tooltip').text(`${measureReadout}: `); tt.select('.map.value.tooltip').text(formatter(getData(d).value)); tt.select('.map.unusable.tooltip').text( getData(d).hasUnusable ? 'Selection includes one or more unusable data values' : '' ); } function entered(event, d) { ttOrigin .style('display', 'flex') .style('flex-direction', 'column') .style('justify-content', 'flex-end'); } function left(event, d) { ttOrigin.style('display', 'none'); } }40:T5d8,aggregatedMapData = { const { timeRange, dataAsPercent, ...filterObject } = choroplethSelections; let data; if (typeof masterData[0].raceEthnicity !== 'undefined') { data = masterData.filter(x => x.raceEthnicity === 'All'); } else { data = masterData; } const dataBySelections = filterDataByObject(data, filterObject); const filteredMapData = filterDataByTime(dataBySelections, timeRange); const states = [...new Set(filteredMapData.map(x => x.state))]; let rateMultiplier = 1; if (ratePerHundredThousand) { if ( inputFileConfig[measureSet].dataType === types.MEASUREGROUP.SERVICEUSE1000 ) { rateMultiplier = 100; } else if ( inputFileConfig[measureSet].dataType === types.MEASUREGROUP.SHAREPERCENT || inputFileConfig[measureSet].dataType === types.MEASUREGROUP.PIRATE ) { rateMultiplier = 1000; } } const dataType = getDataType(choroplethSelections); const aggregatedData = states.map(state => { const stateData = filteredMapData.filter(x => x.state === state); const count = stateData.map(x => x.count).reduce((a, b) => a + b); const rate = stateData.map(x => x.rate * rateMultiplier).reduce((a, b) => a + b) / stateData.length; const hasUnusable = [ ...new Set(stateData.map(state => state.isUsable)) ].includes(false); return { state, value: dataType === types.DATA.RATE ? rate : count, hasUnusable }; }); return aggregatedData; }41:T5f0,function makeMapLegend(svg, colorScale, xPos, yPos) { const dataType = getDataType(choroplethSelections); const dataIsRate = dataType === types.DATA.RATE; const legendTitle = getMapLegendTitle(dataIsRate); svg.selectAll('.legend-g').remove(); svg.selectAll('.unusable-legend-g').remove(); let formatter; if (legendTitle.includes('Percent')) { formatter = d3.format('.2p'); } else if (dataIsRate) { formatter = d3.format(',.2r'); } else { formatter = d3.format('~s'); } const unusableG = svg .append("g") .attr('class', 'unusable-legend-g') .attr("transform", `translate(${xPos - 148}, ${yPos})`) .append(() => legend({ color: [`url(#${mapUnusablePatternId}-color-legend)`], title: 'States with at least one unusable data value', width: 48, tickSize: 6, height: 52 }) ); const legendG = svg .append("g") .attr('class', 'legend-g') .attr("transform", `translate(${xPos}, ${yPos})`) .append(() => legend({ color: colorScale, title: legendTitle, width: 240, tickSize: 6, height: 52, tickFormat: formatter }) ); svg.selectAll('.unusable-legend-g > svg > g > .tick').remove(); svg.selectAll('.legend-g > svg > g > text').call(mapLegendTextWrap, 270); svg .selectAll('.unusable-legend-g > svg > g > text') .call(mapLegendTextWrap, 110); svg.selectAll('g > svg > g:last-of-type > text').attr('font-size', '0.7rem'); }42:T12b6,function legend({ color, title, tickSize = 6, width = 320, height = 44 + tickSize, marginTop = 18, marginRight = 0, marginBottom = 16 + tickSize, marginLeft = 0, ticks = width / 64, tickFormat, tickValues } = {}) { const svg = d3 .create("svg") .attr("width", width) .attr("height", height) .attr("viewBox", [0, 0, width, height]) .style("overflow", "visible") .style("display", "block"); let tickAdjust = g => g.selectAll(".tick line").attr("y1", marginTop + marginBottom - height); let x; // Static colors if (Array.isArray(color)) { x = d3 .scaleBand() .domain(color) .rangeRound([marginLeft, width - marginRight]); svg .append("g") .selectAll("rect") .data(color) .join("rect") .attr("x", x) .attr("y", marginTop) .attr("width", Math.max(0, x.bandwidth() - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", color); tickAdjust = () => {}; } // Continous else if (color.interpolate) { const n = Math.min(color.domain().length, color.range().length); x = color .copy() .rangeRound( d3.quantize(d3.interpolate(marginLeft, width - marginRight), n) ); svg .append("image") .attr("x", marginLeft) .attr("y", marginTop) .attr("width", width - marginLeft - marginRight) .attr("height", height - marginTop - marginBottom) .attr("preserveAspectRatio", "none") .attr( "xlink:href", ramp( color.copy().domain(d3.quantize(d3.interpolate(0, 1), n)) ).toDataURL() ); } // Sequential else if (color.interpolator) { x = Object.assign( color .copy() .interpolator(d3.interpolateRound(marginLeft, width - marginRight)), { range() { return [marginLeft, width - marginRight]; } } ); svg .append("image") .attr("x", marginLeft) .attr("y", marginTop) .attr("width", width - marginLeft - marginRight) .attr("height", height - marginTop - marginBottom) .attr("preserveAspectRatio", "none") .attr("xlink:href", ramp(color.interpolator()).toDataURL()); // scaleSequentialQuantile doesn’t implement ticks or tickFormat. if (!x.ticks) { if (tickValues === undefined) { const n = Math.round(ticks + 1); tickValues = d3 .range(n) .map(i => d3.quantile(color.domain(), i / (n - 1))); } if (typeof tickFormat !== "function") { tickFormat = d3.format(tickFormat === undefined ? ",f" : tickFormat); } } } // Threshold else if (color.invertExtent) { const thresholds = color.thresholds ? color.thresholds() // scaleQuantize : color.quantiles ? color.quantiles() // scaleQuantile : color.domain(); // scaleThreshold const thresholdFormat = tickFormat === undefined ? d => d : typeof tickFormat === "string" ? d3.format(tickFormat) : tickFormat; x = d3 .scaleLinear() .domain([-1, color.range().length - 1]) .rangeRound([marginLeft, width - marginRight]); svg .append("g") .selectAll("rect") .data(color.range()) .join("rect") .attr("x", (d, i) => x(i - 1)) .attr("y", marginTop) .attr("width", (d, i) => x(i) - x(i - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", d => d); tickValues = d3.range(thresholds.length); tickFormat = i => thresholdFormat(thresholds[i], i); } // Ordinal else { x = d3 .scaleBand() .domain(color.domain()) .rangeRound([marginLeft, width - marginRight]); svg .append("g") .selectAll("rect") .data(color.domain()) .join("rect") .attr("x", x) .attr("y", marginTop) .attr("width", Math.max(0, x.bandwidth() - 1)) .attr("height", height - marginTop - marginBottom) .attr("fill", color); tickAdjust = () => {}; } svg .append("g") .attr("transform", `translate(0,${height - marginBottom})`) .call( d3 .axisBottom(x) .ticks(ticks, typeof tickFormat === "string" ? tickFormat : undefined) .tickFormat(typeof tickFormat === "function" ? tickFormat : undefined) .tickSize(tickSize) .tickValues(tickValues) ) .call(tickAdjust) .call(g => g.select(".domain").remove()) .call(g => g .append("text") .attr("x", marginLeft) .attr("y", marginTop + marginBottom - height - 6) .attr("fill", "currentColor") .attr("text-anchor", "start") .attr("font-weight", "bold") .text(title) ); return svg.node(); }43:T431,function createHtmlTooltip(div, chartName) { const ttOrigin = div .append('div') .attr('class', `${chartName}-tooltip-origin`) .style('display', 'none') .style('position', 'absolute') .style('height', '200px'); const tt = ttOrigin .append('div') .attr('class', `${chartName}-tooltip-container`) .style('position', 'relative') .style('background', '#333') .style('border-radius', '12px') .style('opacity', '1') .style('padding', '.5rem') .style('max-width', '160px'); const ttClasses = ['state', 'unusable', 'data']; ttClasses.forEach(className => { tt.append('p') .attr('class', `${chartName} tooltip ${className} tooltip-text`) .style('color', 'white') .style('font-family', 'sans-serif'); }); const dataSpans = ['var', 'value']; dataSpans.forEach(className => { tt.select('.data') .append('span') .attr('class', `${chartName} tooltip ${className} tooltip-text`) .style('color', 'white') .style('font-family', 'sans-serif'); }); return ttOrigin; }44:Tf21,function compareTable(div, sortedData, selections, config) { let rateFormat; // not working for PI yet? if ( inputFileConfig[measureSet].dataType === types.MEASUREGROUP.SERVICEUSE1000 ) { rateFormat = d3.format(',.2f'); } else if ( inputFileConfig[measureSet].dataType === types.MEASUREGROUP.SHAREPERCENT || inputFileConfig[measureSet].dataType === types.MEASUREGROUP.PIRATE ) { rateFormat = d3.format(',.2%'); } const percFormat = d3.format(',.2%'); const countFormat = d3.format(',.0f'); const dataType = getDataType(selections); const arrows = html` x.raceEthnicity === 'All'); } else { data = masterData; } const dataBySelections = filterDataByObject(data, filterObject); const timeRanges = [timeRange1, timeRange2]; const dataForTimeRanges = timeRanges.map(timeRange => filterDataByTime(dataBySelections, timeRange) ); const dataType = getDataType(selections); const compareEntities = [...new Set(dataBySelections.map(x => x[accessor]))]; const aggregatedData = compareEntities.map(entity => { const dataObj = {}; dataObj[accessor] = entity; dataForTimeRanges.forEach((dataset, i) => { const entityData = dataset.filter(x => x[accessor] === entity); const sum = entityData.map(x => x[dataType]).reduce((a, b) => a + b); dataObj[`timeRange${i + 1}`] = { value: dataType === types.DATA.RATE ? sum / entityData.length : sum, hasUnusable: entityData.map(x => x.isUsable).includes(false) }; }); dataObj.diffValue = { value: dataObj.timeRange2.value - dataObj.timeRange1.value, hasUnusable: dataObj.timeRange2.hasUnusable || dataObj.timeRange1.hasUnusable }; dataObj.diffPercent = { value: dataObj.timeRange1.value !== 0 ? dataObj.diffValue.value / dataObj.timeRange1.value : 'N/A', hasUnusable: dataObj.diffValue.hasUnusable }; return dataObj; }); return aggregatedData; }4a:Te70,function getCompareMeasuresLineTitle() { const selections = compareMeasuresLineSelections; const filterSelections = compareMeasuresLineFiltersSel; const beneName = titleConfig.measureSet[measureSet].beneName(selections); const isSingleAllStatuses = getFnForAllFilters( filterVarIsSingleAll, selections ); const filterElements = getFnForAllFilters(getFilterSpanElement, selections); const ageElementIsLast = titleConfig.measureSet[measureSet].countIsServiceUses && typeof selections.dualStatus === 'undefined'; const ageGroupElement = !isSingleAllStatuses[types.FILTER.AGEGROUP] && filterSelections.ageGroup === 'Filter' ? `, ages ${filterElements[types.FILTER.AGEGROUP]}${ ageElementIsLast ? '' : ',' }` : beneName.ageFilter && selections.ageGroup[0] === 'All' && selections.ageGroup.length === 1 ? beneName.ageFilter : ''; const sexElement = filterElements[types.FILTER.SEX]; const raceEthnicityElement = filterElements[types.FILTER.RACEETHNICITY]; const dualStatusElement = filterElements[types.FILTER.DUALSTATUS]; const serviceConditionElement = filterElements[types.FILTER.SERVICECONDITION] ? `for ${filterElements[types.FILTER.SERVICECONDITION]}` : ''; //Primary Title Elements const dataTypeElement = makeTitleSpan( titleConfig.measureSet[measureSet].dataTitle.default(selections) ); const stateElement = makeTitleSpan( selections.state === 'United States' ? 'the US' : selections.state ); const coordConj = titleConfig.measureSet[measureSet].coordConj(selections); const measureElement = titleConfig.measureSet[ measureSet ].measureName.multiSelect(selections); let primaryTitle = { type: types.TITLE.MAIN, text: '' }; if (titleConfig.measureSet[measureSet].countIsServiceUses) { primaryTitle.text = `${dataTypeElement} of ${measureElement} ${serviceConditionElement} ${coordConj} ${raceEthnicityElement} ${sexElement} ${beneName.start} ${dualStatusElement}${beneName.end}${ageGroupElement} in ${stateElement}`; } else { primaryTitle.text = `${dataTypeElement} of ${raceEthnicityElement} ${sexElement} ${beneName.start} ${dualStatusElement}${beneName.end}${ageGroupElement} ${coordConj} ${measureElement} ${serviceConditionElement} in ${stateElement}`; } //Includes All Subtitle const filtersAllText = { type: types.TITLE.FILTERSALL, text: getAllIncludedSubtitle( isSingleAllStatuses[types.FILTER.AGEGROUP], isSingleAllStatuses[types.FILTER.SEX], isSingleAllStatuses[types.FILTER.DUALSTATUS], isSingleAllStatuses[types.FILTER.RACEETHNICITY] ) }; //Disaggregation Readout Elements const measureDisagg = makeDisagg(measureSet, true); const filtersDisaggElements = Object.entries(filterSelections).reduce( (acc, obj) => { const [key, value] = obj; if (value === 'Disaggregate') { acc.push({ type: types.TITLE.DISAGG, text: { type: key, text: makeDisagg(key, true) } }); } return acc; }, [] ); const yearsDisagg = makeDisagg('year', true); //Others const runout = { type: types.TITLE.RUNOUT, text: titleConfig.measureSet[measureSet].runoutNote.line }; const dataSource = { type: types.TITLE.DATASOURCE, text: titleConfig.measureSet[measureSet].dataSource }; return [ runout, primaryTitle, filtersAllText, dataSource, { type: types.TITLE.LINES, text: titleConfig.labels.lines }, { type: types.TITLE.DISAGG, text: measureDisagg }, ...filtersDisaggElements, { type: types.TITLE.DISAGG, text: yearsDisagg } ]; }4b:Tac1,function getCompareMeasuresBarTitle() { const selections = compareMeasuresBarSelections; const dataType = getDataType(selections); const dataIsRate = dataType === types.DATA.RATE; const beneName = titleConfig.measureSet[measureSet].beneName(selections); const filterSelections = getFnForAllFilters(getFilterSpanElement, selections); const measureElement = `listed ${inputFileConfig[measureSet].displayName.lower}s`; const ageElementIsLast = titleConfig.measureSet[measureSet].countIsServiceUses && typeof selections.dualStatus === 'undefined'; const ageGroupElement = filterSelections[types.FILTER.AGEGROUP] ? `, ages ${filterSelections[types.FILTER.AGEGROUP]}, ` : beneName.ageFilter ? beneName.ageFilter : ''; const sexElement = filterSelections[types.FILTER.SEX]; const raceEthnicityElement = filterSelections[types.FILTER.RACEETHNICITY]; const dualStatusElement = filterSelections[types.FILTER.DUALSTATUS]; const serviceConditionElement = filterSelections[ types.FILTER.SERVICECONDITION ] ? `for ${filterSelections[types.FILTER.SERVICECONDITION]}` : ''; const stateElement = makeTitleSpan( selections.state === 'United States' ? 'the US' : selections.state ); let primaryTitle = { type: types.TITLE.MAIN, text: '' }; let coordConj = titleConfig.measureSet[measureSet].coordConj(selections); let dataTypeElement = makeTitleSpan( titleConfig.measureSet[measureSet].dataTitle.timePeriod(selections) ); let monthlyElement = ''; if (dataIsRate) { monthlyElement = makeTitleSpan('per month'); } if (titleConfig.measureSet[measureSet].countIsServiceUses) { primaryTitle.text = `${dataTypeElement} of ${measureElement} ${serviceConditionElement} ${coordConj} ${raceEthnicityElement} ${sexElement} ${beneName.start} ${dualStatusElement}${beneName.end}${ageGroupElement} ${monthlyElement} in ${stateElement}`; } else { primaryTitle.text = `${dataTypeElement} of ${raceEthnicityElement} ${sexElement} ${beneName.start} ${dualStatusElement}${beneName.end}${ageGroupElement} ${coordConj} ${measureElement} ${serviceConditionElement} ${monthlyElement} in ${stateElement}`; } const timeRangeReadouts = makeTimeRangeReadouts( [selections.timeRange1, selections.timeRange2], 'compare-measures-bar' ); const runout = { type: types.TITLE.RUNOUT, text: titleConfig.measureSet[measureSet].runoutNote.map }; const dataSource = { type: types.TITLE.DATASOURCE, text: titleConfig.measureSet[measureSet].dataSource }; const instructions = { type: types.TITLE.INSTRUCTIONS, text: titleConfig.labels.tableBarInstructions }; return [runout, primaryTitle, ...timeRangeReadouts, dataSource, instructions]; }4c:T134e,function getCompareStatesLineTitle() { const selections = compareStatesLineSelections; // sets text to describe N number of selected geographies based on state selection const hasStates = selections.state.some(sel => !nonStates.includes(sel)); const hasUS = selections.state.includes('United States'); const hasTerritories = selections.state.some(sel => territories.includes(sel) ); const multiStateGeoName = hasStates && hasUS && hasTerritories ? 'selected states/territories and the US' : hasStates && hasUS ? 'selected states and the US' : hasStates && hasTerritories ? 'selected states and territories' : hasStates ? 'selected states' : hasUS && hasTerritories ? 'selected territories and the US' : hasUS ? 'the United States' : 'selected territories'; // combines multiStateGeoName with number of selected geographies - '4 selected states' const statePrep = measureSet.includes('piMetric') || selections.state.length < 2 ? 'in' : 'for'; const stateTitleOneSel = `${statePrep} ${makeTitleSpan( selections.state[0] === 'United States' ? ['the US'] : selections.state )}`; const stateTitleMultiSel = `${ titleConfig.measureSet[measureSet].countIsServiceUses ? 'in each of' : statePrep } ${makeTitleSpan( `${ hasUS ? selections.state.length - 1 : selections.state.length } ${multiStateGeoName}` )}`; const stateTitleMulti = selections.state.length > 1 ? stateTitleMultiSel : stateTitleOneSel; const beneName = titleConfig.measureSet[measureSet].beneName(selections); const filterSelections = getFnForAllFilters(getFilterSpanElement, selections); const ageGroupElement = filterSelections[types.FILTER.AGEGROUP] ? `, ages ${filterSelections[types.FILTER.AGEGROUP]}, ` : beneName.ageFilter ? beneName.ageFilter : ''; const sexElement = filterSelections[types.FILTER.SEX]; const raceEthnicityElement = filterSelections[types.FILTER.RACEETHNICITY]; const dualStatusElement = filterSelections[types.FILTER.DUALSTATUS]; const serviceConditionElement = filterSelections[ types.FILTER.SERVICECONDITION ] ? `for ${filterSelections[types.FILTER.SERVICECONDITION]}` : ''; const dataTypeElement = makeTitleSpan( titleConfig.measureSet[measureSet].dataTitle.default(selections) ); const measureElement = titleConfig.measureSet[ measureSet ].measureName.singleSelect(selections); const coordConj = titleConfig.measureSet[measureSet].coordConj(selections); let primaryTitle = { type: types.TITLE.MAIN, text: '' }; if (titleConfig.measureSet[measureSet].countIsServiceUses) { // 'Percent of female Medicaid and CHIP beneficiaries, ages 19-29, using Testing Service for COVID-related conditions for 13 states who are Dually-eligible' primaryTitle.text = `${dataTypeElement} of ${measureElement} ${serviceConditionElement} ${coordConj} ${raceEthnicityElement} ${sexElement} ${beneName.start} ${dualStatusElement} ${beneName.end}${ageGroupElement} ${stateTitleMulti}`; } else { // 'Number of Inpatient Stays for Any condition per 1,000 female Medicaid and CHIP beneficiaries, ages 19-29, in each of 13 selected states' primaryTitle.text = `${dataTypeElement} of ${raceEthnicityElement} ${sexElement} ${beneName.start} ${dualStatusElement} ${beneName.end}${ageGroupElement} ${coordConj} ${measureElement} ${serviceConditionElement} ${stateTitleMulti}`; } const stateDisaggObj = { key: 'States', value: selections.state.length < 21 ? selections.state .map(name => stateAbbrevs[name.toLowerCase().replace(/ /g, '')]) .join(', ') : `Each of ${ hasUS ? selections.state.length - 1 : selections.state.length } ${multiStateGeoName}` }; const stateDisagg = { type: types.TITLE.DISAGG, text: makeKVDisagg(stateDisaggObj) }; const measureDisagg = { type: types.TITLE.DISAGG, text: makeDisagg(measureSet, false) }; const yearsDisagg = { type: types.TITLE.DISAGG, text: makeDisagg('year', false) }; const ageIsSingleAll = selections.ageGroup === 'All'; const sexIsSingleAll = selections.sex === 'All'; const raceEthnicityIsSingleAll = selections.raceEthnicity === 'All'; const dualStatusIsAll = selections.dualStatus === 'All'; //Includes All Subtitle const parensText = getAllIncludedSubtitle( ageIsSingleAll, sexIsSingleAll, dualStatusIsAll, raceEthnicityIsSingleAll ); const runout = { type: types.TITLE.RUNOUT, text: titleConfig.measureSet[measureSet].runoutNote.line }; const dataSource = { type: types.TITLE.DATASOURCE, text: titleConfig.measureSet[measureSet].dataSource }; return [ runout, primaryTitle, parensText, dataSource, titleConfig.labels.lines, stateDisagg, measureDisagg, yearsDisagg ]; }4d:Tc32,function getMapTitle() { const selections = choroplethSelections; const dataType = getDataType(selections); const dataIsRate = dataType === types.DATA.RATE; const beneName = titleConfig.measureSet[measureSet].beneName(selections); const filterSelections = getFnForAllFilters(getFilterSpanElement, selections); const ageGroupElement = filterSelections[types.FILTER.AGEGROUP] ? `, ages ${filterSelections[types.FILTER.AGEGROUP]}, ` : beneName.ageFilter ? beneName.ageFilter : ''; const sexElement = filterSelections[types.FILTER.SEX]; const raceEthnicityElement = filterSelections[types.FILTER.RACEETHNICITY]; const dualStatusElement = filterSelections[types.FILTER.DUALSTATUS]; const serviceConditionElement = filterSelections[ types.FILTER.SERVICECONDITION ] ? `for ${filterSelections[types.FILTER.SERVICECONDITION]}` : ''; let primaryTitle = { type: types.TITLE.MAIN, text: '' }; let coordConj = titleConfig.measureSet[measureSet].coordConj(selections); let dataTypeElement = makeTitleSpan( titleConfig.measureSet[measureSet].dataTitle.timePeriod(selections) ); let monthlyElement = ''; let percentPerHundredThousand = ''; if (dataIsRate) { monthlyElement = makeTitleSpan('per month'); if (ratePerHundredThousand) { if ( inputFileConfig[measureSet].dataType === types.MEASUREGROUP.SERVICEUSE1000 ) { coordConj = coordConj.replace(/1,000/, '100,000'); } else { dataTypeElement = 'Number'; percentPerHundredThousand = 'per 100,000'; if ( inputFileConfig[measureSet].dataType === types.MEASUREGROUP.SHAREPERCENT ) { percentPerHundredThousand = `${percentPerHundredThousand} beneficiaries`; } else if ( inputFileConfig[measureSet].dataType === types.MEASUREGROUP.PIRATE ) { percentPerHundredThousand = `${percentPerHundredThousand} applications`; } } } } const measureElement = titleConfig.measureSet[ measureSet ].measureName.singleSelect(selections); if ( inputFileConfig[measureSet].dataType === types.MEASUREGROUP.SERVICEUSE1000 ) { primaryTitle.text = `${dataTypeElement} of ${measureElement} ${serviceConditionElement} ${coordConj} ${raceEthnicityElement} ${sexElement} ${beneName.start} ${dualStatusElement} ${beneName.end}${ageGroupElement} ${monthlyElement}`; } else { primaryTitle.text = `${dataTypeElement} of ${raceEthnicityElement} ${sexElement} ${beneName.start} ${dualStatusElement} ${beneName.end}${ageGroupElement} ${coordConj} ${measureElement} ${serviceConditionElement} ${monthlyElement} ${percentPerHundredThousand}`; } const timeRangeReadouts = makeTimeRangeReadouts( [selections.timeRange], 'compare-states-map' ); const runout = { type: types.TITLE.RUNOUT, text: titleConfig.measureSet[measureSet].runoutNote.map }; const dataSource = { type: types.TITLE.DATASOURCE, text: titleConfig.measureSet[measureSet].dataSource }; return [runout, primaryTitle, ...timeRangeReadouts, dataSource]; }4e:Ta97,function getCompareStatesBarTitle() { const selections = compareStatesBarSelections; const dataType = getDataType(selections); const dataIsRate = dataType === types.DATA.RATE; const beneName = titleConfig.measureSet[measureSet].beneName(selections); const filterSelections = getFnForAllFilters(getFilterSpanElement, selections); const ageElementIsLast = titleConfig.measureSet[measureSet].countIsServiceUses && typeof selections.dualStatus === 'undefined'; const ageGroupElement = filterSelections[types.FILTER.AGEGROUP] ? `, ages ${filterSelections[types.FILTER.AGEGROUP]}, ` : beneName.ageFilter ? beneName.ageFilter : ''; const sexElement = filterSelections[types.FILTER.SEX]; const raceEthnicityElement = filterSelections[types.FILTER.RACEETHNICITY]; const dualStatusElement = filterSelections[types.FILTER.DUALSTATUS]; const serviceConditionElement = filterSelections[ types.FILTER.SERVICECONDITION ] ? `for ${filterSelections[types.FILTER.SERVICECONDITION]}` : ''; const measureElement = titleConfig.measureSet[ measureSet ].measureName.singleSelect(selections); const stateElement = 'for states, territories, and the US'; let coordConj = titleConfig.measureSet[measureSet].coordConj(selections); let dataTypeElement = makeTitleSpan( titleConfig.measureSet[measureSet].dataTitle.timePeriod(selections) ); let monthlyElement = ''; if (dataIsRate) { monthlyElement = makeTitleSpan('per month'); } let primaryTitle = { type: types.TITLE.MAIN, text: '' }; if (titleConfig.measureSet[measureSet].countIsServiceUses) { primaryTitle.text = `${dataTypeElement} of ${measureElement} ${serviceConditionElement} ${coordConj} ${raceEthnicityElement} ${sexElement} ${beneName.start} ${dualStatusElement}${beneName.end}${ageGroupElement} ${monthlyElement} ${stateElement}`; } else { primaryTitle.text = `${dataTypeElement} of ${raceEthnicityElement} ${sexElement} ${beneName.start} ${dualStatusElement}${beneName.end}${ageGroupElement} ${coordConj} ${measureElement} ${serviceConditionElement} ${monthlyElement} ${stateElement}`; } const timeRangeReadouts = makeTimeRangeReadouts( [selections.timeRange1, selections.timeRange2], 'compare-measures-bar' ); const runout = { type: types.TITLE.RUNOUT, text: titleConfig.measureSet[measureSet].runoutNote.map }; const dataSource = { type: types.TITLE.DATASOURCE, text: titleConfig.measureSet[measureSet].dataSource }; const instructions = { type: types.TITLE.INSTRUCTIONS, text: titleConfig.labels.tableBarInstructions }; return [runout, primaryTitle, ...timeRangeReadouts, dataSource, instructions]; }4f:T498,function getFilterSpanElement(selections, filterOption) { if ( selections[filterOption] && selections[filterOption] !== 'All' && !Array.isArray(selections[filterOption]) ) { // const sel = Array.isArray(selections[filterOption]) ? selections[fi] if (filterOption === types.FILTER.AGEGROUP) { return makeTitleSpan(selections[filterOption]); } else if (filterOption === types.FILTER.SEX) { return makeTitleSpan(selections[filterOption].toLowerCase()); } else if (filterOption === types.FILTER.RACEETHNICITY) { return makeTitleSpan( selections[filterOption] === 'White' || selections[filterOption] === 'Multiracial' ? selections[filterOption].toLowerCase() : selections[filterOption] ); } else if (filterOption === types.FILTER.DUALSTATUS) { return makeLowerCaseTitleSpan(selections[filterOption]); } else if (filterOption === types.FILTER.SERVICECONDITION) { return makeLowerCaseTitleSpan( `${selections[filterOption]}${ !selections[filterOption].toLowerCase().includes('any ') ? 's' : '' }` ); } } else { return ''; } }50:Ta22,compareMeasuresLineData = { const selections = compareMeasuresLineSelections; const isOneLine = areElementsContiguous(selections.year); const lineVariables = inputFileConfig[measureSet].xAxisVariable === 'month' || !isOneLine ? ['measure', 'year'] : ['measure']; let { dataAsPercent, ...filtersObject } = Object.entries(selections).reduce( (acc, [key, value]) => { if (!key.includes('UseType')) { acc[key] = value; } return acc; }, {} ); if (dataAsPercent === undefined) { // Case when dataset has either rate or count but not both dataAsPercent = Object.keys(masterData[0]).includes('rate'); } Object.entries(compareMeasuresLineFiltersSel).forEach(([k, v]) => { if (v === 'Disaggregate') { lineVariables.push(k); } }); const filteredData = filterDataByObject(masterData, filtersObject); const variableVals = lineVariables.map(varName => { const values = [...new Set(filteredData.map(obj => obj[varName]))]; return values.map(v => { return { key: varName, value: v }; }); }); let lines = variableVals[0]; if (variableVals.length > 1) { for (let i = 0; i < variableVals.length - 1; i++) { lines = crossLineObjects(lines, variableVals[i + 1]); } } else { lines = lines.map(x => [x]); } const xVals = [ ...new Set( filteredData.map(obj => obj[inputFileConfig[measureSet].xAxisVariable]) ) ].sort((a, b) => axisSort(a, b)); return { y: getYAxisLabel(dataAsPercent), series: lines.map(lineArr => ({ name: lineArr.map(obj => obj.value).join(', '), state: selections.state, measure: lineArr.find(obj => obj.key === 'measure').value, year: lineArr.find(obj => obj.key === 'year') && inputFileConfig[measureSet].xAxisVariable === 'month' ? lineArr.find(obj => obj.key === 'year').value : 'all', values: xVals.map(month => { let fData = filteredData.filter( obj => obj[inputFileConfig[measureSet].xAxisVariable] === month ); lineArr.forEach(obj => { fData = fData.filter(d => d[obj.key] === obj.value); }); const found = fData[0]; const val = found && dataAsPercent ? found.rate : found && !dataAsPercent ? found.count : undefined; const isUsable = found ? found.isUsable : undefined; return { value: val, isUsable: isUsable }; }) })), dates: xVals.map(d3.utcParse(dateFormat)) }; }51:T8ea,compareStatesLineData = { const selections = compareStatesLineSelections; const isOneLine = areElementsContiguous(selections.year); const lineVariables = inputFileConfig[measureSet].xAxisVariable === 'month' || !isOneLine ? ['state', 'year'] : ['state']; let { dataAsPercent, ...filtersObject } = selections; if (dataAsPercent === undefined) { // Case when dataset has either rate or count but not both dataAsPercent = Object.keys(masterData[0]).includes('rate'); } const filteredData = filterDataByObject(masterData, filtersObject); const variableVals = lineVariables.map(varName => { const values = [...new Set(filteredData.map(obj => obj[varName]))]; return values.map(v => { return { key: varName, value: v }; }); }); let lines = variableVals[0]; if (variableVals.length > 1) { for (let i = 0; i < variableVals.length - 1; i++) { lines = crossLineObjects(lines, variableVals[i + 1]); } } else { lines = lines.map(x => [x]); } const xVals = [ ...new Set( filteredData.map(obj => obj[inputFileConfig[measureSet].xAxisVariable]) ) ].sort((a, b) => axisSort(a, b)); return { y: getYAxisLabel(dataAsPercent), series: lines.map(lineArr => ({ name: lineArr.map(obj => obj.value).join(', '), state: lineArr.find(obj => obj.key === 'state').value, measure: selections.measure, year: lineArr.find(obj => obj.key === 'year') && inputFileConfig[measureSet].xAxisVariable === 'month' ? lineArr.find(obj => obj.key === 'year').value : 'all', values: xVals.map(month => { let fData = filteredData.filter( obj => obj[inputFileConfig[measureSet].xAxisVariable] === month ); lineArr.forEach(obj => { fData = fData.filter(d => d[obj.key] === obj.value); }); const found = fData[0]; const val = found && dataAsPercent ? found.rate : found && !dataAsPercent ? found.count : undefined; const isUsable = found ? found.isUsable : undefined; return { value: val, isUsable: isUsable }; }) })), dates: xVals.map(d3.utcParse(dateFormat)) }; }52:T434,function updateCalcTypeSelects({ selectors, selectEl, measureSelType, filtersCanDisaggregate } = {}) { const calcDiv = selectEl.parentNode; const newCalcType = selectors.value.calcType; const measureDiv = calcDiv.nextSibling; const newValues = calcTypeMeasures[newCalcType]; let defaultSel; if (measureSelType === types.FORMEL.SELECTSINGLE) { defaultSel = newValues[0]; } else if (measureSelType === types.FORMEL.SELECTMULTI) { defaultSel = newValues; } const newMeasureSel = makeSelectorItem( selectorsConfig.measure(defaultSel, newValues, measureSelType) ); // Reset filter values const filterSelectEls = d3 .select(selectors) .selectAll('.filter-group .selector-block:nth-child(2) select'); filterSelectEls._groups[0].forEach(el => { const resetVal = el.multiple ? ['All'] : 'All'; selectors.value[el.name] = resetVal; el.value = resetVal; }); d3.select(measureDiv).remove(); calcDiv.parentNode.insertBefore(newMeasureSel, calcDiv.nextSibling); updateFilterNote(selectors, filtersCanDisaggregate); }53:T792,compareMeasuresLineSelectionsConfig = { const config = { group: 'singleState', dimensions: [] }; const defaultValues = { state: variableValues.state[0], year: inputFileConfig[measureSet].xAxisVariable === 'month' ? variableValues.year.slice(-2) : variableValues.year, calcType: inputFileConfig[measureSet].hasCalcType ? variableValues.calcType[0] : null, measure: variableValues.measure, filter: filterVar => { return filterVar !== 'serviceCondition' ? ['All'] : [variableValues[filterVar][0]]; } }; const stateSel = selectorsConfig.state( defaultValues.state, types.FORMEL.SELECTSINGLE ); const yearSel = selectorsConfig.year(defaultValues.year); let measureSel; if (inputFileConfig[measureSet].hasCalcType) { const calcTypeSel = selectorsConfig.calcType(defaultValues.calcType); const measureTypes = calcTypeMeasures[defaultValues.calcType]; const measureSelectors = selectorsConfig.measure( measureTypes, measureTypes, types.FORMEL.SELECTMULTI ); measureSel = [calcTypeSel, measureSelectors]; } else { measureSel = selectorsConfig.measure( defaultValues.measure, defaultValues.measure, types.FORMEL.SELECTMULTI ); } const filterVars = inputFileConfig[measureSet].filterVars; const filterSels = filterVars.map(filterVar => { return [ selectorsConfig.filterUseType(filterVar), selectorsConfig.filter( filterVar, defaultValues.filter(filterVar), types.FORMEL.SELECTSINGLE ) ]; }); config.dimensions = [stateSel, measureSel, ...filterSels, yearSel]; if (dataHasCountRate()) { const dataPercentSel = selectorsConfig.dataType( inputFileConfig[measureSet].yAxisLabels.rate, types.CHART.LINE, true ); config.dimensions.push(dataPercentSel); } return config; }54:T87f,compareMeasuresBarSelectionsConfig = { const config = { group: `compareMeasuresBar`, dimensions: [] }; const defaultValues = { state: variableValues.state[0], calcType: inputFileConfig[measureSet].hasCalcType ? variableValues.calcType[0] : null, filter: filterVar => { return filterVar !== types.FILTER.SERVICECONDITION ? 'All' : variableValues[filterVar][0]; } }; let calcTypeSel; if (inputFileConfig[measureSet].hasCalcType) { calcTypeSel = selectorsConfig.calcType(defaultValues.calcType); } const stateSel = selectorsConfig.state( defaultValues.state, types.FORMEL.SELECTSINGLE ); const filterVars = inputFileConfig[measureSet].filterVars; const filterSels = filterVars.map(filterVar => selectorsConfig.filter( filterVar, defaultValues.filter(filterVar), types.FORMEL.SELECTSINGLE ) ); const dates = masterDataDates.slice(0, masterDataDates.length - 1); const timeSel1 = selectorsConfig.timeRange({ name: 'timeRange1', dates, title: 'Select the baseline time period', instructions: 'Select a baseline time period against which to measure change in values. The most recent month is not available for selection due to incomplete data.', selected: getLastNElements(dates, 24).slice(0, 12) }); const timeSel2 = selectorsConfig.timeRange({ name: 'timeRange2', dates, title: 'Select the comparison time period', instructions: 'Select the time period used to calculate difference from the baseline time period. The most recent month is not available for selection due to incomplete data.', selected: getLastNElements(dates, 12) }); config.dimensions = [stateSel, ...filterSels]; if (inputFileConfig[measureSet].hasCalcType) { config.dimensions.unshift(calcTypeSel); } if (dataHasCountRate()) { const dataTypeSel = selectorsConfig.dataType( inputFileConfig[measureSet].yAxisLabels.rate, types.CHART.BAR, true ); config.dimensions.push(dataTypeSel); } config.dimensions.push(timeSel1); config.dimensions.push(timeSel2); return config; }55:T7a6,compareStatesLineSelectionsConfig = { const config = { group: 'multiState', dimensions: [] }; const defaultValues = { state: variableValues.state, year: inputFileConfig[measureSet].xAxisVariable === 'month' ? variableValues.year.filter(val => val === '2020') : variableValues.year, calcType: inputFileConfig[measureSet].hasCalcType ? variableValues.calcType[0] : null, measure: measureSet === 'eligibilityGroup' ? 'COVID newly eligible' : variableValues.measure[0], filter: filterVar => { return filterVar !== 'serviceCondition' ? 'All' : variableValues[filterVar][0]; } }; const stateSel = selectorsConfig.state( defaultValues.state, types.FORMEL.SELECTMULTI ); const yearSel = selectorsConfig.year(defaultValues.year); let measureSel; if (inputFileConfig[measureSet].hasCalcType) { const calcTypeSel = selectorsConfig.calcType(defaultValues.calcType); const measureTypes = calcTypeMeasures[defaultValues.calcType]; const measureSelectors = selectorsConfig.measure( measureTypes[0], measureTypes, types.FORMEL.SELECTSINGLE ); measureSel = [calcTypeSel, measureSelectors]; } else { measureSel = selectorsConfig.measure( defaultValues.measure, variableValues.measure, types.FORMEL.SELECTSINGLE ); } const filterVars = inputFileConfig[measureSet].filterVars; const filterSels = filterVars.map(filterVar => selectorsConfig.filter( filterVar, defaultValues.filter(filterVar), types.FORMEL.SELECTSINGLE ) ); config.dimensions = [stateSel, measureSel, ...filterSels, yearSel]; if (dataHasCountRate()) { const dataPercentSel = selectorsConfig.dataType( inputFileConfig[measureSet].yAxisLabels.rate, types.CHART.LINE, true ); config.dimensions.push(dataPercentSel); } return config; }56:T807,choroplethSelectionsConfig = { const config = { group: `choropleth`, dimensions: [] }; const defaultValues = { measure: measureSet === 'eligibilityGroup' ? 'COVID newly eligible' : variableValues.measure[0], calcType: inputFileConfig[measureSet].hasCalcType ? variableValues.calcType[0] : null, filter: filterVar => { return filterVar !== types.FILTER.SERVICECONDITION ? 'All' : variableValues[filterVar][0]; } }; let measureSel; if (inputFileConfig[measureSet].hasCalcType) { const calcTypeSel = selectorsConfig.calcType(defaultValues.calcType); const measureTypes = calcTypeMeasures[defaultValues.calcType]; const measureSelectors = selectorsConfig.measure( measureTypes, measureTypes, types.FORMEL.SELECTSINGLE ); measureSel = [calcTypeSel, measureSelectors]; } else { measureSel = selectorsConfig.measure( defaultValues.measure, variableValues.measure, types.FORMEL.SELECTSINGLE ); } const filterVars = inputFileConfig[measureSet].filterVars; const filterSels = filterVars.map(filterVar => selectorsConfig.filter( filterVar, defaultValues.filter(filterVar), types.FORMEL.SELECTSINGLE ) ); const dates = masterDataDates.slice(0, masterDataDates.length - 1); const timeSel = selectorsConfig.timeRange({ dates: masterDataDates.slice(0, masterDataDates.length - 1), title: 'Select a time period', instructions: 'Select a time period for which aggregated data will be shown on the map. The most recent month is not available for selection due to incomplete data.', selected: getLastNElements(dates, 12) }); config.dimensions = [measureSel, ...filterSels]; if (dataHasCountRate()) { const dataTypeSel = selectorsConfig.dataType( inputFileConfig[measureSet].yAxisLabels.rate, types.CHART.MAP, true ); config.dimensions.push(dataTypeSel); } config.dimensions.push(timeSel); return config; }57:T9a1,compareStatesBarSelectionsConfig = { const config = { group: `compareStatesBar`, dimensions: [] }; const defaultValues = { measure: measureSet === 'eligibilityGroup' ? 'COVID newly eligible' : variableValues.measure[0], calcType: inputFileConfig[measureSet].hasCalcType ? variableValues.calcType[0] : null, filter: filterVar => { return filterVar !== types.FILTER.SERVICECONDITION ? 'All' : variableValues[filterVar][0]; } }; let measureSel; if (inputFileConfig[measureSet].hasCalcType) { const calcTypeSel = selectorsConfig.calcType(defaultValues.calcType); const displayTypes = calcTypeMeasures[defaultValues.calcType]; const measureSelectors = selectorsConfig.measure( displayTypes, displayTypes, types.FORMEL.SELECTSINGLE ); measureSel = [calcTypeSel, measureSelectors]; } else { measureSel = selectorsConfig.measure( defaultValues.measure, variableValues.measure, types.FORMEL.SELECTSINGLE ); } const filterVars = inputFileConfig[measureSet].filterVars; const filterSels = filterVars.map(filterVar => selectorsConfig.filter( filterVar, defaultValues.filter(filterVar), types.FORMEL.SELECTSINGLE ) ); const dates = masterDataDates.slice(0, masterDataDates.length - 1); const timeSel1 = selectorsConfig.timeRange({ name: 'timeRange1', dates, title: 'Select the baseline time period', instructions: 'Select a baseline time period against which to measure change in values. The most recent month is not available for selection due to incomplete data.', selected: getLastNElements(dates, 24).slice(0, 12) }); const timeSel2 = selectorsConfig.timeRange({ name: 'timeRange2', dates, title: 'Select the comparison time period', instructions: 'Select the time period used to calculate difference from the baseline time period. The most recent month is not available for selection due to incomplete data.', selected: getLastNElements(dates, 12) }); config.dimensions = [measureSel, ...filterSels]; if (dataHasCountRate()) { const dataTypeSel = selectorsConfig.dataType( inputFileConfig[measureSet].yAxisLabels.rate, types.CHART.BAR, true ); config.dimensions.push(dataTypeSel); } config.dimensions.push(timeSel1); config.dimensions.push(timeSel2); return config; }58:T1625,selectorsConfig = ({ state: (defaultSel, selectorType) => { let instructions; let title; if (selectorType === types.FORMEL.SELECTSINGLE) { title = 'Select a geography'; instructions = 'Select a geography whose data you will see in the chart.'; } else if (selectorType === types.FORMEL.SELECTMULTI) { title = 'Select one or more geographies to show on chart'; instructions = 'Select a geography whose data you will see in the chart.'; } return { name: 'state', title, instructions, type: selectorType, values: variableValues.state, displayValues: variableValues.state, selected: defaultSel }; }, year: defaultSel => { return { name: 'year', title: 'Select year(s) to include in chart', instructions: inputFileConfig[measureSet].xAxisVariable === 'date' ? 'Ctrl-click to select multiple years, shift-click to select a range. Non-contiguous selections will result in individual lines for each year.' : 'Ctrl-click to select multiple years, shift-click to select a range.', type: 'multi', values: variableValues.year, selected: defaultSel }; }, calcType: defaultSel => { return { name: 'calcType', title: `Select a calculation type`, instructions: `Select a calculation type for ${inputFileConfig[measureSet].displayName.lower} values.`, type: 'single', values: variableValues.calcType, selected: defaultSel }; }, measure: (defaultSel, values, selectorType) => { let instructions; let title; if (selectorType === types.FORMEL.SELECTSINGLE) { title = `Select ${indefArticle(measureSet)} ${ inputFileConfig[measureSet].displayName.lower }`; instructions = `Select ${indefArticle(measureSet)} ${ inputFileConfig[measureSet].displayName.lower } whose data you will see in the chart.`; } else if (selectorType === types.FORMEL.SELECTMULTI) { title = `Select one or more ${inputFileConfig[measureSet].displayName.lower}s to show on chart`; instructions = `Ctrl-click to select multiple ${inputFileConfig[measureSet].displayName.lower}s.`; } return { name: 'measure', title, instructions, type: selectorType, values: !values ? variableValues.measure.filter(value => value !== 'Null') : values, selected: defaultSel }; }, filterUseType: filterVar => { return { name: `${filterVar}UseType`, title: `Select how the ${filterNames[filterVar]} variable should be used`, instructions: `Select whether you want to filter or disaggregate by ${filterNames[filterVar]}.`, type: types.FORMEL.SELECTSINGLE, values: ['Filter', 'Disaggregate'], selected: ['Filter'] }; }, filter: (filterVar, defaultSel, selectorType) => { let instructions; if (selectorType === types.FORMEL.SELECTSINGLE) { instructions = `Data will be filtered by this ${filterNames[filterVar]} selection.`; } else if (selectorType === types.FORMEL.SELECTMULTI) { instructions = 'Data will be shown for each value selected.'; } return { name: filterVar, isFilter: true, title: `Select ${indefArticle(filterVar)} ${filterNames[filterVar]}`, instructions, type: selectorType, values: variableValues[filterVar].filter(value => value !== 'Null'), displayValues: variableValues[filterVar].filter( value => value !== 'Null' ), selected: defaultSel }; }, filterArray: { single: (filterVars, filterSelFn, filterUseTypeFn) => { return filterVars.map(filterVar => { const filterDefaultSel = filterVar !== 'serviceCondition' ? ['All'] : [variableValues[filterVar][0]]; return [ filterUseTypeFn(filterVar), filterSelFn(filterVar, filterDefaultSel) ]; }); }, multi: (filterVars, filterSelFn, filterUseTypeFn) => { return filterVars.map(val => filterSelFn(val, 'All')); } }, dataType: (yAxisRateLabel, chartType, selected) => { let title; let instructions; let instructionsVar; let type; if (yAxisRateLabel.includes('per 1,000')) { instructionsVar = 'rate per 1,000 beneficiaries'; type = 'rate'; } else if (yAxisRateLabel.includes('Share of')) { instructionsVar = 'share of beneficiaries'; type = 'percent'; } else if ( yAxisRateLabel.includes('per') && yAxisRateLabel.includes('beneficiary') ) { instructionsVar = 'rate per beneficiary with a stay'; type = 'rate'; } if (chartType === types.CHART.MAP || chartType === types.CHART.BAR) { (title = `Show data as an average ${type}?`), (instructions = `Select to show data as an average ${instructionsVar}. Deselect to show counts.`); } else { title = `Show data as a ${type}?`; instructions = `Select to show data as a ${instructionsVar}. Deselect to show counts.`; } return { name: 'dataAsPercent', title, instructions, type: types.FORMEL.TOGGLE, values: [type], selected, disabled: false }; }, timeRange: ({ dates, name = 'timeRange', title = 'Select a time period', instructions = 'Select a time period for which aggregated data will be shown.', selected } = {}) => { return { name, title, instructions, type: types.FORMEL.TIMESLIDER, values: dates, selected: typeof selected === "undefined" ? dates : selected }; } })59:T445,stateAbbrevs = ({ alabama: 'AL', alaska: 'AK', americansamoa: 'AS', arkansas: 'AR', arizona: 'AZ', california: 'CA', colorado: 'CO', connecticut: 'CT', delaware: 'DE', districtofcolumbia: 'DC', florida: 'FL', georgia: 'GA', guam: 'GU', hawaii: 'HI', idaho: 'ID', illinois: 'IL', indiana: 'IN', iowa: 'IA', kansas: 'KS', kentucky: 'KY', louisiana: 'LA', maine: 'ME', maryland: 'MD', massachusetts: 'MA', michigan: 'MI', minnesota: 'MN', mississippi: 'MS', missouri: 'MO', montana: 'MT', nebraska: 'NE', nevada: 'NV', newhampshire: 'NH', newjersey: 'NJ', newmexico: 'NM', newyork: 'NY', northcarolina: 'NC', northdakota: 'ND', northernmarianaislands: 'MP', ohio: 'OH', oklahoma: 'OK', oregon: 'OR', pennsylvania: 'PA', puertorico: 'PR', rhodeisland: 'RI', southcarolina: 'SC', southdakota: 'SD', tennessee: 'TN', texas: 'TX', virginislands: 'VI', utah: 'UT', vermont: 'VT', virginia: 'VA', washington: 'WA', westvirginia: 'WV', wisconsin: 'WI', wyoming: 'WY', unitedstates: 'US' })5a:T455,stateNames = ({ AL: 'Alabama', AK: 'Alaska', AR: 'Arkansas', AS: 'American Samoa', AZ: 'Arizona', CA: 'California', CO: 'Colorado', CT: 'Connecticut', DE: 'Delaware', DC: 'District of Columbia', FL: 'Florida', GA: 'Georgia', GU: 'Guam', HI: 'Hawaii', ID: 'Idaho', IL: 'Illinois', IN: 'Indiana', IA: 'Iowa', KS: 'Kansas', KY: 'Kentucky', LA: 'Louisiana', ME: 'Maine', MD: 'Maryland', MA: 'Massachusetts', MI: 'Michigan', MN: 'Minnesota', MS: 'Mississippi', MO: 'Missouri', MT: 'Montana', NE: 'Nebraska', NV: 'Nevada', NH: 'New Hampshire', NJ: 'New Jersey', NM: 'New Mexico', NY: 'New York', NC: 'North Carolina', ND: 'North Dakota', MP: 'Northern Mariana Islands', OH: 'Ohio', OK: 'Oklahoma', OR: 'Oregon', PA: 'Pennsylvania', PR: 'Puerto Rico', RI: 'Rhode Island', SC: 'South Carolina', SD: 'South Dakota', TN: 'Tennessee', TX: 'Texas', VI: 'Virgin Islands', UT: 'Utah', VT: 'Vermont', VA: 'Virginia', WA: 'Washington', WV: 'West Virginia', WI: 'Wisconsin', WY: 'Wyoming', US: 'United States' })5b:T61b,function parseSliderValues(form, container, config) { const setSliderValues = slider => { const sliderName = slider.id.split('-')[0]; const sliderConfig = config.dimensions.find(x => x.name === sliderName); const dateToNum = d3.scaleOrdinal( sliderConfig.values, d3.range(sliderConfig.values.length) ); const numToDate = d3.scaleOrdinal(dateToNum.range(), dateToNum.domain()); const getDate = val => numToDate(Math.round(val)); const sliderVals = slider.noUiSlider.get().map(x => getDate(x)); const vals = { dateStart: sliderVals[0], dateEnd: sliderVals[1] }; container.value[sliderName] = vals; }; d3.select(form) .selectAll('.noUi-origin') .on('click', (event, d) => { setSliderValues(event.currentTarget.parentNode.parentNode); container.dispatchEvent(new CustomEvent("input")); }) .on('mouseup', (event, d) => { setSliderValues(event.currentTarget.parentNode.parentNode); container.dispatchEvent(new CustomEvent("input")); }); d3.select(form) .selectAll('.noUi-connects') .on('mouseup', (event, d) => { setSliderValues(event.currentTarget.parentNode.parentNode); container.dispatchEvent(new CustomEvent("input")); }); const sliderNames = config.dimensions .filter(dim => dim.type === types.FORMEL.TIMESLIDER) .map(x => x.name); sliderNames.forEach(name => { const slider = d3 .select(form) .select(`#${name}-timeSlider-${config.group}`) .node(); setSliderValues(slider); }); }5c:T4ad,function makeSelectorItem(config, group) { const makeSelectorHtml = item => html`

${item.title} ${item.instructions} ${ item.type === types.FORMEL.SELECTSINGLE ? makeSingleDropdown(item, group) : item.type === types.FORMEL.SELECTMULTI ? makeMultiDropdown(item, group) : item.type === types.FORMEL.TOGGLE ? makeCheckboxToggle(item, group) : item.type === types.FORMEL.TIMESLIDER ? makeTimeSlider(item, group) : console.log('oops, weird selector obj') }

`; if (Array.isArray(config)) { return html`

${config.map(item => makeSelectorHtml(item) )}

`; } else { return makeSelectorHtml(config); } }5d:T64e,function makeTimeSlider(selectorObj, groupName) { const container = html`

${selectorObj.title} ${selectorObj.instructions}

`; const slider = html`

`; slider.id = `${selectorObj.name}-timeSlider-${groupName}`; container.appendChild(slider); const dateToNum = d3.scaleOrdinal( selectorObj.values, d3.range(selectorObj.values.length) ); const numToDate = d3.scaleOrdinal(dateToNum.range(), dateToNum.domain()); const range = [0, selectorObj.values.length - 1]; const defaultSelection = [ dateToNum(selectorObj.selected[0]), dateToNum(selectorObj.selected[selectorObj.selected.length - 1]) ]; const moYrFormat = { to: val => { return numToDate(Math.round(val)); }, from: val => { return dateToNum(val); } }; const yrFormat = { to: val => { return numToDate(val).split(' ')[1]; }, from: val => { return dateToNum(val); } }; const tickFilter = (value, type) => { return value % 12 ? -1 : 1; }; noUiSlider.create(slider, { start: defaultSelection, connect: true, step: 1, range: { min: range[0], max: range[1] }, format: { to: val => val, from: val => d3.format('.0f')(val) }, tooltips: [moYrFormat, moYrFormat], pips: { mode: 'steps', filter: tickFilter, format: yrFormat } }); return slider; }5e:T100c,html` `5f:T4d3,toc = (title = 'Table of Contents', selector = 'h2,h3') => { return Generators.observe(notify => { let old = []; const levels = selector .split(',') .map(x => x.trim()[1]) .sort(d3.ascending); const indentCorrection = levels[0] - 1; const level = h => parseInt(h.tagName[1] - indentCorrection, 10); const fontSizes = [17, 15, 13, 11, 9]; const observed = () => { const now = Array.from(document.querySelectorAll(selector)); if (!(now.length !== old.length || now.some((h, i) => h !== old[i]))) return; const header = title && title.length > 0 ? `${title}` : ''; const list = (old = now).map(h => Object.assign( html`${'

${DOM.text( h.textContent )}`, { onclick: e => (e.preventDefault(), h.scrollIntoView()) } ) ); notify(html`${header}

Release Notes

Measure Group Selection

Compare Across Measures

Compare among ${inputFileConfig[measureSet].displayName.title}s for the US or a Selected State or Territory

Compare the Differences Among All ${inputFileConfig[measureSet].displayName.title}s for Two Time Periods for a Selected State

Compare Across Geographies

Compare Among States for a Selected ${inputFileConfig[measureSet].displayName.title}

Compare Among States for a Selected ${inputFileConfig[measureSet].displayName.title} over a Specified Period of Time

Compare the Difference in a Selected ${inputFileConfig[measureSet].displayName.title} for Two Time Periods Among All States