const Point = ({cx, cy, fill}) => <circle cx={cx} cy={cy} fill={fill} r={5} />;

<svg>
  <Animation data={{ cx, cy }}>
    {({ cx, cy, fill }, animating) => <Point cx={cx} cy={cy} fill={animatiing ? 'red' : 'blue'} />}
  </Animation>
<svg />