d3.js相关材料整理

[复制链接]
查看: 1327   回复: 0

297

主题

297

帖子

1642

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1642
2023-11-9 15:51:07   显示全部楼层   阅读模式  
1.png


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) 的动画等高线。
总的来说,这段文字描述了一种生成等高线的方法,可以应用于各种数据和函数,并且可以通过标准的工具进行显示和转换。

1.png
该模块通过将行进正方形应用于数值的矩形网格来计算轮廓多边形。例如,上面的等高线显示了Maungawhau的地形。

contours()
使用默认设置构建一个新的轮廓生成器。
const contours = d3.contours()
    .size([width, height])
    .thresholds([0, 1, 2, 3, 4]);







回复

使用道具 举报

您需要登录后才可以回帖   登录 立即注册

高级模式

南通谢凡软件科技有限公司