Pie Chart Maker Tool

 

Features:

1. Input Fields:

   • Labels: Accepts comma-separated values for labels (e.g., Apple, Banana, Cherry).
   • Data Values: Accepts comma-separated numeric values (e.g., 30, 20, 50).

2. Dynamic Chart Rendering:

   • Generates a pie chart dynamically using Chart.js.
   • Creates vibrant, randomly generated colors for each pie slice.

3. Error Handling:

   • Ensures labels and data values are valid and have the same length.
   • Displays an error message for invalid inputs.

4. Responsive Design:

   • Adjusts to different screen sizes for optimal viewing.

5. Styling:

   • Gradient background for the page.
   • Stylish inputs and buttons.
   • Enhanced chart with a clean and modern design.