d3.js官网:https://d3js.org/
d3.js开发文档:https://d3js.org/community
d3.js官方案例:https://observablehq.com/@d3/gal ... aign=try-observable
攻略整理:https://zhuanlan.zhihu.com/p/347293918
这段文字描述了一种生成等高线(contour)的方法,具体步骤如下: - 对于每一个阈值,等高线生成器(contour generator)都会构建一个 GeoJSON MultiPolygon 几何对象,这个对象表示的是输入值大于或等于阈值的区域。
- 这些几何对象是基于平面坐标的,其中 ⟨i + 0.5, j + 0.5⟩ 对应输入值数组中的元素 i + jn。
- 这段文字还给出了两个例子,一个是加载 GeoTIFF 格式的地表温度数据,另一个是对噪声单色 PNG 图像进行模糊处理,以生成平滑的云量等高线。
- 由于等高线是多边形,因此可以使用标准工具进行转换和显示,例如 geoPath、geoProject 和 geoStitch。
- 这段文字还提到了通过取样可视化连续函数的方法。例如,Goldstein–Price 函数(这是一个用于全局优化的测试函数)以及 sin(x + y)sin(x - y) 的动画等高线。
总的来说,这段文字描述了一种生成等高线的方法,可以应用于各种数据和函数,并且可以通过标准的工具进行显示和转换。
该模块通过将行进正方形应用于数值的矩形网格来计算轮廓多边形。例如,上面的等高线显示了Maungawhau的地形。
contours() 使用默认设置构建一个新的轮廓生成器。 const contours = d3.contours()
.size([width, height])
.thresholds([0, 1, 2, 3, 4]);
|