草庐IT

javascript - three.js 3d 模型作为超链接

我正在尝试找出一种方法,将通过Three.js创建的3D模型用作超链接。换句话说,如果我单击一个立方体(THREE.CubeGeometry),我希望打开另一个页面。例如,在thisthreejs.orgexample中,我怎样才能改变它,而不是在方框上制作小点,点击方框会打开另一个页面,比如超链接? 最佳答案 实现它的一种方法是在创建每个多维数据集时将自定义userData(URL)与它相关联。所以这是一个示例代码,我们如何在生成数据时将数据放入多维数据集(在jsfiddle中,第25-63行之间使用了类似的逻辑)varobjec

javascript - D3.js 饼图..选中时饼图切片可以移动吗?

只是想知道是否可以用d3做这样的事情?http://jsfiddle.net/8T7Ew/当您点击某个饼图切片时,该切片会随点击移动到什么位置?到目前为止已经创建了馅饼,只是想知道我是否可以添加此功能body{font:10pxsans-serif;}.arcpath{stroke:#fff;}varwidth=960,height=500,radius=Math.min(width,height)/2;varcolor=d3.scale.ordinal().range(["#98abc5","#8a89a6","#7b6888","#6b486b","#a05d56","#d0743

javascript - 如何将 3d 模型从 Cinema4D 导出到 three.js?

如果我有一个在Cinema4D中建模的网格,我如何将其导出为three.js3DJS引擎?此外,为多边形选择导出Material颜色会很方便。 最佳答案 刚刚为此为Cinema4D编写了另一个python脚本。您可以在disturbmediablog上找到详细信息和wiki.作为引用,我在这里也列出了来源:'''author:"GeorgeProfenza"url:("disturb","disturbmedia.com/blog","Myblog,http://tomaterial.blogspot.com")Exportmesh

javascript - .attr 与 D3.js 中的 .classed

在d3中,什么时候用比较合适d3.select("foo").attr('class','bar');相对于d3.select("foo").classed('bar',true);?是否推荐或预期弃用?什么是行业标准? 最佳答案 没有合适的方法,或者推荐的,或者标准的。两者都是有效的方法,使用哪一种取决于您的具体目的。classed("foo",true)和attr("class","foo")的主要区别是前者只会修改classList如果它已经存在...Ifavalueisspecified,assignsorunassigns

javascript - d3.max 没有得到正确的值

这个问题在这里已经有了答案:D3.jsscalereturningwrongvaluesfromdataset(2个答案)关闭7年前。我正在使用d3.js来呈现一些数据,数据集是一个名为bar-data.csv的csv文件,如下所示:date,value,durationwww.sina.com,53,100www.baidu.com,165,2000www.qq.com,269,690www.youku.com,421,224www.facebook.com,405,345www.apple.com,376,777www.cnn.com,359,298www.cctv.com,433

javascript - D3.js 版本 4 使节点具有粘性

我是D3版本4的新用户,我在将固定节点功能添加到力导向布局时遇到问题。我相信这是通过将d.fixed设置为true在v3中实现的,但是我在将其转换为与v4兼容的内容时遇到了问题。我试过添加simulation.fix,但如果不从模拟开始就修复节点,就无法将它集成到我现有的代码中。理想情况下,我想添加一个双击监听器,将节点固定到位,并允许通过拖动功能对其进行定位,然后在再次双击时恢复模拟力。预先感谢您的帮助。这是我的js:varsvgNetwork=d3.select("svg"),width=+svgNetwork.attr("width"),height=+svgNetwork.at

javascript - D3 饼图 : Uncaught Type Error - Cannot read property 'pie' of undefined

我正在尝试基于此resource创建一个d3饼图.但是,我收到以下错误:UncaughtTypeError-Cannotreadproperty'pie'ofundefined我的代码:classPieChartextendsReact.Component{constructor(){super();//-Thisiswheretheerrorisoccuring!this.pie=d3.layout.pie().value((d)=>d.value);this.colors=d3.scale.category10();}arcGenerator(d,i){return();}rend

javascript - 使用 SVG 或 WebGL 的 3D 形状

您好,我想在浏览器中渲染一个交互式3D球体。它上面的纹理将是一张世界地图,所以基本上我试图创建一个可以使用map在任何方向旋转的地球仪。我很擅长使用SVG渲染2D图像,但不确定如何在SVG中渲染3D形状。是否可以在SVG中渲染3D形状,如果可以,如何渲染?如果不是,WebGl是更好的选择吗? 最佳答案 看看three.js它对实现进行了一些抽象(带有WebGL/SVG/Canvas后端)。SVG是一种2d矢量图形格式,但您可以将3d形状投影到2d上,因此可以使用SVG渲染3d对象,这只是一些工作(最好留给javascript库)。

javascript - d3 力有向图向下力模拟

也许这不是最好的方法,但现在我已经陷入困境,我想知道它是如何工作的。我正在尝试使用d3创建一棵树,节点将向下沉降,就像有重力一样。我希望这个,连同每个节点的电荷和绳索的张力,使它最终看起来像我想象的那样,它会自我平衡。我试图在d3中模拟这种持续向下的加速度,但我是d3的初学者,不知Prop体如何。我也遇到了模拟停止运行的问题,而d3.timer(force.resume)没有帮助。所以本质上,我想让一个根节点像枢轴一样固定在某个位置,子节点从它上面脱落,重力、电荷和张力存在,这样子节点就会自动安定下来并平衡成一个树状结构。 最佳答案

javascript - 我想在 D3.js TreeMap 中的链接上添加文本

我想在D3.js中制作决策树并在链接上添加文本。varmargin={top:20,right:20,bottom:30,left:40},width=960-margin.left-margin.right,height=500-margin.top-margin.bottom,rect_width=90,rect_height=20;vartree=d3.layout.tree().size([height*2,width/2]);vardiagonal=d3.svg.diagonal().projection(function(d){return[d.x,d.y];});vars