@cdc/chart 4.25.8 → 4.25.11

package/examples/private/test-data.csv

@@ -0,0 +1,28 @@
+Date,Cases,Deaths,Hospitalizations,Footnote
+2024-01-01,1250,45,320,"Data collected from <strong>primary sources</strong>
+Preliminary data subject to change"
+2024-02-01,1450,52,385,"Includes <em>confirmed</em> and probable cases"
+2024-03-01,1680,58,425,"Note: Data updated on <a href='#'>March 15, 2024</a>
+May include backlog of cases from previous month"
+2024-04-01,1320,48,350,"<sup>*</sup>Holiday weekend affected reporting
+Data normalized for comparison"
+2024-05-01,980,35,275,"See methodology at <a href='https://example.com'>example.com</a>"
+2024-06-01,750,28,210,"<strong>Note:</strong> New testing protocols implemented
+Results may not be directly comparable to prior months"
+2024-07-01,620,22,180,"Summer decline observed
+Typical seasonal pattern per <em>historical data</em>"
+2024-08-01,890,31,245,"<sup>†</sup>Estimated values based on incomplete reporting"
+2024-09-01,1150,42,310,"Data source: <strong>State Health Departments</strong>
+Reported as of September 30, 2024"
+2024-10-01,1425,50,370,"Includes revisions from <em>prior reporting periods</em>
+See details below"
+2024-11-01,1680,55,415,"<strong>Important:</strong> Reporting delays due to system maintenance
+Data may be updated"
+2024-12-01,1890,62,465,"Year-end summary includes <sup>1</sup>adjustments
+<a href='#notes'>See detailed notes</a>"
+2025-01-01,2150,68,520,"<strong>New Year</strong> reporting period
+Data collection ongoing"
+2025-02-01,1980,61,485,"Preliminary <em>February</em> data
+Subject to revision"
+2025-03-01,1725,54,430,"Latest available data as of <strong>March 10, 2025</strong>
+Updates posted weekly at <a href='https://example.com/updates'>Updates Page</a>"

package/examples/suppressed_tooltip.json

