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',
  }
}
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
/ * points is used to generate render data for dots and similar . it handles x y radius and fill .