@cdc/chart 4.26.3 → 4.26.5

package/src/_stories/_mock/alt_text_metadata.json

@@ -0,0 +1,38 @@
+{
+  "version": "4.26.4",
+  "type": "chart",
+  "visualizationType": "Line",
+  "title": "COVID-19 Test Positivity",
+  "showTitle": true,
+  "animate": false,
+  "orientation": "vertical",
+  "dataMetadata": {
+    "altDescription": "Line chart showing COVID-19 test positivity rising from 4% to 12% over the last eight weeks, which may indicate growing community spread.",
+    "lastUpdated": "2024-09-21",
+    "source": "CDC NREVSS"
+  },
+  "data": [
+    { "week": "Aug 3", "positivity": 4.2 },
+    { "week": "Aug 10", "positivity": 4.8 },
+    { "week": "Aug 17", "positivity": 5.5 },
+    { "week": "Aug 24", "positivity": 6.3 },
+    { "week": "Aug 31", "positivity": 7.4 },
+    { "week": "Sep 7", "positivity": 8.9 },
+    { "week": "Sep 14", "positivity": 10.6 },
+    { "week": "Sep 21", "positivity": 12.0 }
+  ],
+  "xAxis": {
+    "dataKey": "week",
+    "type": "categorical",
+    "label": "Week Ending"
+  },
+  "yAxis": {
+    "label": "% Positive",
+    "numTicks": "5"
+  },
+  "series": [
+    { "dataKey": "positivity", "type": "Line", "axis": "Left", "tooltip": true }
+  ],
+  "legend": { "hide": true },
+  "table": { "show": true, "label": "Data Table" }
+}

package/src/_stories/_mock/heatmap-average-age-categorical.json

@@ -0,0 +1,315 @@
+{
+  "version": "4.26.6",
+  "type": "chart",
+  "visualizationType": "HeatMap",
+  "visualizationSubType": "regular",
+  "title": "Average Age by City and Community Type",
+  "showTitle": true,
+  "theme": "theme-blue",
+  "animate": false,
+  "data": [
+    {
+      "communityType": "Urban Core",
+      "Atlanta": 34,
+      "Boston": 35,
+      "Charlotte": 34,
+      "Chicago": 36,
+      "Dallas": 33,
+      "Denver": 37,
+      "Detroit": 39,
+      "Miami": 41,
+      "Nashville": 36,
+      "Phoenix": 38,
+      "Portland": 40,
+      "Seattle": 35,
+      "notes": "Dense city center"
+    },
+    {
+      "communityType": "Inner Suburb",
+      "Atlanta": 38,
+      "Boston": 39,
+      "Charlotte": 38,
+      "Chicago": 38,
+      "Dallas": 37,
+      "Denver": 40,
+      "Detroit": 42,
+      "Miami": 43,
+      "Nashville": 40,
+      "Phoenix": 41,
+      "Portland": 42,
+      "Seattle": 39,
+      "notes": "Near-city suburbs"
+    },
+    {
+      "communityType": "Outer Suburb",
+      "Atlanta": 41,
+      "Boston": 42,
+      "Charlotte": 42,
+      "Chicago": 39,
+      "Dallas": 40,
+      "Denver": 43,
+      "Detroit": 45,
+      "Miami": 44,
+      "Nashville": 43,
+      "Phoenix": 42,
+      "Portland": 44,
+      "Seattle": 41,
+      "notes": "Commuter belt"
+    },
+    {
+      "communityType": "Small Town",
+      "Atlanta": 44,
+      "Boston": 45,
+      "Charlotte": 46,
+      "Chicago": 43,
+      "Dallas": 42,
+      "Denver": 46,
+      "Detroit": 48,
+      "Miami": 47,
+      "Nashville": 45,
+      "Phoenix": 46,
+      "Portland": 45,
+      "Seattle": 44,
+      "notes": "Regional towns"
+    },
+    {
+      "communityType": "Rural",
+      "Atlanta": 46,
+      "Boston": 47,
+      "Charlotte": 48,
+      "Chicago": 44,
+      "Dallas": 45,
+      "Denver": 48,
+      "Detroit": 50,
+      "Miami": 49,
+      "Nashville": 47,
+      "Phoenix": 49,
+      "Portland": 46,
+      "Seattle": 45,
+      "notes": "Outer counties"
+    }
+  ],
+  "xAxis": {
+    "type": "categorical",
+    "dataKey": "communityType",
+    "label": "Community Type",
+    "tickRotation": 45,
+    "maxTickRotation": 45,
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false
+  },
+  "yAxis": {
+    "type": "categorical",
+    "label": "City",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 105
+  },
+  "series": [
+    {
+      "dataKey": "Atlanta",
+      "name": "Atlanta",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Boston",
+      "name": "Boston",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Charlotte",
+      "name": "Charlotte",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Chicago",
+      "name": "Chicago",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Dallas",
+      "name": "Dallas",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Denver",
+      "name": "Denver",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Detroit",
+      "name": "Detroit",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Miami",
+      "name": "Miami",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Nashville",
+      "name": "Nashville",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Phoenix",
+      "name": "Phoenix",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Portland",
+      "name": "Portland",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Seattle",
+      "name": "Seattle",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    }
+  ],
+  "columns": {
+    "communityType": {
+      "name": "communityType",
+      "label": "Community Type",
+      "dataTable": true
+    },
+    "Atlanta": {
+      "name": "Atlanta",
+      "label": "Atlanta",
+      "dataTable": true
+    },
+    "Boston": {
+      "name": "Boston",
+      "label": "Boston",
+      "dataTable": true
+    },
+    "Charlotte": {
+      "name": "Charlotte",
+      "label": "Charlotte",
+      "dataTable": true
+    },
+    "Chicago": {
+      "name": "Chicago",
+      "label": "Chicago",
+      "dataTable": true
+    },
+    "Dallas": {
+      "name": "Dallas",
+      "label": "Dallas",
+      "dataTable": true
+    },
+    "Denver": {
+      "name": "Denver",
+      "label": "Denver",
+      "dataTable": true
+    },
+    "Detroit": {
+      "name": "Detroit",
+      "label": "Detroit",
+      "dataTable": true
+    },
+    "Miami": {
+      "name": "Miami",
+      "label": "Miami",
+      "dataTable": true
+    },
+    "Nashville": {
+      "name": "Nashville",
+      "label": "Nashville",
+      "dataTable": true
+    },
+    "Phoenix": {
+      "name": "Phoenix",
+      "label": "Phoenix",
+      "dataTable": true
+    },
+    "Portland": {
+      "name": "Portland",
+      "label": "Portland",
+      "dataTable": true
+    },
+    "Seattle": {
+      "name": "Seattle",
+      "label": "Seattle",
+      "dataTable": true
+    },
+    "notes": {
+      "name": "notes",
+      "label": "Notes",
+      "dataTable": true,
+      "tooltips": true
+    }
+  },
+  "heatmap": {
+    "cellPadding": 1,
+    "rowLabelGap": 32,
+    "columnLabelGap": 56,
+    "xAxisPosition": "top",
+    "showCellValues": false
+  },
+  "legend": {
+    "hide": false,
+    "position": "top",
+    "style": "gradient",
+    "subStyle": "smooth",
+    "label": "Average age",
+    "hideBorder": false
+  },
+  "general": {
+    "palette": {
+      "name": "sequential_blue",
+      "version": "2.0",
+      "isReversed": false
+    }
+  },
+  "tooltips": {
+    "opacity": 90,
+    "singleSeries": false
+  },
+  "dataFormat": {
+    "abbreviated": false,
+    "roundTo": 0,
+    "commas": true
+  },
+  "table": {
+    "showVertical": true,
+    "show": true,
+    "showDataTableLink": true,
+    "expanded": false
+  },
+  "heights": {
+    "vertical": 620,
+    "horizontal": 620,
+    "mobileVertical": 520
+  },
+  "filters": [],
+  "chartMessage": {
+    "noData": "No Data Available"
+  }
+}

