Task: To use provided data in json format and depict charts based on various data attributes.

Solution Description: The project uses Wine-Data.json as data source and Echarts-for-reacts as chart cretaing library.

Each object contains data of several wines. The data is required to be used to plot the charts

1. First Use Case: Scatter plot to be made for "Color Intensity" against "Hue". Color intensity is used on the horizontal axis and Hue is on the vertical axis.

   A look at the scatter plot is shown below:

2. Second Use case: Bar chart to made be for “Alcohol” against average of “Malic Acid” . Alcohol category is used on the horizontal axis and the average of Malic Acid is on the vertical axis.

   A look at the scatter plot is shown below:

Prerequisites:

1. Node.js and npm installed on your machine.
2. Yarn package manager installed on your machine.

Installation:

1. Clone the repository to your local machine using git clone https://github.com/sumitjoshi23/manufacAssessment.
2. Navigate to the project directory with cd project.
3. Run yarn install to install the dependencies.
4. To build the project run yarn build. This will create an optimized production build in the build directory.
5. Run yarn start to start the development server.
6. Open a web browser and navigate to http://localhost:3000 to view the application.