Javascript大数据可视化

时间:2014-03-23 08:58:05

标签: javascript performance graph visualization bigdata

我即将开发用于医学研究应用的UI。我需要制作一个时间序列线图。主要问题是数据量: 每个图表5,000点,其中一些同时显示。我期待一起处理50,000点。

问题是什么是演示库? 我正在寻找的主要功能是:处理大量数据集,缩放,注释,实时更新。 我已经在调查http://dygraphs.com/http://meteorcharts.com/了 我不想要任何将数据呈现为DOM元素的库,或者使用SVG的库(从性能角度来看)

4 个答案:

答案 0 :(得分:2)

好吧,我想我会给每个人自己的答案: Dygraphs(http://dygraphs.com/)似乎就在现场。文档虽然有很多明显的努力,但还有很多不足之处。但从性能,功能和灵活性来看,它是我所见过的最好的。至少对我目前的项目需求。 要走了,Dygraphs!

答案 1 :(得分:1)

你检查了D3吗?我正在使用它进行大量的图形可视化。看起来this示例呈现为svg。

My stuff也会向SVG呈现强制图形可视化,但看起来D3似乎可以使用either a canvas or SVG,但我不能肯定所有可以呈现的内容。老实说,即使使用SVG,我也会尝试D3,它可能足够快。我记得在没有问题的情况下阅读使用D3的力图可视化模拟数千个粒子的人。超级容易将数据格式化为正确的格式供其使用。

祝你好运!

答案 2 :(得分:1)

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

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

我推荐这个downsampling plugin,这将加快图形渲染速度。在图表上渲染5000点是没用的:屏幕上的垂直像素比这少!所以这个库只会呈现那些实际具有视觉重要性的库。

这只会为您提供图表。您可能需要某种仪表板来呈现所有这些...我目前正在查看Grafana,它用于完全不同的目的,但制作了令人敬畏的仪表板。有可能"撕掉"他们的仪表板功能(它也使用Flot)。

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

答案 3 :(得分:-1)

检查raphael js资料库

  

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

相关问题