Chart plays animations when first mounted

Describe the solution you’d like Charts will play an animation (e.g. fade in) when first mounted. Similar to how recharts (sorry for mentioned another similar library here) behave. Currently, only a limited amount of charts (e.g. Network. Yet, most of them are uncommon) support that.

[mfenej]

bump!

[chrislicodes]

Is there any hacky way to do this for the time being?

This worked for me:

const BarChart = ({ data }) => {
    // Workaround for initial animation
    const [chartData, setChartData] = useState([]);
    useEffect(() => {
      let animation = setTimeout(() => setChartData(data), 1);
  
      return () => {
        clearTimeout(animation);
      };
    }, [data]);
  
    return (/* Something */);
}