JavaScript库比人力车更有效，可实现实时可视化

Question

我希望将数据可视化为移动设备（平板电脑）上的时间序列图，因此偶然发现基于D3的人力车。首先，我必须说当我意识到网页设计中的实时性与工程中的实时性完全不同时，我有点困惑，工程中有固定（通常很短）的时间框架。无论如何，我的目标是尽可能快地可视化数据，而在较旧的平板电脑上，使用人力车的可视化非常缓慢。 任何人都可以推荐另一个库，这可能会更有效地渲染吗？

或者没有出路我必须去当地？

Answer 1

您必须区分两种类型的可视化框架：有基于SVG和HTML 5 Canvas的框架。 SVG是一种在可视化中提供交互的更好的解决方案，因为SVG元素可以在DOM中进行寻址。权衡是SVG的实时可视化很慢。另一方面，HTML 5 Canvas不适合交互，但实时渲染速度更快。长话短说：人力车基于SVG，也许你可以通过基于HTML Canvas的框架获得更好的性能：

• Smoothie Charts
• Dygraphs
• Cubism

您可以尝试使用示例可视化并比较其基准测试结果。

这里有一些基准示例：

• Benchmarking Dygraphs
• Comparison between D3.js (Canvas), Sigma.js (Canvas), Processing.js (Canvas) and D3.js (SVG)
• Blog post for Comparison between SVG and Canvas

Answer 2

我发现流媒体数据的最佳库是Smoothie Charts。性能非常好，但你没有很多样式选择。