Animated Half-Wheel Arc Chart

animated_half_wheel_chart is a Flutter package that provides an animated half-wheel arc chart with customizable values, colors, stroke width, and center text. This widget allows you to display a circular progress chart in a half-wheel shape, perfect for visualizing proportional data in a stylish way.

Demo Image

Here’s a demo image of the widget in action:

Features

• Animated drawing of the arc with a smooth transition.
• Customizable stroke width and segment gaps.
• Ability to display a central text label inside the chart.
• Flexible color customization for each segment.
• Easy integration into any Flutter project.

Installation

Add the following dependency in your pubspec.yaml file:

dependencies:
  animated_half_wheel_chart: ^1.0.0


import 'package:flutter/material.dart';
import 'package:animated_half_wheel_chart/animated_half_wheel_chart.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Animated Half-Wheel Chart')),
        body: Center(
          child: AnimatedHalfWheelArcChart(
            values: [30, 40, 50],
            colors: [Colors.blue, Colors.green, Colors.orange],
            centerText: "Progress",
            textStyle: TextStyle(fontSize: 18, color: Colors.black),
          ),
        ),
      ),
    );
  }
}