npm - @cdc/chart - Versions diffs - 4.23.10-alpha → 4.23.11 - Mend

@cdc/chart 4.23.10-alpha → 4.23.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (54) hide show

package/dist/cdcchart.js +30598 -28669
package/examples/feature/bar/example-bar-chart.json +1 -46
package/examples/feature/dev-4261.json +399 -0
package/examples/feature/forest-plot/{broken.json → linear.json} +55 -50
package/examples/{private/forest-plot.json → feature/forest-plot/logarithmic.json} +305 -355
package/examples/feature/line/line-points.json +340 -0
package/examples/feature/regions/index.json +462 -0
package/examples/gallery/bar-chart-vertical/combo-line-chart.json +181 -48
package/examples/sparkline-multilple.json +846 -0
package/index.html +11 -8
package/package.json +3 -3
package/src/CdcChart.tsx +71 -60
package/src/_stories/Chart.tooltip.stories.tsx +305 -0
package/src/_stories/ChartBrush.stories.tsx +19 -0
package/src/_stories/ChartSuppress.stories.tsx +19 -0
package/{examples/private/missing-color.json → src/_stories/_mock/brush_mock.json} +392 -332
package/src/_stories/_mock/suppress_mock.json +911 -0
package/src/components/AreaChart.Stacked.jsx +4 -5
package/src/components/AreaChart.jsx +6 -35
package/src/components/{BarChart.Horizontal.jsx → BarChart.Horizontal.tsx} +106 -29
package/src/components/{BarChart.StackedHorizontal.jsx → BarChart.StackedHorizontal.tsx} +22 -17
package/src/components/{BarChart.StackedVertical.jsx → BarChart.StackedVertical.tsx} +22 -26
package/src/components/{BarChart.Vertical.jsx → BarChart.Vertical.tsx} +175 -31
package/src/components/BarChart.jsx +1 -1
package/src/components/DeviationBar.jsx +4 -3
package/src/components/EditorPanel.jsx +176 -50
package/src/components/ForestPlot/ForestPlotProps.ts +11 -0
package/src/components/ForestPlot/index.scss +1 -0
package/src/components/{ForestPlot.jsx → ForestPlot/index.tsx} +51 -31
package/src/components/ForestPlotSettings.jsx +162 -112
package/src/components/Legend.jsx +35 -2
package/src/components/{LineChart.Circle.tsx → LineChart/LineChart.Circle.tsx} +26 -23
package/src/components/LineChart/LineChartProps.ts +17 -0
package/src/components/LineChart/index.scss +1 -0
package/src/components/{LineChart.tsx → LineChart/index.tsx} +60 -24
package/src/components/LinearChart.jsx +120 -60
package/src/components/PairedBarChart.jsx +2 -2
package/src/components/Series.jsx +22 -3
package/src/components/ZoomBrush.tsx +168 -0
package/src/data/initial-state.js +27 -12
package/src/hooks/useBarChart.js +70 -6
package/src/hooks/useColorScale.ts +50 -0
package/src/hooks/useEditorPermissions.js +22 -4
package/src/hooks/{useMinMax.js → useMinMax.ts} +75 -23
package/src/hooks/{useRightAxis.js → useRightAxis.ts} +10 -2
package/src/hooks/{useScales.js → useScales.ts} +64 -17
package/src/hooks/useTooltip.jsx +68 -41
package/src/scss/main.scss +3 -35
package/src/types/ChartConfig.ts +43 -0
package/src/types/ChartContext.ts +38 -0
package/src/types/ChartProps.ts +7 -0
package/src/types/ForestPlot.ts +60 -0
package/examples/private/full.json +0 -45324
/package/{examples/private/TESTING.json → src/components/ForestPlot/Readme.md} +0 -0

package/src/_stories/_mock/suppress_mock.json ADDED Viewed

