Chart Integration with Dynamic Data

[NeoAppsAI]

Feature: Integrate Charting Library to Display Data in Graphical Formats

Description:

Enhance the MasterReportComponent by adding support for displaying data in charts using a charting library like Recharts.
The component should automatically adjust to display the data as a chart when applicable.
Tasks:

Install and configure a charting library (e.g., Recharts) in the project.
Modify MasterReportComponent to include a chart option that can be toggled based on the view name or user input.
Implement data transformation logic to format the fetched data into a structure compatible with the chosen charting library.
Add different chart types (e.g., bar, line, pie) and make the component capable of rendering the appropriate chart based on data type.
Provide customization options for chart appearance (colors, legends, axes labels) via component props or state.
Write unit tests to verify correct rendering and data mapping for each chart type.
Expected Outcome:

The ability to visualize data from the Master API in various chart formats within the MasterReportComponent, enhancing the data presentation options available to users.