@@ -0,0 +1,480 @@
+{
+  "errors": [],
+  "currentViewport": "lg",
+  "id": 1,
+  "category": "Charts",
+  "label": "Bar",
+  "type": "chart",
+  "subType": "Bar",
+  "orientation": "vertical",
+  "barThickness": "0.37",
+  "visualizationSubType": "regular",
+  "xAxis": {
+    "sortDates": false,
+    "anchors": [],
+    "type": "date",
+    "showTargetLabel": true,
+    "targetLabel": "Target",
+    "hideAxis": false,
+    "hideLabel": false,
+    "hideTicks": false,
+    "size": 75,
+    "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,
+    "brushActive": true,
+    "dataKey": "Date",
+    "dateParseFormat": "%m/%d/%Y",
+    "dateDisplayFormat": "%m/%Y",
+    "axisBBox": 29.860000610351562,
+    "tickWidthMax": 63
+  },
+  "icon": {
+    "key": null,
+    "ref": null,
+    "props": {},
+    "_owner": null
+  },
+  "content": "Use bars to show comparisons between data categories.",
+  "visualizationType": "Bar",
+  "datasets": {},
+  "activeVizButtonID": 1,
+  "data": [
+    {
+      "Date": "1/15/2016",
+      "Data 1": "ABC",
+      "Data 2": "110",
+      "Data 3": "100",
+      "Data 4": "XYZ",
+      "Monthly-Goal": "100"
+    },
+    {
+      "Date": "2/15/2016",
+      "Data 1": "100",
+      "Data 2": "110",
+      "Data 3": "100",
+      "Data 4": "",
+      "Monthly-Goal": "100"
+    },
+    {
+      "Date": "3/15/2016",
+      "Data 1": "80",
+      "Data 2": "90",
+      "Data 3": "0",
+      "Data 4": "120",
+      "Monthly-Goal": "110"
+    },
+    {
+      "Date": "4/15/2016",
+      "Data 1": "80",
+      "Data 2": "MRC",
+      "Data 3": "110",
+      "Data 4": "0",
+      "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": "XYZ",
+      "Data 2": "120",
+      "Data 3": "120",
+      "Data 4": "ABC",
+      "Monthly-Goal": "120"
+    },
+    {
+      "Date": "7/15/2016",
+      "Data 1": "110",
+      "Data 2": "ABC",
+      "Data 3": "ABC",
+      "Data 4": "130",
+      "Monthly-Goal": "130"
+    },
+    {
+      "Date": "8/15/2016",
+      "Data 1": "110",
+      "Data 2": "130",
+      "Data 3": "ABC",
+      "Data 4": "140",
+      "Monthly-Goal": "130"
+    },
+    {
+      "Date": "9/15/2016",
+      "Data 1": "120",
+      "Data 2": "130",
+      "Data 3": "120",
+      "Data 4": "XYZ",
+      "Monthly-Goal": "140"
+    }
+  ],
+  "dataFileName": "https://wwwdev.cdc.gov/wcms/cailin/result-7.csv",
+  "dataFileSourceType": "url",
+  "dataDescription": {
+    "horizontal": false,
+    "series": true,
+    "singleRow": true
+  },
+  "annotations": [],
+  "debugSvg": false,
+  "chartMessage": {
+    "noData": "No Data Available"
+  },
+  "title": "<em>4.25.07</em> Suppressed & Isolated Bar Chart",
+  "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": false,
+    "showSuppressedSymbol": false,
+    "showZeroValueData": false,
+    "hideNullValue": true
+  },
+  "padding": {
+    "left": 5,
+    "right": 5
+  },
+  "preliminaryData": [
+    {
+      "type": "suppression",
+      "seriesKeys": [],
+      "label": "Suppressed",
+      "column": "",
+      "value": "ABC",
+      "style": "",
+      "displayTooltip": true,
+      "displayLegend": true,
+      "displayTable": true,
+      "symbol": "Double Asterisk",
+      "iconCode": "**",
+      "lineCode": "",
+      "hideBarSymbol": false,
+      "hideLineStyle": false,
+      "circleSize": 6,
+      "displayGray": true
+    },
+    {
+      "type": "suppression",
+      "seriesKeys": [],
+      "label": "Suppressed",
+      "column": "",
+      "value": "XYZ",
+      "style": "",
+      "displayTooltip": true,
+      "displayLegend": true,
+      "displayTable": true,
+      "symbol": "Dagger",
+      "iconCode": "†",
+      "lineCode": "",
+      "hideBarSymbol": false,
+      "hideLineStyle": false,
+      "circleSize": 6,
+      "displayGray": true
+    }
+  ],
+  "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": 10,
+    "tickRotation": 0,
+    "anchors": [],
+    "shoMissingDataLabel": true,
+    "showMissingDataLine": true,
+    "categories": []
+  },
+  "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": 15,
+  "heights": {
+    "vertical": 300,
+    "horizontal": 750
+  },
+  "table": {
+    "label": "Data Table",
+    "expanded": false,
+    "limitHeight": false,
+    "height": "",
+    "caption": "",
+    "showDownloadUrl": false,
+    "showDataTableLink": true,
+    "showDownloadLinkBelow": true,
+    "indexLabel": "",
+    "download": true,
+    "showVertical": true,
+    "dateDisplayFormat": "",
+    "showMissingDataLabel": true,
+    "showSuppressedSymbol": true,
+    "show": true
+  },
+  "color": "pinkpurple",
+  "columns": {},
+  "legend": {
+    "hide": false,
+    "behavior": "isolate",
+    "axisAlign": true,
+    "singleRow": true,
+    "colorCode": "",
+    "reverseLabelOrder": false,
+    "description": "",
+    "dynamicLegend": false,
+    "dynamicLegendDefaultText": "Show All",
+    "dynamicLegendItemLimit": 5,
+    "dynamicLegendItemLimitMessage": "Dynamic Legend Item Limit Hit.",
+    "dynamicLegendChartMessage": "Select Options from the Legend",
+    "label": "",
+    "lineMode": false,
+    "verticalSorted": false,
+    "highlightOnHover": false,
+    "hideSuppressedLabels": false,
+    "hideSuppressionLink": false,
+    "seriesHighlight": [],
+    "style": "circles",
+    "subStyle": "linear blocks",
+    "groupBy": "",
+    "shape": "circle",
+    "tickRotation": "",
+    "order": "dataColumn",
+    "hideBorder": {
+      "side": false,
+      "topBottom": true
+    },
+    "position": "right",
+    "orderedValues": [],
+    "unified": true
+  },
+  "exclusions": {
+    "active": true,
+    "keys": [],
+    "dateStart": "2016-01-01",
+    "dateEnd": "2016-05-01"
+  },
+  "palette": "qualitative-bold",
+  "isPaletteReversed": false,
+  "twoColor": {
+    "palette": "monochrome-1",
+    "isPaletteReversed": false
+  },
+  "labels": true,
+  "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": "Data 1",
+      "type": "Bar",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Data 2",
+      "type": "Bar",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Data 3",
+      "type": "Bar",
+      "axis": "Left",
+      "tooltip": true
+    },
+    {
+      "dataKey": "Data 4",
+      "type": "Bar",
+      "axis": "Left",
+      "tooltip": true
+    }
+  ],
+  "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.7",
+  "migrations": {
+    "addColorMigration": true
+  },
+  "dynamicMarginTop": 0,
+  "allowLineToBarGraph": "__​undefined__"
+}

