src/plot/points.js
function getPointRenderData(props, datum, idx) {
  const values = getPlotValues(props, datum, idx, {
    hoverAlpha: 0.75,
    radius: 4,
    x: getMidX(props.plotRect),
    y: getMidY(props.plotRect),
  })
  const path2D = getPath2D()
  const hover2ndPath2D = getPath2D()
  path2D.arc(values.x, values.y, values.radius, 0, 2 * Math.PI)
  hover2ndPath2D.arc(values.x, values.y, values.radius + 8, 0, 2 * Math.PI)

  return {
    ...values,
    hover2ndPath2D,
    path2D,
    type: 'area',
  }
}
function getPointRenderData(props, datum, idx) {
  const values = getPlotValues(props, datum, idx, {
    hoverAlpha: 0.75,
    radius: 4,
    x: getMidX(props.plotRect),
    y: getMidY(props.plotRect),
  })
  const path2D = getPath2D()
  const hover2ndPath2D = getPath2D()
  path2D.arc(values.x, values.y, values.radius, 0, 2 * Math.PI)
  hover2ndPath2D.arc(values.x, values.y, values.radius + 8, 0, 2 * Math.PI)

  return {
    ...values,
    hover2ndPath2D,
    path2D,
    type: 'area',
  }
}
/*
`points` is used to generate render data for dots and similar.
it handles `x`, `y`, 'radius' and 'fill'.

@calling logic
points{
getPointRenderData(retrievePointsData){}
}
 /*
generates the array of render data