How to make fade in and fade out animation for the circle in svg line chart

Question

I have a line chart like this

In the image above I have a circle for each data when the user mouse over on the chart. But currently, it does not have fade in