@cdc/chart 4.23.3 → 4.23.5

package/examples/feature/bar/planet-chart-logaritmic-config.json

@@ -0,0 +1,170 @@
+{
+  "type": "chart",
+  "title": "Planet Radius (Combo Example)",
+  "showTitle": true,
+  "theme": "theme-blue",
+  "animate": false,
+  "fontSize": "small",
+  "lineDatapointStyle": "hover",
+  "barHasBorder": "true",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "regular",
+  "barStyle": "flat",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "padding": {
+    "left": 0,
+    "right": 0
+  },
+  "yAxis": {
+    "hideAxis": false,
+    "displayNumbersOnBar": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": "123",
+    "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,
+    "label": "Measurement (1000km)",
+    "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",
+      "lowerBounds": "Lower Bounds",
+      "upperBounds": "Upper Bounds"
+    }
+  },
+  "topAxis": {
+    "hasLine": false
+  },
+  "isLegendValue": false,
+  "barThickness": 0.35,
+  "barHeight": 25,
+  "barSpace": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 750
+  },
+  "xAxis": {
+    "type": "categorical",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "tickRotation": 0,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
+    "label": "Planet",
+    "dataKey": "name"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "show": true
+  },
+  "orientation": "vertical",
+  "legend": {
+    "behavior": "isolate",
+    "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"
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative3",
+  "isPaletteReversed": false,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
+  "labels": true,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "",
+    "abbreviated": true,
+    "bottomSuffix": "",
+    "bottomPrefix": "",
+    "bottomAbbreviated": false,
+    "roundTo": 1
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true
+  },
+  "useLogScale": true,
+  "filterBehavior": "Filter Change",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "Radius",
+      "type": "Line"
+    }
+  ],
+  "dataUrl": "/examples/feature/__data__/planet-logaritmic-data.json",
+  "visualizationType": "Bar"
+}

package/examples/{planet-example-config.json → feature/bar/planet-example-config.json}

@@ -143,7 +143,7 @@
     "accent": true,
     "background": true
   },
-  "dataUrl": "/examples/planet-example-data.json",
+  "dataUrl": "/examples/feature/__data__/planet-example-data.json",
   "visualizationType": "Deviation Bar",
   "series": [
     {
@@ -153,4 +153,4 @@
     }
   ],
   "dataCutoff": "0.5"
-}
+}

package/examples/{box-plot.json → feature/boxplot/boxplot.json}

@@ -18,7 +18,7 @@
     "right": 5
   },
   "yAxis": {
-    "dataKey": "Value",
+    "dataKey": "value",
     "hideAxis": false,
     "displayNumbersOnBar": false,
     "hideLabel": false,
@@ -60,7 +60,7 @@
     "tickColor": "#333",
     "isLegendValue": false,
     "numTicks": "",
-    "dataKey": "Group_Category",
+    "dataKey": "category one",
     "label": "Groups"
   },
   "table": {
@@ -104,20 +104,20 @@
     "accent": true,
     "background": true
   },
-  "dataUrl": "/examples/newdata.json",
+  "dataUrl": "/examples/feature/boxplot/testing.csv",
   "visualizationType": "Box Plot",
   "description": "Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.",
   "dataDescription": {
     "horizontal": false,
     "series": false,
     "singleRow": true,
-    "xKey": "Group_Category",
-    "valueKey": "Value"
+    "xKey": "category one",
+    "valueKey": "value"
   },
   "series": [
     {
-      "dataKey": "Value",
+      "dataKey": "value",
       "type": "Bar"
     }
   ]
-}
+}

package/examples/feature/boxplot/testing.csv

@@ -0,0 +1,38 @@
+category one,value
+Group A,16
+Group A,24
+Group A,32
+Group A,40
+Group A,43
+Group A,72
+Group A,83
+Group A,104
+Group A,137
+Group A,152
+Group A,168
+Group A,174
+Group A,450
+Group B,27
+Group B,42
+Group B,52
+Group B,55
+Group B,60
+Group B,62
+Group B,90
+Group B,131
+Group B,157
+Group B,160
+Group B,200
+Group B,212
+Group C,38
+Group C,44
+Group C,46
+Group C,63
+Group C,76
+Group C,88
+Group C,94
+Group C,167
+Group C,184
+Group C,212
+Group C,232
+Group C,250

package/examples/feature/boxplot/valid-boxplot.csv

@@ -0,0 +1,17 @@
+Group_Category,Value
+category one,21
+category one,19
+category one,23
+category one,24
+category two,18
+category two,10
+category two,12
+category two,19
+category three,30
+category three,35
+category three,36
+category three,40
+category four,50
+category four,54
+category four,42
+category four,159

package/examples/feature/combo/combochart-categories_are_numbers .json

@@ -0,0 +1,18 @@
+[
+  {
+    "Year": 2000,
+    "Value": 1.45
+  },
+  {
+    "Year": 2001,
+    "Value": 1.55
+  },
+  {
+    "Year": 2002,
+    "Value": 1.43
+  },
+  {
+    "Year": 2003,
+    "Value": 1.33
+  }
+]

package/examples/{planet-combo-example-config.json → feature/combo/planet-combo-example-config.json}

@@ -142,7 +142,7 @@
     "accent": true,
     "background": true
   },
