import * as d3 from 'd3';

// d3js module for module05: unify circle color
export default () => {
  // start
  const bubbleChart = selection => {
    selection.selectAll('.circle--colored')
      .transition()
      .delay(d => ((d.x + d.y) * Math.random()))
      .ease(d3.easeSin)
      .duration(1000)
      .attr('fill', '#D8D8D8')
      .attr('class', 'circle');
  };

  return bubbleChart;
};