D3.js 3D散点图缩放时如何保持点与文本原始尺寸？

我是JavaScript新手，正基于一个3D散点图示例实现D3.js 3D散点图的缩放功能，目标是放大重叠密集区域，以高分辨率查看数据点。但当前缩放时，仅点和文本被单纯放大，无法实现预期的聚焦查看效果。

我尝试查找缩放时更新比例尺的相关资料，但网上教程均无法解决我的问题。我的代码示例已托管在在线代码平台。

当前缩放功能封装在脚本底部的zoomed函数中，核心代码如下：

var svg = d3.select('svg').call(d3.zoom().on("zoom", function (){ svg.attr("transform", d3.zoomTransform(this))})).append('g');

我尝试过多种方法，包括用d3.event.transform.k更新比例尺、硬编码圆形的r属性和文本的dx属性，但均未成功。我很喜欢一个缩放示例的效果，但无法将其代码整合到自己的项目中。

经过多日尝试仍未解决问题，希望能得到可行的解决方案。

编辑说明：目前在线代码示例已更新为正确实现，支持缩放与旋转时的正确缩放。

内容的提问来源于stack exchange，提问作者CKCMathCS613