in packages/showcase/plot/faux-radial-scatterplot.js [44:67]
export default function Example() {
return (
<XYPlot
margin={margin}
xDomain={[-3, 3]}
yDomain={[-3, 3]}
width={WIDTH}
height={HEIGHT}
>
<CircularGridLines />
<XAxis top={(HEIGHT - margin.top) / 2} />
<YAxis left={(WIDTH - margin.left - margin.right) / 2} />
<MarkSeries
strokeWidth={2}
sizeRange={[5, 15]}
data={data.map(row => ({
...row,
x: Math.cos(row.theta) * row.r,
y: Math.sin(row.theta) * row.r
}))}
/>
</XYPlot>
);
}