package/index.html

@@ -22,146 +22,15 @@
 </head>
 
 <body>
-  <!-- SANKEY EXAMPLE -->
-  <!-- <div class="container d-flex flex-wrap body-wrapper bg-white" style="width:  750px">
-      <main class="col-lg-9 order-lg-2" role="main" aria-label="Main Content Area">
-        <div class="row">
-          <div class="col-md-12"> -->
-  <!-- <div class="react-container" data-config="/examples/feature/sankey/sankey-example-data.json"></div> -->
-  <!-- </div>
-        </div>
-      </main>
-    </div> -->
-
-  <!--
-      EXAMPLES:
-        chart/examples/features: different chart types and tests
-        chart/examples/private: an ignored git folder used for addl. troubleshooting.
-        chart/examples/gallery: examples pulled from the cdc data visualization gallery
-        chart/examples/__data__: a folder for storing re-usable fictional datasets
-
-      GALLERY EXAMPLES ARE FOUND HERE:
-        https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/example-data-map-cities-states.html
-
-  -->
 
   <!-- GENERIC CHART TYPES -->
-  <!-- <div class="react-container" data-config="/examples/private/ari-other-conditions-1.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/private/Viral-Respiratory-Deaths-Age.json"></div> -->
-  <!--    <div class="react-container" data-config="/examples/cases-year.json"></div>-->
-  <!-- <div class="react-container" data-config="/examples/test.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/line/line-chart.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/dev-8332.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/annotations/index.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/filters/url-filter.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/bar/additional-column-tooltip.json"></div> -->
-  <!-- <div class="react-container" data-config="https://cdc.gov/poxvirus/mpox/modules/data-viz/mpx-trends_1.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/area/area-chart-date-apple.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/forest-plot/linear.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/forest-plot/logarithmic.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/forest-plot/forest-plot.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/pie/planet-pie-example-config.json"></div> -->
-  <!-- <div class="react-container" data-config=https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Line_Chart_Viz.json></div> -->
-  <!-- <div class="react-container" data-config=/examples/feature/regions/index.json></div> -->
-  <!-- <div class="react-container" data-config=https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Line_Chart_Regions_Viz.json></div> -->
-  <!-- <div class="react-container" data-config=https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Line_Chart_Regions_Viz.json></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/forecasting/forecasting.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/forecasting/combo-forecasting.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/forecasting/effective_reproduction.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/area/area-chart-date.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/area/area-chart-category.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/scatterplot-image-download.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/deviation/planet-deviation-config.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/private/test.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/combo/planet-combo-example-config.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/combo/right-issues.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/dev-9822.json"></div> -->
-
-  <!-- BAR -->
-  <!-- <div class="react-container" data-config="/examples/feature/bar/planet-example-config.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/bar/planet-chart-horizontal-example-config.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/bar/example-bar-chart.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/bar/horizontal-chart-max-increase.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/bar/horizontal-chart.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/bar/horizontal-stacked-bar-chart.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/bar/planet-chart-horizontal-example-config.json"></div> -->
-
-  <!-- TESTS DATA TABLE SORTING  -->
-  <!-- Bar Chart with Confidence Intervals (bottom of page)  -->
-  <!-- <div class="react-container" data-config="https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/Example_Bar_CI.json"></div> -->
-  <!-- TPOXX Patient Data -->
-  <!-- <div class="react-container" data-config="https://www.cdc.gov/poxvirus/mpox/modules/data-viz/tpoxx_weekly_race_eth.json"></div> -->
-  <!-- <div class="react-container" data-config="https://www.cdc.gov/poxvirus/mpox/modules/data-viz/mpx-tpoxx-age-gender.json"></div> -->
-  <!-- Non-Variola Orthopoxvirus (NVO) Laboratory Testing by Demographics -->
-  <!-- <div class="react-container" data-config="https://wwwdev-cdc.msappproxy.net/poxvirus/mpox/modules/data-viz/lab-data.json"></div> -->
-  <!-- <div class="react-container" data-config="https://wwwdev-cdc.msappproxy.net/poxvirus/mpox/modules/data-viz/lab-data-age.json"></div> -->
-  <!-- PROBLEM WITH THEIR PAGE CONFIG or CONFLICT with -->
-  <!-- CORS ERROR pulling data on Covid Flu RSV page at https://wwwdev-cdc.msappproxy.net/respiratory-viruses/index.html-->
-  <!-- <div class="react-container" data-config="https://wwwdev-cdc.msappproxy.net/respiratory-viruses/modules/emergency-dept-visits_live.json"></div> -->
-  <!-- MPOX -->
-  <!-- <div class="react-container" data-config="https://www.cdc.gov/poxvirus/mpox/modules/data-viz/mpox-demographics-monthly.json"></div> -->
-  <!-- <div class="react-container" data-config="/https://www.cdc.gov/poxvirus/mpox/modules/data-viz/mpx-age-sex1.json"></div> -->
-
-  <!-- TESTS DATE EXCLUSIONS -->
-  <!-- <div class="react-container" data-config="/examples/feature/boxplot/boxplot.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/tests-case-rate/case-rate-example-config.json"></div> -->
-
-  <!-- TESTS BIG SMALL-->
-  <!-- <div class="react-container" data-config="/examples/feature/tests-big-small/big-small-test-line.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/tests-big-small/big-small-test-bar.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/tests-big-small/big-small-test-negative.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/tests-big-small/line-chart-max-increase.json"></div> -->
-
-  <!-- TESTS NONNUMERICS -->
-  <!-- <div
-      class="react-container"
-      data-config="/examples/feature/tests-non-numerics/planet-pie-example-config-nonnumeric.json"
-    ></div> -->
-  <div class="react-container" data-config="/examples/feature/tests-non-numerics/example-combo-bar-nonnumeric.json">
-  </div>
-  <!-- <div class="react-container" data-config="/examples/feature/tests-non-numerics/example-bar-chart-nonnumeric.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/sparkline.json"></div> -->
-  <!-- <div
-      class="react-container"
-      data-config="/examples/feature/tests-non-numerics/sparkline-chart-nonnumeric.json"
-    ></div> -->
-  <!-- <div class="react-container" data-config="/examples/region-issue.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/tests-non-numerics/stacked-vertical-bar-example-nonnumerics.json"></div> -->
-
-  <!-- TESTS CUTOFF -->
-  <!-- <div class="react-container" data-config="/examples/feature/tests-cutoff/cutoff-example-config.json"></div> -->
-
-  <!-- TESTS COVID -->
-  <!-- <div class="react-container" data-config="/examples/feature/tests-covid/covid-confidence-example-config.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/tests-covid/covid-example-config.json"></div> -->
-
-  <!--
-      GALLERY EXAMPLES BELOW THIS LINE...
-        https://www.cdc.gov/wcms/4.0/cdc-wp/data-presentation/examples/example-data-map-cities-states.html
-
-    -->
-
-  <!-- GENERIC CHART TYPES  -->
-  <!-- <div class="react-container" data-config="/examples/gallery/paired-bar/paired-bar-chart.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/line/line-chart.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/feature/annotations/index.json"></div> -->
+  <div class="react-container" data-config="/examples/feature/combo/planet-combo-example-config.json"></div>
 
-  <!-- HORIZONTAL BAR CHARTS -->
-  <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-horizontal/horizontal-bar-chart-with-numbers-on-bar.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-horizontal/horizontal-bar-chart.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-horizontal/horizontal-stacked.json"></div> -->
 
-  <!-- VERTICAL BAR CHARTS -->
-  <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-vertical/combo-line-chart.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-vertical/vertical-bar-chart-categorical.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-vertical/vertical-bar-chart-stacked.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-vertical/vertical-bar-chart-confidence.json"></div> -->
-  <!-- <div class="react-container" data-config="/examples/gallery/bar-chart-vertical/vertical-bar-chart.json"></div> -->
-  <!-- <div class="react-container" data-config="https://www.cdc.gov/respiratory-viruses/modules/respiratory-virus-activity/emergency-dept-visits_live.json"></div> -->
 
   <noscript>You need to enable JavaScript to run this app.</noscript>
 
   <script type="module" src="./src/index.jsx"></script>
 </body>
 
-</html>
+</html>