> For the complete documentation index, see [llms.txt](https://flutter.wednesday.is/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://flutter.wednesday.is/charts/guides/animations.md).

# Animations

All Animations in the chart widgets are *Implicitly Animated*. The default animation behaviour for all chart widgets is:

1. animates when the widget loads for the first time.
2. animates for every new data updates.

<div><figure><img src="/files/TxQXCVpFe0elyh13DQlG" alt=""><figcaption></figcaption></figure> <figure><img src="/files/71ep2y4aF0aAqMB26fbW" alt=""><figcaption></figcaption></figure></div>

You can override the default behaviour using the `animateOnLoad` and `animateOnUpdate` properties at top level widget.

```dart
...
import 'package:chart_it/chart_it.dart';
	
...
child: BarChart(
  animateOnLoad: false,
  animateOnUpdate: true,
  animationDuration: const Duration(milliseconds: 750),
  data: BarSeries(
  ...
```

All animations in the widget are handled internally. However, if you wish to control your own animation, then you can provide your own custom [AnimationController](https://api.flutter.dev/flutter/animation/AnimationController-class.html) to the top level property `animation`.

```dart
...
import 'package:chart_it/chart_it.dart';
	
...
child: BarChart(
  animation: AnimationController(
    duration: Duration(milliseconds: 500),
    vsync: this, 
  ),
  data: BarSeries(
  ...
```