Doughnut Chart Maker Tool

 

Features:

1. Input Fields:

   • Labels: Accepts comma-separated labels (e.g., Jan, Feb, Mar).
   • Data: Accepts comma-separated numeric values (e.g., 20, 30, 50).

2. Dynamic Doughnut Chart:

   • Renders a doughnut chart using Chart.js.
   • Generates random vibrant colors for each section.

3. Error Handling:

   • Ensures both labels and data are valid and of equal length.
   • Displays error messages for invalid inputs.

4. Responsive Design:

   • Works seamlessly across devices and adjusts to screen size.

5. Styling:

   • Modern gradient background.
   • Styled inputs and buttons for enhanced usability.
   • Clean and visually appealing doughnut chart.