@@ -0,0 +1,911 @@
+{
+  "type": "chart",
+  "debugSvg": false,
+  "chartMessage": {
+    "noData": "No Data Available"
+  },
+  "title": "Combo Bar-Line Chart",
+  "showTitle": true,
+  "showDownloadMediaButton": false,
+  "theme": "theme-purple",
+  "animate": true,
+  "fontSize": "medium",
+  "lineDatapointStyle": "hover",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "regular",
+  "barStyle": "rounded",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "isResponsiveTicks": false,
+  "general": {
+    "showDownloadButton": false
+  },
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "suppressedData": [
+    {
+      "label": "masked",
+      "column": "Data 3",
+      "value": "100",
+      "icon": "star"
+    },
+    {
+      "label": "suppressed",
+      "column": "Data 3",
+      "value": "-120",
+      "icon": "star"
+    }
+  ],
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 50,
+    "gridLines": false,
+    "enablePadding": false,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "rightHideAxis": true,
+    "rightAxisSize": 0,
+    "rightLabel": "",
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "numTicks": "",
+    "axisPadding": 0,
+    "tickRotation": 0,
+    "anchors": [],
+    "type": "chart",
+    "debugSvg": false,
+    "chartMessage": {
+      "noData": "No Data Available"
+    },
+    "title": "Combo Bar-Line Chart",
+    "showTitle": true,
+    "showDownloadMediaButton": false,
+    "theme": "theme-purple",
+    "animate": true,
+    "fontSize": "medium",
+    "lineDatapointStyle": "hover",
+    "barHasBorder": "false",
+    "isLollipopChart": false,
+    "lollipopShape": "circle",
+    "lollipopColorStyle": "two-tone",
+    "visualizationSubType": "regular",
+    "barStyle": "",
+    "roundingStyle": "standard",
+    "tipRounding": "top",
+    "isResponsiveTicks": false,
+    "general": {
+      "showDownloadButton": false
+    },
+    "padding": {
+      "left": 5,
+      "right": 5
+    },
+    "suppressedData": [
+      {
+        "label": "masked",
+        "column": "Data 3",
+        "value": "100",
+        "icon": "star"
+      }
+    ],
+    "yAxis": {
+      "hideAxis": false,
+      "displayNumbersOnBar": false,
+      "hideLabel": false,
+      "hideTicks": false,
+      "size": "68",
+      "gridLines": true,
+      "enablePadding": false,
+      "min": "",
+      "max": "",
+      "labelColor": "#333",
+      "tickLabelColor": "#333",
+      "tickColor": "#333",
+      "rightHideAxis": true,
+      "rightAxisSize": 50,
+      "rightLabel": "",
+      "rightLabelOffsetSize": 0,
+      "rightAxisLabelColor": "#333",
+      "rightAxisTickLabelColor": "#333",
+      "rightAxisTickColor": "#333",
+      "numTicks": "",
+      "axisPadding": 0,
+      "tickRotation": 0,
+      "anchors": [],
+      "label": "Y-Axis Label Example"
+    },
+    "boxplot": {
+      "plots": [],
+      "borders": "true",
+      "firstQuartilePercentage": 25,
+      "thirdQuartilePercentage": 75,
+      "boxWidthPercentage": 40,
+      "plotOutlierValues": false,
+      "plotNonOutlierValues": true,
+      "legend": {
+        "showHowToReadText": false,
+        "howToReadText": ""
+      },
+      "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",
+        "total": "Total",
+        "outliers": "Outliers",
+        "values": "Values"
+      }
+    },
+    "topAxis": {
+      "hasLine": false
+    },
+    "isLegendValue": false,
+    "barThickness": 0.35,
+    "barHeight": 25,
+    "barSpace": 15,
+    "heights": {
+      "vertical": 300,
+      "horizontal": 585
+    },
+    "xAxis": {
+      "sortDates": false,
+      "anchors": [],
+      "type": "date",
+      "showTargetLabel": true,
+      "targetLabel": "Target",
+      "hideAxis": false,
+      "hideLabel": false,
+      "hideTicks": false,
+      "size": "78",
+      "tickRotation": "25",
+      "min": "",
+      "max": "",
+      "labelColor": "#333",
+      "tickLabelColor": "#333",
+      "tickColor": "#333",
+      "numTicks": "",
+      "labelOffset": 65,
+      "axisPadding": 0,
+      "target": 0,
+      "maxTickRotation": 0,
+      "dataKey": "Date",
+      "label": "X-Axis Example Label",
+      "dateParseFormat": "%d/%m/%Y",
+      "dateDisplayFormat": "%d/%m/%Y",
+      "tickWidthMax": 31
+    },
+    "table": {
+      "label": "Data Table",
+      "expanded": true,
+      "limitHeight": false,
+      "height": "",
+      "caption": "",
+      "showDownloadUrl": false,
+      "showDataTableLink": true,
+      "indexLabel": "",
+      "download": true,
+      "showVertical": false,
+      "show": true
+    },
+    "orientation": "horizontal",
+    "color": "pinkpurple",
+    "columns": {},
+    "legend": {
+      "hide": false,
+      "behavior": "highlight",
+      "singleRow": false,
+      "colorCode": "",
+      "reverseLabelOrder": false,
+      "description": "",
+      "dynamicLegend": false,
+      "dynamicLegendDefaultText": "Show All",
+      "dynamicLegendItemLimit": 5,
+      "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
+      "dynamicLegendChartMessage": "Select Options from the Legend",
+      "lineMode": false,
+      "verticalSorted": false,
+      "position": "right",
+      "label": "Data Type"
+    },
+    "brush": {
+      "height": 25,
+      "data": [
+        {
+          "Date": "1/15/2016",
+          "Data 1": "1000",
+          "Data 2": "110",
+          "Data 3": "100",
+          "Data 4": "90",
+          "Monthly-Goal": "100"
+        },
+        {
+          "Date": "2/15/2016",
+          "Data 1": "100",
+          "Data 2": "110",
+          "Data 3": "100",
+          "Data 4": "100",
+          "Monthly-Goal": "100"
+        },
+        {
+          "Date": "3/15/2016",
+          "Data 1": "80",
+          "Data 2": "90",
+          "Data 3": "100",
+          "Data 4": "120",
+          "Monthly-Goal": "110"
+        },
+        {
+          "Date": "4/15/2016",
+          "Data 1": "80",
+          "Data 2": "90",
+          "Data 3": "110",
+          "Data 4": "120",
+          "Monthly-Goal": "110"
+        },
+        {
+          "Date": "5/15/2016",
+          "Data 1": "70",
+          "Data 2": "90",
+          "Data 3": "110",
+          "Data 4": "130",
+          "Monthly-Goal": "120"
+        },
+        {
+          "Date": "6/15/2016",
+          "Data 1": "100",
+          "Data 2": "120",
+          "Data 3": "120",
+          "Data 4": "130",
+          "Monthly-Goal": "120"
+        },
+        {
+          "Date": "7/15/2016",
+          "Data 1": "110",
+          "Data 2": "140",
+          "Data 3": "120",
+          "Data 4": "130",
+          "Monthly-Goal": "130"
+        },
+        {
+          "Date": "8/15/2016",
+          "Data 1": "110",
+          "Data 2": "130",
+          "Data 3": "120",
+          "Data 4": "140",
+          "Monthly-Goal": "130"
+        },
+        {
+          "Date": "9/15/2016",
+          "Data 1": "120",
+          "Data 2": "130",
+          "Data 3": "120",
+          "Data 4": "150",
+          "Monthly-Goal": "140"
+        }
+      ],
+      "active": false
+    },
+    "exclusions": {
+      "active": false,
+      "keys": []
+    },
+    "palette": "qualitative-soft",
+    "isPaletteReversed": false,
+    "twoColor": {
+      "palette": "monochrome-1",
+      "isPaletteReversed": false
+    },
+    "labels": false,
+    "dataFormat": {
+      "commas": false,
+      "prefix": "",
+      "suffix": "",
+      "abbreviated": false,
+      "bottomSuffix": "",
+      "bottomPrefix": "",
+      "bottomAbbreviated": false
+    },
+    "confidenceKeys": {},
+    "visual": {
+      "border": true,
+      "accent": true,
+      "background": true,
+      "verticalHoverLine": false,
+      "horizontalHoverLine": false
+    },
+    "useLogScale": false,
+    "filterBehavior": "Filter Change",
+    "highlightedBarValues": [],
+    "series": [
+      {
+        "dataKey": "Data 3",
+        "type": "Bar",
+        "tooltip": true,
+        "axis": "Left"
+      },
+      {
+        "dataKey": "Data 4",
+        "type": "Bar",
+        "tooltip": true,
+        "axis": "Left"
+      }
+    ],
+    "tooltips": {
+      "opacity": 90
+    },
+    "forestPlot": {
+      "startAt": 0,
+      "width": "auto",
+      "colors": {
+        "line": "",
+        "shape": ""
+      },
+      "estimateField": "",
+      "estimateRadius": "",
+      "lowerCiField": "",
+      "upperCiField": "",
+      "shape": "",
+      "rowHeight": 20,
+      "showZeroLine": false,
+      "description": {
+        "show": true,
+        "text": "description",
+        "location": 0
+      },
+      "result": {
+        "show": true,
+        "text": "result",
+        "location": 100
+      },
+      "radius": {
+        "min": 1,
+        "max": 8,
+        "scalingColumn": ""
+      },
+      "regression": {
+        "lower": 0,
+        "upper": 0,
+        "estimateField": 0
+      },
+      "leftWidthOffset": 0,
+      "rightWidthOffset": 0
+    },
+    "area": {
+      "isStacked": false
+    },
+    "height": "332",
+    "data": [
+      {
+        "Date": "1/15/2016",
+        "Data 1": "$1,000",
+        "Data 2": "110",
+        "Data 3": "100",
+        "Data 4": "90",
+        "Monthly-Goal": "100"
+      },
+      {
+        "Date": "2/15/2016",
+        "Data 1": "100",
+        "Data 2": "110",
+        "Data 3": "100",
+        "Data 4": "100",
+        "Monthly-Goal": "100"
+      },
+      {
+        "Date": "3/15/2016",
+        "Data 1": "80",
+        "Data 2": "90",
+        "Data 3": "100",
+        "Data 4": "120",
+        "Monthly-Goal": "110"
+      },
+      {
+        "Date": "4/15/2016",
+        "Data 1": "80",
+        "Data 2": "90",
+        "Data 3": "110",
+        "Data 4": "120",
+        "Monthly-Goal": "110"
+      },
+      {
+        "Date": "5/15/2016",
+        "Data 1": "70",
+        "Data 2": "90",
+        "Data 3": "110",
+        "Data 4": "130",
+        "Monthly-Goal": "120"
+      },
+      {
+        "Date": "6/15/2016",
+        "Data 1": "100",
+        "Data 2": "120",
+        "Data 3": "120",
+        "Data 4": "130",
+        "Monthly-Goal": "120"
+      },
+      {
+        "Date": "7/15/2016",
+        "Data 1": "110",
+        "Data 2": "140",
+        "Data 3": "120",
+        "Data 4": "130",
+        "Monthly-Goal": "130"
+      },
+      {
+        "Date": "8/15/2016",
+        "Data 1": "110",
+        "Data 2": "130",
+        "Data 3": "120",
+        "Data 4": "140",
+        "Monthly-Goal": "130"
+      },
+      {
+        "Date": "9/15/2016",
+        "Data 1": "120",
+        "Data 2": "130",
+        "Data 3": "120",
+        "Data 4": "150",
+        "Monthly-Goal": "140"
+      }
+    ],
+    "visualizationType": "Bar",
+    "filters": [],
+    "validated": 4.23,
+    "dynamicMarginTop": 0,
+    "runtime": {
+      "seriesLabels": {
+        "Data 3": "Data 3",
+        "Data 4": "Data 4"
+      },
+      "seriesLabelsAll": ["Data 3", "Data 4"],
+      "originalXAxis": {
+        "sortDates": false,
+        "anchors": [],
+        "type": "date",
+        "showTargetLabel": true,
+        "targetLabel": "Target",
+        "hideAxis": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": "78",
+        "tickRotation": "25",
+        "min": "",
+        "max": "",
+        "labelColor": "#333",
+        "tickLabelColor": "#333",
+        "tickColor": "#333",
+        "numTicks": "",
+        "labelOffset": 65,
+        "axisPadding": 0,
+        "target": 0,
+        "maxTickRotation": 0,
+        "dataKey": "Date",
+        "label": "X-Axis Example Label",
+        "dateParseFormat": "%d/%m/%Y",
+        "dateDisplayFormat": "%d/%m/%Y",
+        "tickWidthMax": 31
+      },
+      "seriesKeys": ["Data 3", "Data 4"],
+      "xAxis": {
+        "hideAxis": false,
+        "displayNumbersOnBar": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": "68",
+        "gridLines": true,
+        "enablePadding": false,
+        "min": "",
+        "max": "",
+        "labelColor": "#333",
+        "tickLabelColor": "#333",
+        "tickColor": "#333",
+        "rightHideAxis": true,
+        "rightAxisSize": 50,
+        "rightLabel": "",
+        "rightLabelOffsetSize": 0,
+        "rightAxisLabelColor": "#333",
+        "rightAxisTickLabelColor": "#333",
+        "rightAxisTickColor": "#333",
+        "numTicks": "",
+        "axisPadding": 0,
+        "tickRotation": 0,
+        "anchors": [],
+        "label": "Y-Axis Label Example"
+      },
+      "yAxis": {
+        "sortDates": false,
+        "anchors": [],
+        "type": "date",
+        "showTargetLabel": true,
+        "targetLabel": "Target",
+        "hideAxis": false,
+        "hideLabel": false,
+        "hideTicks": false,
+        "size": "78",
+        "tickRotation": "25",
+        "min": "",
+        "max": "",
+        "labelColor": "#333",
+        "tickLabelColor": "#333",
+        "tickColor": "#333",
+        "numTicks": "",
+        "labelOffset": 65,
+        "axisPadding": 0,
+        "target": 0,
+        "maxTickRotation": 0,
+        "dataKey": "Date",
+        "label": "X-Axis Example Label",
+        "dateParseFormat": "%d/%m/%Y",
+        "dateDisplayFormat": "%d/%m/%Y",
+        "tickWidthMax": 31
+      },
+      "horizontal": true,
+      "uniqueId": 1700137919869,
+      "editorErrorMessage": ""
+    },
+    "labelPlacement": "On Date/Category Axis"
+  },
+  "boxplot": {
+    "plots": [],
+    "borders": "true",
+    "firstQuartilePercentage": 25,
+    "thirdQuartilePercentage": 75,
+    "boxWidthPercentage": 40,
+    "plotOutlierValues": false,
+    "plotNonOutlierValues": true,
+    "legend": {
+      "showHowToReadText": false,
+      "howToReadText": ""
+    },
+    "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",
+      "total": "Total",
+      "outliers": "Outliers",
+      "values": "Values"
+    }
+  },
+  "topAxis": {
+    "hasLine": false
+  },
+  "isLegendValue": false,
+  "barThickness": 0.35,
+  "barHeight": "22",
+  "barSpace": "27",
+  "heights": {
+    "vertical": 300,
+    "horizontal": 639
+  },
+  "xAxis": {
+    "sortDates": false,
+    "anchors": [],
+    "type": "date",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "122",
+    "tickRotation": "0",
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
+    "maxTickRotation": 0,
+    "dataKey": "Date",
+    "label": "X-Axis Example Label",
+    "dateParseFormat": "%d/%m/%Y",
+    "dateDisplayFormat": "%d/%m/%Y",
+    "tickWidthMax": 41
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": true,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "indexLabel": "",
+    "download": true,
+    "showVertical": true,
+    "show": true
+  },
+  "orientation": "horizontal",
+  "color": "pinkpurple",
+  "columns": {},
+  "legend": {
+    "hide": false,
+    "behavior": "highlight",
+    "singleRow": false,
+    "colorCode": "",
+    "reverseLabelOrder": false,
+    "description": "",
+    "dynamicLegend": false,
+    "dynamicLegendDefaultText": "Show All",
+    "dynamicLegendItemLimit": 5,
+    "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
+    "dynamicLegendChartMessage": "Select Options from the Legend",
+    "lineMode": false,
+    "verticalSorted": false,
+    "position": "right",
+    "label": "Data Type"
+  },
+  "brush": {
+    "height": 25,
+    "data": [
+      {
+        "Date": "1/15/2016",
+        "Data 1": "1000",
+        "Data 2": "110",
+        "Data 3": "100",
+        "Data 4": "90",
+        "Monthly-Goal": "100"
+      },
+      {
+        "Date": "2/15/2016",
+        "Data 1": "100",
+        "Data 2": "110",
+        "Data 3": "100",
+        "Data 4": "100",
+        "Monthly-Goal": "100"
+      },
+      {
+        "Date": "3/15/2016",
+        "Data 1": "80",
+        "Data 2": "90",
+        "Data 3": "100",
+        "Data 4": "120",
+        "Monthly-Goal": "110"
+      },
+      {
+        "Date": "4/15/2016",
+        "Data 1": "80",
+        "Data 2": "90",
+        "Data 3": "110",
+        "Data 4": "120",
+        "Monthly-Goal": "110"
+      },
+      {
+        "Date": "5/15/2016",
+        "Data 1": "70",
+        "Data 2": "90",
+        "Data 3": "110",
+        "Data 4": "130",
+        "Monthly-Goal": "120"
+      },
+      {
+        "Date": "6/15/2016",
+        "Data 1": "100",
+        "Data 2": "120",
+        "Data 3": "120",
+        "Data 4": "130",
+        "Monthly-Goal": "120"
+      },
+      {
+        "Date": "7/15/2016",
+        "Data 1": "110",
+        "Data 2": "140",
+        "Data 3": "120",
+        "Data 4": "130",
+        "Monthly-Goal": "130"
+      },
+      {
+        "Date": "8/15/2016",
+        "Data 1": "110",
+        "Data 2": "130",
+        "Data 3": "120",
+        "Data 4": "140",
+        "Monthly-Goal": "130"
+      },
+      {
+        "Date": "9/15/2016",
+        "Data 1": "120",
+        "Data 2": "130",
+        "Data 3": "-120",
+        "Data 4": "150",
+        "Monthly-Goal": "140"
+      }
+    ],
+    "active": false
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-softreverse",
+  "isPaletteReversed": true,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "",
+    "abbreviated": false,
+    "bottomSuffix": "",
+    "bottomPrefix": "",
+    "bottomAbbreviated": false
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true,
+    "verticalHoverLine": false,
+    "horizontalHoverLine": false
+  },
+  "useLogScale": false,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "Data 3",
+      "type": "Bar",
+      "tooltip": true,
+      "axis": "Left"
+    },
+    {
+      "dataKey": "Data 1",
+      "type": "Bar",
+      "axis": "Left",
+      "tooltip": true
+    }
+  ],
+  "tooltips": {
+    "opacity": 90
+  },
+  "forestPlot": {
+    "startAt": 0,
+    "width": "auto",
+    "colors": {
+      "line": "",
+      "shape": ""
+    },
+    "estimateField": "",
+    "estimateRadius": "",
+    "lowerCiField": "",
+    "upperCiField": "",
+    "shape": "",
+    "rowHeight": 20,
+    "showZeroLine": false,
+    "description": {
+      "show": true,
+      "text": "description",
+      "location": 0
+    },
+    "result": {
+      "show": true,
+      "text": "result",
+      "location": 100
+    },
+    "radius": {
+      "min": 1,
+      "max": 8,
+      "scalingColumn": ""
+    },
+    "regression": {
+      "lower": 0,
+      "upper": 0,
+      "estimateField": 0
+    },
+    "leftWidthOffset": 0,
+    "rightWidthOffset": 0
+  },
+  "area": {
+    "isStacked": false
+  },
+  "height": "332",
+  "data": [
+    {
+      "Date": "1/15/2016",
+      "Data 1": "$1,000",
+      "Data 2": "110",
+      "Data 3": "100",
+      "Data 4": "90",
+      "Monthly-Goal": "100"
+    },
+    {
+      "Date": "2/15/2016",
+      "Data 1": "100",
+      "Data 2": "110",
+      "Data 3": "100",
+      "Data 4": "100",
+      "Monthly-Goal": "100"
+    },
+    {
+      "Date": "3/15/2016",
+      "Data 1": "80",
+      "Data 2": "90",
+      "Data 3": "100",
+      "Data 4": "120",
+      "Monthly-Goal": "110"
+    },
+    {
+      "Date": "4/15/2016",
+      "Data 1": "80",
+      "Data 2": "90",
+      "Data 3": "110",
+      "Data 4": "120",
+      "Monthly-Goal": "110"
+    },
+    {
+      "Date": "5/15/2016",
+      "Data 1": "70",
+      "Data 2": "90",
+      "Data 3": "110",
+      "Data 4": "130",
+      "Monthly-Goal": "120"
+    },
+    {
+      "Date": "6/15/2016",
+      "Data 1": "100",
+      "Data 2": "120",
+      "Data 3": "120",
+      "Data 4": "130",
+      "Monthly-Goal": "120"
+    },
+    {
+      "Date": "7/15/2016",
+      "Data 1": "110",
+      "Data 2": "140",
+      "Data 3": "120",
+      "Data 4": "130",
+      "Monthly-Goal": "130"
+    },
+    {
+      "Date": "8/15/2016",
+      "Data 1": "110",
+      "Data 2": "130",
+      "Data 3": "120",
+      "Data 4": "140",
+      "Monthly-Goal": "130"
+    },
+    {
+      "Date": "9/15/2016",
+      "Data 1": "120",
+      "Data 2": "130",
+      "Data 3": "-120",
+      "Data 4": "150",
+      "Monthly-Goal": "140"
+    }
+  ],
+  "visualizationType": "Bar",
+  "filters": [],
+  "validated": 4.23,
+  "dynamicMarginTop": 0
+}