<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 project.
- Install the package in your React project
npm install @cdc/waffle-chart
- Import the component and begin using in your code.
import CdcWaffleChart from '@cdc/waffle-chart'
function App() {
return (
<div className="App">
<CdcWaffleChart config={configObj} />
</div>
);
}
export default App;
Note, you must pass in a configuration object. Configuration objects can be created with the Editor package.
Property | Type | Description |
---|---|---|
config | String | A JavaScript object with the configuration for the waffle chart. Pass either this or the configUrl property to setup your chart. |