@cdc/chart 4.25.6-2 → 4.25.7

package/src/data/initial-state.js

@@ -89,11 +89,7 @@ export default {
   topAxis: {
     hasLine: false
   },
-  brush: {
-    isActive: false,
-    isBrushing: false,
-    data: []
-  },
+
   isLegendValue: false,
   barThickness: 0.35,
   barHeight: 25,

package/src/helpers/filterAndShiftLinearDateTicks.ts

@@ -0,0 +1,58 @@
+// Ensure that the last tick is shown for charts with a "Date (Linear Scale)" scale
+import { ChartConfig } from '../types/ChartConfig'
+import { getTicks } from '@visx/scale'
+export const filterAndShiftLinearDateTicks = (
+  config: ChartConfig,
+  axisProps: { scale: any; numTicks: number; ticks: { value: any; formattedValue?: string }[] },
+  xAxisDataMapped: any[],
+  formatDate: (value: any, index: number, all: any[]) => string
+) => {
+  // Guard #1: must have a scale & ticks array
+  if (!axisProps?.scale || !Array.isArray(axisProps.ticks)) {
+    return []
+  }
+
+  // Guard #2: if no domain data, just format what we have
+  if (!Array.isArray(xAxisDataMapped) || xAxisDataMapped.length === 0) {
+    axisProps.ticks.forEach((t, i) => {
+      t.formattedValue = formatDate(t.value, i, axisProps.ticks)
+    })
+    return axisProps.ticks
+  }
+
+  // get our filtered tick *values*
+  const filteredTickValues = getTicks(axisProps.scale, axisProps.numTicks) || []
+
+  let ticks = axisProps.ticks
+
+  if (filteredTickValues.length > 0 && filteredTickValues.length < xAxisDataMapped.length) {
+    const lastFiltered = filteredTickValues[filteredTickValues.length - 1]
+    const lastIdx = xAxisDataMapped.indexOf(lastFiltered)
+
+    let shift = 0
+    if (lastIdx >= 0 && lastIdx < xAxisDataMapped.length - 1) {
+      shift = config.xAxis.sortByRecentDate
+        ? -xAxisDataMapped.indexOf(filteredTickValues[0])
+        : xAxisDataMapped.length - 1 - lastIdx
+    }
+
+    ticks = filteredTickValues.map(value => {
+      const baseIndex = axisProps.ticks.findIndex(t => t.value === value)
+      const targetIndex = baseIndex + shift
+
+      // Guard #3: if shifting would go out of bounds, clamp
+      const safeIndex = Math.max(0, Math.min(axisProps.ticks.length - 1, targetIndex))
+      return axisProps.ticks[safeIndex]
+    })
+  }
+
+  // Finally, format all ticks
+  ticks.forEach((tick, i) => {
+    // Guard #4: only format if we actually have a value
+    if (tick && tick.value != null) {
+      tick.formattedValue = formatDate(tick.value, i, ticks)
+    }
+  })
+
+  return ticks
+}

package/src/helpers/getBridgedData.ts

@@ -0,0 +1,13 @@
+export const getBridgedData = (stageKey: string, stageColumn: string, data: Record<string, any>[]) => {
+  const allStages: string[] = Array.from(new Set(data.map(d => d?.[stageColumn]).filter(Boolean)))
+
+  const stageIndex: number = allStages.indexOf(stageKey)
+  if (stageIndex === -1) return []
+  const currentStage = data.filter(d => d?.[stageColumn] === stageKey)
+  const nextKey = allStages[stageIndex + 1]
+  if (nextKey) {
+    const nextSlice = data.filter(d => d[stageColumn] === nextKey)
+    return [...currentStage, nextSlice[0]]
+  }
+  return currentStage
+}

package/src/helpers/tests/getBridgedData.test.ts

@@ -0,0 +1,64 @@
+import { describe, it, expect } from 'vitest'
+import { getBridgedData } from '../getBridgedData'
+
+describe('getBridgedData', () => {
+  const sampleData = [
+    { Month: 'Jan', value: 1 },
+    { Month: 'Jan', value: 2 },
+    { Month: 'Feb', value: 3 },
+    { Month: 'Feb', value: 4 },
+    { Month: 'Mar', value: 5 }
+  ]
+
+  it('returns correct slice for stageKey with next stage', () => {
+    const result = getBridgedData('Jan', 'Month', sampleData)
+
+    expect(result).toEqual([
+      { Month: 'Jan', value: 1 },
+      { Month: 'Jan', value: 2 },
+      { Month: 'Feb', value: 3 } // only first item from next stage
+    ])
+  })
+
+  it('returns correct slice for stageKey with no next stage', () => {
+    const result = getBridgedData('Mar', 'Month', sampleData)
+
+    expect(result).toEqual([{ Month: 'Mar', value: 5 }])
+  })
+
+  it('returns empty if stageKey not found', () => {
+    const result = getBridgedData('Dec', 'Month', sampleData)
+
+    expect(result).toEqual([])
+  })
+
+  it('handles unordered input data and preserves stage order by first appearance', () => {
+    const unorderedData = [
+      { step: 'B', val: 1 },
+      { step: 'A', val: 2 },
+      { step: 'C', val: 3 },
+      { step: 'A', val: 4 },
+      { step: 'B', val: 5 }
+    ]
+
+    const result = getBridgedData('A', 'step', unorderedData)
+
+    expect(result).toEqual([
+      { step: 'A', val: 2 },
+      { step: 'A', val: 4 },
+      { step: 'C', val: 3 }
+    ])
+  })
+
+  it('returns only items matching current stage if next stage has no data', () => {
+    const dataWithEmptyStage = [
+      { stage: '1', x: 10 },
+      { stage: '2', x: 20 },
+      { stage: '3', x: 30 }
+    ]
+
+    const result = getBridgedData('3', 'stage', dataWithEmptyStage)
+
+    expect(result).toEqual([{ stage: '3', x: 30 }])
+  })
+})

package/src/hooks/useScales.ts

@@ -44,7 +44,7 @@ const useScales = (properties: useScaleProps) => {
   const xAxisType = config.runtime.xAxis.type
   const isHorizontal = config.orientation === 'horizontal'
   const { visualizationType, xAxis, forestPlot } = config
-
+  const paddingRange = ['Area Chart', 'Forecasting'].includes(config.visualizationType) ? 1 : 1 - config.barThickness
   //  define scales
   let xScale = null
   let yScale = null
@@ -68,22 +68,16 @@ const useScales = (properties: useScaleProps) => {
 
   // handle  Vertical bars
   if (!isHorizontal) {
-    xScale = composeScaleBand(xAxisDataMapped, [0, xMax], 1 - config.barThickness)
+    xScale = composeScaleBand(xAxisDataMapped, [0, xMax], paddingRange)
     yScale = composeYScale(properties)
     seriesScale = composeScaleBand(seriesDomain, [0, xScale.bandwidth()], 0)
   }
 
-  // handle Linear scaled viz
-  if (config.xAxis.type === 'date' && !isHorizontal) {
-    const xAxisDataMappedSorted = sortXAxisData(xAxisDataMapped, config.xAxis.sortByRecentDate)
-    xScale = composeScaleBand(xAxisDataMappedSorted, [0, xMax], 1 - config.barThickness)
-  }
-
   // handle Linear scaled viz
   if (config.xAxis.type === 'date' && !isHorizontal) {
     const sorted = sortXAxisData(xAxisDataMapped, config.xAxis.sortByRecentDate)
 
-    xScale = composeScaleBand(sorted, [0, xMax], 1 - config.barThickness)
+    xScale = composeScaleBand(sorted, [0, xMax], paddingRange)
     xScale.type = scaleTypes.BAND
   }
 
@@ -153,44 +147,50 @@ const useScales = (properties: useScaleProps) => {
 
   // handle Box plot
   if (visualizationType === 'Box Plot') {
-    const allOutliers = []
-    const hasOutliers =
-      config.boxplot.plots.map(b => b.columnOutliers.map(outlier => allOutliers.push(outlier))) &&
-      !config.boxplot.hideOutliers
-
-    // check if outliers are lower
-    if (hasOutliers) {
-      let outlierMin = Math.min(...allOutliers)
-      let outlierMax = Math.max(...allOutliers)
-
-      // check if outliers exceed standard bounds
-      if (outlierMin < min) min = outlierMin
-      if (outlierMax > max) max = outlierMax
+    const {
+      boxplot: { plots, hideOutliers },
+      xAxis: { dataKey },
+      orientation,
+      runtime: { seriesKeys },
+      series,
+      barThickness
+    } = config
+
+    // 1) merge outliers + fences
+    let lo = min,
+      hi = max
+    for (const { columnOutliers = [], columnLowerBounds: lb, columnUpperBounds: ub } of plots) {
+      if (!hideOutliers && columnOutliers.length) {
+        lo = Math.min(lo, ...columnOutliers)
+        hi = Math.max(hi, ...columnOutliers)
+      }
+      lo = Math.min(lo, lb)
+      hi = Math.max(hi, ub)
     }
+    ;[min, max] = [lo, hi]
 
-    // check fences for max/min
-    let lowestFence = Math.min(...config.boxplot.plots.map(item => item.columnLowerBounds))
-    let highestFence = Math.max(...config.boxplot.plots.map(item => item.columnUpperBounds))
+    // 2) unique categories
+    const cats = Array.from(new Set(data.map(d => d[dataKey])))
 
-    if (lowestFence < min) min = lowestFence
-    if (highestFence > max) max = highestFence
+    if (orientation === 'horizontal') {
+      xScale = composeXScale({ min, max, xMax, config })
+      xScale.type = scaleTypes.LINEAR
 
-    // Set Scales
+      yScale = composeScaleBand(cats, [0, yMax], 0.4)
+      seriesScale = composeScaleBand(seriesKeys, [0, yScale.bandwidth()], 0.3)
+    } else {
+      xScale = composeScaleBand(cats, [0, xMax], 1 - barThickness)
+      xScale.type = scaleTypes.BAND
 
-    const categories = _.uniq(data.map(d => d[config.xAxis.dataKey]))
-    const range = [0, config.barThickness * 100 || 1]
-    const domain = _.map(config.series, 'dataKey')
-    yScale = scaleLinear({
-      range: [yMax, 0],
-      round: true,
-      domain: [min, max]
-    })
-    xScale = scaleBand({
-      range: [0, xMax],
-      domain: categories
-    })
-    xScale.type = scaleTypes.BAND
-    seriesScale = composeScaleBand(domain, range)
+      // numeric → Y
+      yScale = composeYScale({ min, max, yMax, config, leftMax: 0 })
+
+      seriesScale = composeScaleBand(
+        series.map(s => s.dataKey),
+        [0, xScale.bandwidth()],
+        0
+      )
+    }
   }
 
   // handle Paired bar

package/src/hooks/useTooltip.tsx

@@ -286,10 +286,11 @@ export const useTooltip = props => {
       let minDistance = Number.MAX_VALUE
       let offset = x
 
+      const barThicknessOffset = config.xAxis.type === 'date' ? xScale.bandwidth() / 2 : 0
       data.forEach(d => {
         const xPosition = isDateScale(xAxis) ? xScale(parseDate(d[xAxis.dataKey])) : xScale(d[xAxis.dataKey])
         let bwOffset = config.barHeight
-        const distance = Math.abs(Number(xPosition - offset + (isClick ? bwOffset * 2 : 0)))
+        const distance = Math.abs(Number(xPosition + barThicknessOffset - offset + (isClick ? bwOffset * 2 : 0)))
 
         if (distance <= minDistance) {
           minDistance = distance
@@ -593,7 +594,7 @@ export const useTooltip = props => {
 
     return (
       <li style={style} className='tooltip-body mb-1'>
-        {displayText}
+        {parse(displayText)}
       </li>
     )
   }

package/src/scss/main.scss

@@ -1,3 +1,5 @@
+@import '@cdc/core/styles/accessibility';
+
 @mixin breakpoint($class) {
   @if $class == xs {
     @media (max-width: 767px) {
@@ -739,11 +741,3 @@
 .cdc-open-viz-module .debug {
   border: 2px solid red;
 }
-
-// Only frontend styles are applied in WCMS/TP
-// This helps match those styles when viewing in the editor
-.modal.cdc-cove-editor *:focus-visible,
-.cdc-open-viz-module *:focus-visible {
-  outline: dashed 2px rgba(255, 102, 1, 0.9) !important;
-  outline-offset: 3px !important;
-}

package/src/store/chart.actions.ts

@@ -16,7 +16,7 @@ type SET_DIMENSIONS = Action<'SET_DIMENSIONS', DimensionsType>
 type SET_CONTAINER = Action<'SET_CONTAINER', object>
 type SET_LOADED_EVENT = Action<'SET_LOADED_EVENT', boolean>
 type SET_DRAG_ANNOTATIONS = Action<'SET_DRAG_ANNOTATIONS', boolean>
-type SET_BRUSH_CONFIG = Action<'SET_BRUSH_CONFIG', object>
+type SET_BRUSH_DATA = Action<'SET_BRUSH_DATA', object[]>
 type ChartActions =
   | SET_CONFIG
   | UPDATE_CONFIG
@@ -31,6 +31,6 @@ type ChartActions =
   | SET_LOADED_EVENT
   | SET_DRAG_ANNOTATIONS
   | SET_LOADING
-  | SET_BRUSH_CONFIG
+  | SET_BRUSH_DATA
 
 export default ChartActions

package/src/store/chart.reducer.ts

@@ -18,11 +18,7 @@ type ChartState = {
   coveLoadedEventRan: boolean
   isDraggingAnnotation: boolean
   imageId: string
-  brushConfig: {
-    data: object[]
-    isActive: boolean
-    isBrushing: boolean
-  }
+  brushData: object[] | []
 }
 
 export const getInitialState = (configObj: ChartConfig): ChartState => {
@@ -41,11 +37,7 @@ export const getInitialState = (configObj: ChartConfig): ChartState => {
     coveLoadedEventRan: false,
     isDraggingAnnotation: false,
     imageId: `cove-${Math.random().toString(16).slice(-4)}`,
-    brushConfig: {
-      data: [],
-      isActive: false,
-      isBrushing: false
-    }
+    brushData: []
   }
 }
 
@@ -77,7 +69,7 @@ export const reducer = (state: ChartState, action: ChartActions): ChartState =>
       return { ...state, coveLoadedEventRan: action.payload }
     case 'SET_DRAG_ANNOTATIONS':
       return { ...state, isDraggingAnnotation: action.payload }
-    case 'SET_BRUSH_CONFIG':
-      return { ...state, brushConfig: action.payload }
+    case 'SET_BRUSH_DATA':
+      return { ...state, brushData: action.payload }
   }
 }

package/src/types/ChartConfig.ts

@@ -120,11 +120,6 @@ export type AllChartsConfig = {
   barStyle: 'lollipop' | 'rounded' | 'flat'
   barThickness: number
   boxplot: BoxPlot
-  brush: {
-    active: boolean
-    data: object[]
-    isBrushing: boolean
-  }
   chartMessage: { noData?: string }
   color: string
   colorMatchLineSeriesLabels: boolean

package/examples/private/0527.json

@@ -1 +0,0 @@
-{"type":"chart","visualizationType":"Bar","id":1,"category":"Charts","label":"Bar","subType":"Bar","orientation":"horizontal","barThickness":"0.37","visualizationSubType":"regular","xAxis":{"sortDates":false,"anchors":[{"value":"95","color":"red","lineStyle":"Dashed Small"},{"value":"84.7","color":"black","lineStyle":"Dashed Small"}],"type":"categorical","showTargetLabel":true,"targetLabel":"Target","hideAxis":false,"hideLabel":false,"hideTicks":false,"size":"350","tickRotation":0,"min":"","max":"","labelColor":"#333","tickLabelColor":"#333","tickColor":"#333","numTicks":"","labelOffset":0,"axisPadding":200,"target":0,"maxTickRotation":45,"padding":5,"showYearsOnce":false,"sortByRecentDate":false,"dataKey":"State/cities","tickWidthMax":29,"axisBBox":29.860000610351562},"icon":{"key":null,"ref":null,"props":{},"_owner":null},"content":"Use bars to show comparisons between data categories.","datasets":{},"activeVizButtonID":1,"data":[{"State/cities":"Vermont","Completed cases":"2","Total cases":"2","Percentage who completed therapy":"100","Cases category":"1 to 52 TB cases"},{"State/cities":"Nevada","Completed cases":"44","Total cases":"44","Percentage who completed therapy":"100","Cases category":"1 to 52 TB cases"},{"State/cities":"Mississippi","Completed cases":"34","Total cases":"35","Percentage who completed therapy":"97","Cases category":"1 to 52 TB cases"},{"State/cities":"New Mexico","Completed cases":"15","Total cases":"16","Percentage who completed therapy":"94","Cases category":"1 to 52 TB cases"},{"State/cities":"Kansas","Completed cases":"27","Total cases":"29","Percentage who completed therapy":"93","Cases category":"1 to 52 TB cases"},{"State/cities":"Utah","Completed cases":"22","Total cases":"24","Percentage who completed therapy":"92","Cases category":"1 to 52 TB cases"},{"State/cities":"Delaware","Completed cases":"12","Total cases":"13","Percentage who completed therapy":"92","Cases category":"1 to 52 TB cases"},{"State/cities":"Wisconsin","Completed cases":"21","Total cases":"23","Percentage who completed therapy":"91","Cases category":"1 to 52 TB cases"},{"State/cities":"Colorado","Completed cases":"36","Total cases":"40","Percentage who completed therapy":"90","Cases category":"1 to 52 TB cases"},{"State/cities":"New Hampshire","Completed cases":"8","Total cases":"9","Percentage who completed therapy":"89","Cases category":"1 to 52 TB cases"},{"State/cities":"Chicago, IL","Completed cases":"47","Total cases":"53","Percentage who completed therapy":"89","Cases category":"1 to 52 TB cases"},{"State/cities":"Iowa","Completed cases":"28","Total cases":"32","Percentage who completed therapy":"88","Cases category":"1 to 52 TB cases"},{"State/cities":"Idaho","Completed cases":"6","Total cases":"7","Percentage who completed therapy":"86","Cases category":"1 to 52 TB cases"},{"State/cities":"District of Columbia","Completed cases":"12","Total cases":"14","Percentage who completed therapy":"86","Cases category":"1 to 52 TB cases"},{"State/cities":"Arkansas","Completed cases":"38","Total cases":"44","Percentage who completed therapy":"86","Cases category":"1 to 52 TB cases"},{"State/cities":"Alaska","Completed cases":"42","Total cases":"49","Percentage who completed therapy":"86","Cases category":"1 to 52 TB cases"},{"State/cities":"West Virginia","Completed cases":"11","Total cases":"13","Percentage who completed therapy":"85","Cases category":"1 to 52 TB cases"},{"State/cities":"Connecticut","Completed cases":"34","Total cases":"40","Percentage who completed therapy":"85","Cases category":"1 to 52 TB cases"},{"State/cities":"Oklahoma","Completed cases":"40","Total cases":"48","Percentage who completed therapy":"83","Cases category":"1 to 52 TB cases"},{"State/cities":"Maine","Completed cases":"11","Total cases":"14","Percentage who completed therapy":"79","Cases category":"1 to 52 TB cases"},{"State/cities":"South Dakota","Completed cases":"10","Total cases":"13","Percentage who completed therapy":"77","Cases category":"1 to 52 TB cases"},{"State/cities":"Rhode Island","Completed cases":"3","Total cases":"4","Percentage who completed therapy":"75","Cases category":"1 to 52 TB cases"},{"State/cities":"Baltimore, MD","Completed cases":"6","Total cases":"12","Percentage who completed therapy":"50","Cases category":"1 to 52 TB cases"},{"State/cities":"Montana","Completed cases":"1","Total cases":"3","Percentage who completed therapy":"33","Cases category":"1 to 52 TB cases"},{"State/cities":"Oregon","Completed cases":"54","Total cases":"57","Percentage who completed therapy":"95","Cases category":"53 to 130 TB cases"},{"State/cities":"South Carolina","Completed cases":"50","Total cases":"53","Percentage who completed therapy":"94","Cases category":"53 to 130 TB cases"},{"State/cities":"Indiana","Completed cases":"67","Total cases":"71","Percentage who completed therapy":"94","Cases category":"53 to 130 TB cases"},{"State/cities":"Philadelphia, PA","Completed cases":"42","Total cases":"45","Percentage who completed therapy":"93","Cases category":"53 to 130 TB cases"},{"State/cities":"San Francisco, CA","Completed cases":"44","Total cases":"48","Percentage who completed therapy":"92","Cases category":"53 to 130 TB cases"},{"State/cities":"New York [excluding New York City]","Completed cases":"315","Total cases":"346","Percentage who completed therapy":"91","Cases category":"53 to 130 TB cases"},{"State/cities":"San Diego, CA","Completed cases":"159","Total cases":"175","Percentage who completed therapy":"91","Cases category":"53 to 130 TB cases"},{"State/cities":"Pennsylvania [excluding Philadelphia]","Completed cases":"70","Total cases":"78","Percentage who completed therapy":"90","Cases category":"53 to 130 TB cases"},{"State/cities":"Minnesota","Completed cases":"85","Total cases":"93","Percentage who completed therapy":"91","Cases category":"53 to 130 TB cases"},{"State/cities":"North Dakota","Completed cases":"9","Total cases":"10","Percentage who completed therapy":"90","Cases category":"53 to 130 TB cases"},{"State/cities":"North Carolina","Completed cases":"116","Total cases":"129","Percentage who completed therapy":"90","Cases category":"53 to 130 TB cases"},{"State/cities":"Michigan","Completed cases":"75","Total cases":"83","Percentage who completed therapy":"90","Cases category":"53 to 130 TB cases"},{"State/cities":"Hawaii","Completed cases":"66","Total cases":"73","Percentage who completed therapy":"90","Cases category":"53 to 130 TB cases"},{"State/cities":"Arizona","Completed cases":"101","Total cases":"112","Percentage who completed therapy":"90","Cases category":"53 to 130 TB cases"},{"State/cities":"Kentucky","Completed cases":"47","Total cases":"53","Percentage who completed therapy":"89","Cases category":"53 to 130 TB cases"},{"State/cities":"Massachusetts","Completed cases":"102","Total cases":"116","Percentage who completed therapy":"88","Cases category":"53 to 130 TB cases"},{"State/cities":"Ohio","Completed cases":"99","Total cases":"115","Percentage who completed therapy":"86","Cases category":"53 to 130 TB cases"},{"State/cities":"Houston, TX","Completed cases":"97","Total cases":"113","Percentage who completed therapy":"86","Cases category":"53 to 130 TB cases"},{"State/cities":"Alabama","Completed cases":"49","Total cases":"58","Percentage who completed therapy":"84","Cases category":"53 to 130 TB cases"},{"State/cities":"Maryland [excluding Baltimore]","Completed cases":"93","Total cases":"112","Percentage who completed therapy":"83","Cases category":"53 to 130 TB cases"},{"State/cities":"Texas [excluding Houston]","Completed cases":"502","Total cases":"604","Percentage who completed therapy":"83","Cases category":"53 to 130 TB cases"},{"State/cities":"Tennessee","Completed cases":"78","Total cases":"95","Percentage who completed therapy":"82","Cases category":"53 to 130 TB cases"},{"State/cities":"Missouri","Completed cases":"47","Total cases":"59","Percentage who completed therapy":"80","Cases category":"53 to 130 TB cases"},{"State/cities":"Louisiana","Completed cases":"66","Total cases":"84","Percentage who completed therapy":"79","Cases category":"53 to 130 TB cases"},{"State/cities":"Nebraska","Completed cases":"11","Total cases":"26","Percentage who completed therapy":"42","Cases category":"53 to 130 TB cases"},{"State/cities":"Illinois [excluding Chicago]","Completed cases":"101","Total cases":"103","Percentage who completed therapy":"98","Cases category":"131 or more TB cases"},{"State/cities":"Washington","Completed cases":"128","Total cases":"134","Percentage who completed therapy":"96","Cases category":"131 or more TB cases"},{"State/cities":"Florida","Completed cases":"324","Total cases":"339","Percentage who completed therapy":"96","Cases category":"131 or more TB cases"},{"State/cities":"New York, NY  ","Completed cases":"126","Total cases":"136","Percentage who completed therapy":"93","Cases category":"131 or more TB cases"},{"State/cities":"Los Angeles, CA","Completed cases":"321","Total cases":"345","Percentage who completed therapy":"93","Cases category":"131 or more TB cases"},{"State/cities":"Virginia","Completed cases":"133","Total cases":"144","Percentage who completed therapy":"92","Cases category":"131 or more TB cases"},{"State/cities":"New Jersey","Completed cases":"177","Total cases":"192","Percentage who completed therapy":"92","Cases category":"131 or more TB cases"},{"State/cities":"Georgia","Completed cases":"158","Total cases":"173","Percentage who completed therapy":"91","Cases category":"131 or more TB cases"},{"State/cities":"California [excluding LA, SD, SF]","Completed cases":"703","Total cases":"790","Percentage who completed therapy":"89","Cases category":"131 or more TB cases"}],"dataFileName":"COT-12Months-v2.csv","dataFileSourceType":"file","annotations":[{"text":"National average 84.7%","snapToNearestPoint":false,"fontSize":16,"bezier":10,"show":{"desktop":true,"tablet":true,"mobile":true},"connectorType":"line","colors":{"label":"black","connector":"black","marker":"black"},"selected":true,"anchor":{"vertical":false,"horizontal":false},"marker":"circle","edit":{"subject":true,"label":true},"seriesKey":"","x":76.75190558150972,"y":216.92999267578125,"xKey":"1/15/2016","yKey":"","dx":20,"dy":-20,"opacity":"87","savedDimensions":[null,null],"connectionType":"select"},{"text":"2025 target: 95%","snapToNearestPoint":false,"fontSize":16,"bezier":10,"show":{"desktop":true,"tablet":true,"mobile":true},"connectorType":"line","colors":{"label":"black","connector":"black","marker":"black"},"selected":true,"anchor":{"vertical":false,"horizontal":false},"marker":"circle","edit":{"subject":true,"label":true},"seriesKey":"","x":89.14433243176788,"y":105.92999267578125,"xKey":"1/15/2016","yKey":"","dx":20,"dy":-20,"opacity":"100","savedDimensions":[null,null],"connectionType":"select"}],"debugSvg":false,"chartMessage":{"noData":"No Data Available"},"title":"","showTitle":true,"showDownloadMediaButton":false,"theme":"theme-blue","animate":false,"lineDatapointStyle":"hover","lineDatapointColor":"Same as Line","barHasBorder":"true","isLollipopChart":false,"lollipopShape":"circle","lollipopColorStyle":"two-tone","barStyle":"","roundingStyle":"standard","tipRounding":"top","isResponsiveTicks":false,"general":{"annotationDropdownText":"Annotations","showMissingDataLabel":true,"showSuppressedSymbol":true,"showZeroValueData":true,"hideNullValue":true,"showDownloadButton":false,"showAnnotationDropdown":false},"padding":{"left":5,"right":5},"preliminaryData":[],"yAxis":{"hideAxis":false,"displayNumbersOnBar":false,"hideLabel":false,"hideTicks":false,"size":50,"gridLines":false,"enablePadding":false,"min":"","max":"","labelColor":"#333","tickLabelColor":"#333","tickColor":"#333","rightHideAxis":false,"rightAxisSize":0,"rightLabel":"","rightLabelOffsetSize":0,"rightAxisLabelColor":"#333","rightAxisTickLabelColor":"#333","rightAxisTickColor":"#333","numTicks":"","axisPadding":0,"scalePadding":"30","tickRotation":0,"anchors":[],"shoMissingDataLabel":true,"showMissingDataLine":true,"categories":[],"labelPlacement":"On Date/Category Axis","type":"linear","labelOffset":"-1"},"boxplot":{"plots":[],"borders":"true","plotOutlierValues":false,"plotNonOutlierValues":true,"labels":{"q1":"Lower Quartile","q2":"q2","q3":"Upper Quartile","q4":"q4","minimum":"Minimum","maximum":"Maximum","mean":"Mean","median":"Median","sd":"Standard Deviation","iqr":"Interquartile Range","count":"Count","outliers":"Outliers","values":"Values","lowerBounds":"Lower Bounds","upperBounds":"Upper Bounds"}},"topAxis":{"hasLine":false},"isLegendValue":false,"barHeight":25,"barSpace":"5","heights":{"vertical":300,"horizontal":1740},"table":{"label":"Data Table","expanded":true,"limitHeight":false,"height":"","caption":"","showDownloadUrl":false,"showDataTableLink":true,"showDownloadLinkBelow":true,"indexLabel":"","download":true,"showVertical":false,"dateDisplayFormat":"","showMissingDataLabel":true,"showSuppressedSymbol":true,"show":false},"color":"pinkpurple","columns":{"Percentage who completed therapy":{"label":"Percentage who completed therapy","dataTable":true,"tooltips":true,"prefix":"","suffix":"%","forestPlot":false,"startingPoint":"0","forestPlotAlignRight":false,"roundToPlace":0,"commas":false,"showInViz":false,"forestPlotStartingPoint":0,"name":"Percentage who completed therapy","series":""},"Completed cases":{"label":"Completed cases","dataTable":true,"tooltips":true,"prefix":"","suffix":"","forestPlot":false,"startingPoint":"0","forestPlotAlignRight":false,"roundToPlace":0,"commas":false,"showInViz":false,"forestPlotStartingPoint":0,"name":"Completed cases"},"Total cases":{"label":"Total cases","dataTable":true,"tooltips":true,"prefix":"","suffix":"","forestPlot":false,"startingPoint":"0","forestPlotAlignRight":false,"roundToPlace":0,"commas":false,"showInViz":false,"forestPlotStartingPoint":0,"name":"Total cases"}},"legend":{"hide":false,"behavior":"isolate","axisAlign":true,"singleRow":true,"colorCode":"Cases category","reverseLabelOrder":false,"description":"","dynamicLegend":false,"dynamicLegendDefaultText":"Show All","dynamicLegendItemLimit":5,"dynamicLegendItemLimitMessage":"Dynamic Legend Item Limit Hit.","dynamicLegendChartMessage":"Select Options from the Legend","label":"Completion of therapy by U.S. states and cities","lineMode":false,"verticalSorted":false,"highlightOnHover":false,"hideSuppressedLabels":false,"hideSuppressionLink":false,"seriesHighlight":[],"style":"boxes","subStyle":"linear blocks","groupBy":"Cases category","shape":"circle","tickRotation":"","hideBorder":{"side":false,"topBottom":true},"position":"bottom","unified":true},"brush":{"height":45,"active":false},"exclusions":{"active":false,"keys":[]},"palette":"sequential-blue","isPaletteReversed":false,"twoColor":{"palette":"monochrome-1","isPaletteReversed":false},"labels":false,"dataFormat":{"commas":false,"prefix":"","suffix":"","abbreviated":false,"bottomSuffix":"","bottomPrefix":"","bottomAbbreviated":false},"filters":[],"confidenceKeys":{},"visual":{"border":true,"accent":true,"background":true,"verticalHoverLine":false,"horizontalHoverLine":false,"lineDatapointSymbol":"none","maximumShapeAmount":7},"useLogScale":false,"filterBehavior":"Filter Change","highlightedBarValues":[],"series":[{"dataKey":"Percentage who completed therapy","type":"Bar","axis":"Left","tooltip":false,"name":"Percentage who completed therapy"}],"tooltips":{"opacity":90,"singleSeries":false,"dateDisplayFormat":""},"forestPlot":{"startAt":0,"colors":{"line":"","shape":""},"lineOfNoEffect":{"show":true},"type":"","pooledResult":{"diamondHeight":5,"column":""},"estimateField":"","estimateRadius":"","shape":"square","rowHeight":20,"description":{"show":true,"text":"description","location":0},"result":{"show":true,"text":"result","location":100},"radius":{"min":2,"max":10,"scalingColumn":""},"regression":{"lower":0,"upper":0,"estimateField":0},"leftWidthOffset":0,"rightWidthOffset":0,"showZeroLine":false,"leftLabel":"","rightLabel":""},"area":{"isStacked":false},"sankey":{"title":{"defaultColor":"black"},"iterations":1,"rxValue":0.9,"overallSize":{"width":900,"height":700},"margin":{"margin_y":25,"margin_x":0},"nodeSize":{"nodeWidth":26,"nodeHeight":40},"nodePadding":55,"nodeFontColor":"black","nodeColor":{"default":"#ff8500","inactive":"#808080"},"linkColor":{"default":"#ffc900","inactive":"#D3D3D3"},"opacity":{"nodeOpacityDefault":1,"nodeOpacityInactive":0.1,"LinkOpacityDefault":1,"LinkOpacityInactive":0.1},"storyNodeFontColor":"#006778","storyNodeText":[],"nodeValueStyle":{"textBefore":"(","textAfter":")"},"data":[]},"version":"4.25.1","migrations":{"addColorMigration":true},"dynamicMarginTop":0}