sub-collection of Chart-Line-by-Line ☝️
这是 Chart-Line-by-Line 集合的子集，逐行解读 D3.js 散点图的官方样例

Benbinbin

Scatterplot

Scatterplot Tour

Brushable Scatterplot

The Wealth & Health of Nations

Scatterplot, Connected

Scatterplot Matrix

逐行解读 D3.js 的常见图表的官方样例

Chart-Line-by-Line

这里要与径向比例尺 `d3.scaleRadial()` 区分，该也是将数据映射为面积，即映射关系是将定义域的值与值域的值的平方构成线性关系。但实际和 `d3.scaleSqrt()` 略有不同，这个映射关系好像是会随着半径而变化(?)

一般用于径向条形图中

实际用例 https://observablehq.com/@d3/radial-stacked-bar-chart
相关的讨论 https://github.com/d3/d3-scale/issues/90

绘制网格参考线的另一种方法：拷贝坐标轴的刻度线并进行延伸

核心代码如下

```js
g => g.selectAll(".tick line").clone() // 这里复制了一份刻度线，用以绘制散点图中纵向的网格参考线
      .attr("y2", marginTop + marginBottom - height) // 调整复制后的刻度线的终点位置（往上移动）
      .attr("stroke-opacity", 0.1)) // 调小网格线的透明度
```

参考 https://observablehq.com/@benbinbin/scatterplot#Scatterplot