Javascript大数据可视化

Javascript大数据可视化,javascript,performance,graph,visualization,bigdata,Javascript,Performance,Graph,Visualization,Bigdata,我将为医学研究应用程序开发一个用户界面。我需要做一个时间序列线图。主要问题是数据量: 每个图形5000个点,其中一些点同时显示。我希望总共处理50000分 问题是什么样的表示库? 我正在寻找的主要功能是:处理庞大的数据集、缩放、注释、实时更新。 我已经在调查和调查了 我不希望任何库将数据呈现为DOM元素,或者使用SVG(从性能角度来看)检查库 Raphaël是一个小型JavaScript库,可以简化您在web上使用矢量图形的工作。例如,如果您想创建自己的特定图表或图像裁剪和旋转小部件,您可以使用

我将为医学研究应用程序开发一个用户界面。我需要做一个时间序列线图。主要问题是数据量: 每个图形5000个点,其中一些点同时显示。我希望总共处理50000分

问题是什么样的表示库? 我正在寻找的主要功能是:处理庞大的数据集、缩放、注释、实时更新。 我已经在调查和调查了 我不希望任何库将数据呈现为DOM元素,或者使用SVG(从性能角度来看)

检查库

Raphaël是一个小型JavaScript库,可以简化您在web上使用矢量图形的工作。例如,如果您想创建自己的特定图表或图像裁剪和旋转小部件,您可以使用此库简单轻松地实现它


你查过D3了吗?我用它进行了大量的图形可视化。它看起来像是svg的示例呈现

渲染到SVG以实现力图可视化,但看起来D3可能可以使用,但我不确定所有内容都可以渲染到哪个。老实说,即使使用SVG,我也会尝试D3,它可能已经足够快了。我记得读过一些关于有人用D3的力图可视化技术模拟数千个粒子的文章。将数据转换为正确的格式以供使用非常容易


祝你好运

我正在开发一个非常类似的应用程序

我目前使用的是图表渲染。它处理注释和缩放,看看他们的插件库

我建议这样可以加快图形渲染。在图形上渲染5000点是没有用的:屏幕上的垂直像素比这少!所以这个库只会呈现那些真正具有视觉重要性的

这只提供了图表。您可能需要某种仪表板来显示所有这些。。。我目前正在看的是,它的用途完全不同,但它制作的仪表盘非常棒。可以“删除”它们的仪表板功能(它也使用Flot)


另一个选择是,但这不是免费的。

好吧,我想我会给每个人我自己的问题的答案: 动态图()似乎就在现场。尽管有很多明显的努力,但这些文档还有很多需要改进的地方。但从性能、功能和灵活性来看,这是我见过的最好的。至少对我目前的项目需要。
干得好,动态图

嗨,艾哈迈德。谢谢你的快速回复!然而,raphael.js似乎不适合这种情况,因为它是基于SVG的Trian,tnx。AFAIK(请纠正我)D3将数据呈现为DOM元素。向DOM中添加50000个元素必须付出代价@布赖恩:我想,当你在浏览器上做这么多计算时,所使用的硬件就会发挥作用。可能低规格的笔记本电脑和手机会减速或挂起。。想法?谢谢!Flot在我的短列表中,我将根据您的建议重新访问它。关于下采样:首先,我计划启用缩放和平移,因此我需要更多数据,然后再显示。除了平移/缩放操作之外,我还需要获取新数据,但至少我会有一些即时范围。***Highcharts使用svg,所以我推出了它。那么你最终同意了什么?我现在正处于大数据项目的头脑风暴阶段。有这么多的库,看起来D3有很大的可能性?但我关心的是速度。我不确定在服务器和浏览器之间应该保留多少数字运算。到目前为止,您的经验如何?它适合大型数据集吗?到目前为止,似乎是这样。我看到的问题是:1。后端交付2。动态图并不总是很容易使用1。对于后端交付和处理,我仍在选择node.js还是python。Node.js在各个方面都很好,除了它不应该用于处理(cpu密集型的东西),所以我还在研究是否应该将计算传递给python脚本,或者这是否会产生进一步的问题(维护、更多层等),而是在Node.js层上处理。2.对于客户端的图表,既然你们说动态图并不总是简单的,你们会推荐像D3这样的东西吗?谢谢:)抱歉耽搁了!我没有任何D3的经验,所以我不能说。我能说的是,就我(有限的)对D3的理解而言,D3将数据呈现为DOM元素。我觉得向DOM添加200000或10000个元素不是一个好方法