package/src/_stories/_mock/heatmap.json

@@ -0,0 +1,156 @@
+{
+  "version": "4.26.6",
+  "type": "chart",
+  "visualizationType": "HeatMap",
+  "visualizationSubType": "regular",
+  "title": "HeatMap Series Rows Demo",
+  "showTitle": true,
+  "theme": "theme-blue",
+  "animate": false,
+  "data": [
+    {
+      "week": "2024-01-01",
+      "Northeast": 12,
+      "South": 30,
+      "West": 18,
+      "notes": "Baseline"
+    },
+    {
+      "week": "2024-02-01",
+      "Northeast": 18,
+      "South": 34,
+      "notes": "West missing"
+    },
+    {
+      "week": "2024-03-01",
+      "Northeast": 24,
+      "South": 29,
+      "West": 22,
+      "notes": "Stable"
+    },
+    {
+      "week": "2024-03-01",
+      "Northeast": 6,
+      "South": 7,
+      "West": 3,
+      "notes": "Late report"
+    }
+  ],
+  "xAxis": {
+    "type": "date",
+    "dataKey": "week",
+    "label": "Week",
+    "dateParseFormat": "%Y-%m-%d",
+    "dateDisplayFormat": "%b %-d",
+    "maxTickRotation": 45,
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false
+  },
+  "yAxis": {
+    "type": "categorical",
+    "label": "Region",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 80
+  },
+  "series": [
+    {
+      "dataKey": "Northeast",
+      "name": "Northeast",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "South",
+      "name": "South",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "West",
+      "name": "West",
+      "type": "HeatMap",
+      "axis": "Left",
+      "tooltip": true
+    }
+  ],
+  "columns": {
+    "week": {
+      "name": "week",
+      "label": "Week",
+      "dataTable": true
+    },
+    "Northeast": {
+      "name": "Northeast",
+      "label": "Northeast",
+      "dataTable": true
+    },
+    "South": {
+      "name": "South",
+      "label": "South",
+      "dataTable": true
+    },
+    "West": {
+      "name": "West",
+      "label": "West",
+      "dataTable": true
+    },
+    "notes": {
+      "name": "notes",
+      "label": "Notes",
+      "dataTable": true,
+      "tooltips": true
+    }
+  },
+  "heatmap": {
+    "cellPadding": 1,
+    "rowLabelGap": 32,
+    "columnLabelGap": 56,
+    "xAxisPosition": "top",
+    "showCellValues": false
+  },
+  "legend": {
+    "hide": false,
+    "position": "top",
+    "style": "gradient",
+    "subStyle": "smooth",
+    "label": "Cases per 100,000",
+    "hideBorder": false
+  },
+  "general": {
+    "palette": {
+      "name": "sequential_blue",
+      "version": "2.0",
+      "isReversed": false
+    }
+  },
+  "tooltips": {
+    "opacity": 90,
+    "singleSeries": false,
+    "dateDisplayFormat": "%B %-d, %Y"
+  },
+  "dataFormat": {
+    "abbreviated": false,
+    "roundTo": 0,
+    "commas": true
+  },
+  "table": {
+    "showVertical": true,
+    "show": true,
+    "showDataTableLink": true,
+    "expanded": false
+  },
+  "heights": {
+    "vertical": 340,
+    "horizontal": 340,
+    "mobileVertical": 260
+  },
+  "filters": [],
+  "chartMessage": {
+    "noData": "No Data Available"
+  }
+}