-  "dataUrl": "/examples/planet-example-data.json",
+  "dataUrl": "/examples/feature/__data__/planet-example-data.json",
   "animateReplay": true,
   "visualizationType": "Combo",
   "series": [

package/examples/{planet-deviation-config.json → feature/deviation/planet-deviation-config.json}

@@ -155,7 +155,7 @@
     "accent": true,
     "background": true
   },
-  "dataUrl": "/examples/planet-deviation-data.json",
+  "dataUrl": "/examples/feature/deviation/planet-deviation-data.json",
   "visualizationType": "Deviation Bar",
   "series": [
     {
@@ -165,4 +165,4 @@
     }
   ],
   "dataCutoff": "0.5"
-}
+}

package/examples/{planet-deviation-data.json → feature/deviation/planet-deviation-data.json}

@@ -1,38 +1,38 @@
 [
   {
     "name": "Jupiter",
-    "Radius": "10000"
+    "Radius": "100"
   },
   {
     "name": "Saturn",
-    "Radius": "90000"
+    "Radius": "90"
   },
   {
     "name": "Uranus",
-    "Radius": "-80000"
+    "Radius": "95"
   },
   {
     "name": "Neptune",
-    "Radius": "7000"
+    "Radius": "89"
   },
   {
     "name": "Earth",
-    "Radius": "60000"
+    "Radius": "92"
   },
   {
     "name": "Venus",
-    "Radius": "50000"
+    "Radius": "85"
   },
   {
     "name": "Mars",
-    "Radius": "40000"
+    "Radius": "99"
   },
   {
     "name": "Mercury",
-    "Radius": "30000"
+    "Radius": "66"
   },
   {
     "name": "Pluto",
-    "Radius": "20000"
+    "Radius": "79"
   }
 ]

package/examples/feature/filters/filter-testing.json

@@ -0,0 +1,212 @@
+{
+  "type": "chart",
+  "title": "Planet Radius (Combo Example)",
+  "showTitle": true,
+  "showDownloadMediaButton": false,
+  "theme": "theme-blue",
+  "animate": true,
+  "fontSize": "medium",
+  "lineDatapointStyle": "hover",
+  "barHasBorder": "false",
+  "isLollipopChart": false,
+  "lollipopShape": "circle",
+  "lollipopColorStyle": "two-tone",
+  "visualizationSubType": "regular",
+  "barStyle": "",
+  "roundingStyle": "standard",
+  "tipRounding": "top",
+  "general": {
+    "showDownloadButton": true
+  },
+  "padding": {
+    "left": 0,
+    "right": 0
+  },
+  "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": 50,
+    "rightLabel": "",
+    "rightLabelOffsetSize": 0,
+    "rightAxisLabelColor": "#333",
+    "rightAxisTickLabelColor": "#333",
+    "rightAxisTickColor": "#333",
+    "numTicks": "",
+    "axisPadding": 0,
+    "tickRotation": 0,
+    "anchors": [],
+    "label": "Measurement (1000km)"
+  },
+  "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",
+      "count": "Count",
+      "outliers": "Outliers",
+      "values": "Values"
+    }
+  },
+  "topAxis": {
+    "hasLine": true
+  },
+  "isLegendValue": false,
+  "barThickness": 0.35,
+  "barHeight": 25,
+  "barSpace": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 750
+  },
+  "xAxis": {
+    "anchors": [],
+    "type": "categorical",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "tickRotation": 30,
+    "min": "",
+    "max": "",
+    "labelColor": "#333",
+    "tickLabelColor": "#333",
+    "tickColor": "#333",
+    "numTicks": "",
+    "labelOffset": 65,
+    "axisPadding": 0,
+    "target": 0,
+    "label": "Planet",
+    "dataKey": "name"
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "indexLabel": "",
+    "showVertical": false,
+    "show": true
+  },
+  "orientation": "vertical",
+  "color": "pinkpurple",
+  "columns": {
+    "additionalColumn1": {
+      "name": ""
+    }
+  },
+  "legend": {
+    "behavior": "isolate",
+    "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",
+    "position": "right",
+    "hide": false
+  },
+  "exclusions": {
+    "active": false,
+    "keys": []
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
+  "labels": false,
+  "dataFormat": {
+    "commas": false,
+    "prefix": "",
+    "suffix": "km",
+    "abbreviated": false,
+    "bottomSuffix": "",
+    "bottomPrefix": "",
+    "bottomAbbreviated": false,
+    "roundTo": 1
+  },
+  "confidenceKeys": {},
+  "visual": {
+    "border": true,
+    "accent": true,
+    "background": true
+  },
+  "useLogScale": false,
+  "filterBehavior": "Apply Button",
+  "highlightedBarValues": [],
+  "series": [
+    {
+      "dataKey": "Radius",
+      "type": "Line",
+      "axis": "Right"
+    },
+    {
+      "dataKey": "Diameter",
+      "type": "Bar"
+    },
+    {
+      "dataKey": "distance",
+      "type": "Bar",
+      "axis": "Left"
+    }
+  ],
+  "dataUrl": "/examples/feature/__data__/planet-example-data.json",
+  "animateReplay": true,
+  "visualizationType": "Combo",
+  "filters": [
+    {
+      "values": [
+        "0.3",
+        "0.7",
+        "1",
+        "2",
+        "7",
+        "8",
+        "18",
+        "22"
+      ],
+      "active": "0.3",
+      "filterStyle": "pill",
+      "order": "asc",
+      "columnName": "Diameter"
+    }
+  ]
+}