Examples

import React from 'react';
import BarChartLeft from'../src/Charts/BarChartLeft/barChartLeft.jsx';
import data from './data.jsx';

/*
Main component returns the BarChart component wrapped in a container <div>.
*/
const Main = () => {
  return (
      <div className="container">
        <BarChartLeft
          data={data}
          width={650}
          title={'Hello, I am a new title'}
          fontStyle={'monospace'}
          yAxisLabel={'new axis label'}
        />
      </div>
  )
}

export default Main;

import React from 'react';
import BarChart from'../src/Charts/BarChart/barChart.jsx';
import chartData from './Data/chartData.js';

const Chart = () => {
  return (
      <div className="container">
        <BarChart
          data={chartData}
          title={'Letter Frequency'}
          xAxisLabel={'Letters'}
          yAxisLabel={'Frequency'}
        />
      </div>
  )
}

export default Chart;