<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.

1. Install the package in your React project npm install @cdc/waffle-chart
2. 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.