Using D3 in a React TransitionGroup to transition elements. D3 is used purely for transitions, no data-joins are used. The distinction between entering and exiting elements is handled by the TransitionGroup component. See the React documentation for more features.
Alternative implementations only with D3 and using React without addons.
Note: This implementation is around 30% slower in processing 1000 circles than the other two. Also, componentWillEnter()
only is triggered when the TransitionGroup is being re-rendered and not when it is mounted (notice the gray circle at the start).