@cdc/waffle-chart 4.22.10 → 4.22.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 (14) hide show
  1. package/README.md +4 -4
  2. package/dist/cdcwafflechart.js +1 -1
  3. package/examples/example-data.json +90 -90
  4. package/examples/gallery/avg-to-max.json +3161 -3161
  5. package/examples/gallery/count.json +3161 -3161
  6. package/package.json +3 -3
  7. package/src/CdcWaffleChart.tsx +130 -198
  8. package/src/ConfigContext.js +3 -3
  9. package/src/components/EditorPanel.js +149 -310
  10. package/src/data/initial-state.js +31 -31
  11. package/src/index.html +24 -26
  12. package/src/index.js +7 -7
  13. package/src/scss/main.scss +3 -4
  14. package/src/scss/waffle-chart.scss +21 -11
package/README.md CHANGED
@@ -2,13 +2,13 @@
2
2
 
3
3
  [![npm](https://img.shields.io/npm/v/@cdc/waffle-chart)](https://www.npmjs.com/package/@cdc/waffle-chart)
4
4
 
5
-
6
5
  `<CdcWaffleChart />` is a React component produced by the CDC for highlighting/displaying a single piece of data in a card format. This package is part of the larger [CDC Open Visualization](https://github.com/CDCgov/cdc-open-viz) project.
7
6
 
8
7
  ### Installation and Usage
9
8
 
10
9
  1. Install the package in your React project `npm install @cdc/waffle-chart`
11
10
  2. Import the component and begin using in your code.
11
+
12
12
  ```JSX
13
13
  import CdcWaffleChart from '@cdc/waffle-chart'
14
14
 
@@ -28,6 +28,6 @@ Note, you must pass in a configuration object. Configuration objects can be crea
28
28
 
29
29
  ### Properties
30
30
 
31
- | Property | Type | Description |
32
- |-------------------|----------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
33
- | config | String | A JavaScript object with the configuration for the waffle chart. Pass either this or the configUrl property to setup your chart. |
31
+ | Property | Type | Description |
32
+ | -------- | ------ | -------------------------------------------------------------------------------------------------------------------------------- |
33
+ | config | String | A JavaScript object with the configuration for the waffle chart. Pass either this or the configUrl property to setup your chart. |