草庐IT

3D可视化

全部标签

javascript - 谷歌可视化堆叠条形图 : colors and labels for each value

我正在使用GoogleVisulaizationAPI来呈现一个图表,该图表显示具有多个值的单行,如下所示:使用以下代码:vardata=google.visualization.arrayToDataTable([['','0%','25%','50%','75%','100%',{role:'annotation'}],['Mood',3,7,20,25,45,'']]);varoptions={isStacked:true,hAxis:{minValue:0}}varchart=newgoogle.visualization.BarChart(document.getElemen

javascript - D3/GraphGL 力定向网络可视化的放大镜效果?

在使用D3或GraphGL库?节点需要展开并取代周围的其他节点,同时保持力导向布局。如果有人能forkthis证明,那太好了!谢谢请注意,这与thisquestion中的简单缩放不同。 最佳答案 好问题。为了回答这个问题,我实现了一个D3plugin对于fisheyedistortion.它大致基于Flare和Sigma.js之前的工作,而后者又基于Sarkar和Brown的工作,"GraphicalFisheyeViewsofGraphs",志'92.这是一个quickdemo与Misérables数据集。查看代码的源代码。我会在

javascript - Backbone View +谷歌可视化API

我正在尝试将google可视化图表集成到我的backbone.js应用程序中。目前,我在ChartView类的渲染函数中调用了google.load(visualization)和setOnLoadCallback(drawVisualization)。谷歌可视化库似乎正在正确加载,但从未执行回调。下面是一个显示问题的示例,如果有人可以提供帮助,我将不胜感激!AppChartView=Backbone.View.extend({render:function(){$(this.el).html('gvizlinechart:'+'');google.load('visualizatio

javascript - 使用 CSS 3D 变换从 DOM 对象接收变换后的鼠标事件数据

目前在javascript鼠标事件中是否有任何数据可以让我轻松找到或计算相对于转换元素的3D空间的鼠标位置?为了直观地说明,左边是没有3d矩阵的div,右边是3d变换后的div。o是鼠标事件的来源+/|/|+-----++||||||o|=>|o|||||+-----++|\|\|+在下面的脚本中,单击div中的相同像素将报告一个位于文档/屏幕的二维变换空间中的event.layerX。我知道,但对解析div的matrix3d并使用它乘以事件位置以发现这一点的前景并不感到兴奋,但是在实际实现中,div将具有更复杂的转换,这需要在不止一个对象的每一帧上完成,我担心会带来的开销......

用于关系可视化的javascript框架

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:Graphvisualizationcodeinjavascript?我需要在Javascript中为节点及其关系创建动态可视化。最好使用的框架是什么?到目前为止,这是我简要回顾的内容:Flare-它是Flash,近2年没有更新。JavaScriptInfoVisToolkit-交互似乎有点慢,也许这是演示中故意的Protovis-文档看起来很棒,但在IE中根本不起作用(我可以让它与某种IESVG适配器一起使用吗?)这些是在图形中显示节点并在javascript中与它们交互的最佳选择吗?

javascript - 计算 3d 空间等距离的通用公式

这可能不是发布此内容的正确位置,但我不知道还有什么地方可以发布它。我有5条线(d1->d5)在3d透视图中彼此均匀分布,我有(a)Angular、(d1)和(b5)的值。我需要用jquery计算(b2,b3,b4,d2,d3,d4,d5)。我可以用以下方法计算d5:d5=d1-(b5*Math.tan(a))但我不知道如何计算b2、b3和b4。(d1分为4个相同的segments(s))任何帮助将不胜感激。 最佳答案 您正在寻找的是投影量表。在计算上执行此操作的最简单方法是使用齐次坐标,取一个矩形(如下面第一张图片中的矩形),其中V

Javascript 3d 图形实用程序?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion有人知道任何好的javascript3d绘图实用程序吗?我知道每个网站都会推荐Canvas3dGraph但它实际上是非常有限的。对于其中一个,它只允许使用1000以内的数据集进行绘图。虽然它确实有一些能力(通过一些代码修改)来绘制有点超出其范围的数据,但完全改造后的任何东西都不允许绘制图形基于时间或值远大于1000的数据。(我的数据值范围为数十亿。)或者我应该放弃所有

javascript - 如何在 Aframejs 中加载 3d 模型?它目前在 threejs 中运行良好

我创建了一个3d动画模型,我设法在threejs中运行它。varloader=newTHREE.FBXLoader();loader.load('model.fbx',function(object){object.mixer=newTHREE.AnimationMixer(object);mixers.push(object.mixer);console.log(object.animations.length);varaction=object.mixer.clipAction(object.animations[0]);action.play();object.traverse(

javascript - JavaScript 中的依赖注入(inject)? (用于数据驱动的可视化)

这些是我的JavaScript应用程序中的一些类:myApp.mode.modelHandlesthestatemyApp.mode.controllerInstantiatesandupdatescomponentsbasedonthemodelmyApp.data.dataManagerDoesoperationsonthedataSourcemyApp.data.dataSourceAbigsingletonwithstructureddatamyApp.chart.gridAgridcomponentmyApp.chart.scatterAscattergramrenderer

javascript - 将 C# 3D 数组移植到 JS 3D 数组

我开发了一个c#库,它在3个项目中使用,该库在该特定代码段中中继,但是,我仍然需要在javascript中使用该代码,所以我将其移植出去,问题是,我不认为我可以复制相同的逻辑,例如,我一直在想这几天我无法得到答案。在C#库中,我有一个3D数组,它有点像应用程序中的核心属性,但我似乎无法弄清楚如何在JS环境中实现它。例如我有这段代码:publicObj[,,]objs=newObj[18,14,8];我会在每个位置分配对象,并尝试将其移植到javascript,这似乎会导致:var3dArr=newArray();3dArr[0]=newArray();3dArr[0][0]=newAr