我正在研究提供几种可视化大量数据的方法。这可能包括但不限于简单的图表。我正在探索的技术将涉及形状、文本和线条。它还将涉及与元素的交互（隐藏、聚焦等）以及这些元素的动画（移动、拖动、系统重组等）。
SVG 或 Canvas 似乎是显而易见的选择（与 JS 库（可能是 jQuery）结合使用），但缺乏跨浏览器可用性是一个问题。我宁愿避免使用 Flash/Flex，但目前如果需要支持 IE7/8，它是我发现的唯一坚如磐石的跨浏览器技术。
有没有人有任何其他建议或任何附加信息，可以使我列出的技术看起来更具吸引力？
谢谢。
I'm looking into providing several methods of visualizing a large volume of data. This may include, but will not be limited to, simple graphing. The techniques I'm exploring will involve shapes, text and lines. It will also involve interaction with elements (hiding, focusing, etc.) and animation (shifting, dragging, systematic reorganizing, etc.) of those elements.
SVG or Canvas seem like the obvious choices (in conjunction with a JS library--probably jQuery), but the lack of cross-browser availability is a concern. I'd prefer to avoid Flash/Flex, but right now it's the only rock solid, cross-browser technology I've found if support for IE7/8 is a requirement.
Does anyone have any other suggestions or any additional information that would make a technology I've listed seem even more appealing?
Thanks.
发布评论
评论（8）
查看原始的 Processing.org。
他们使用 Java 小程序可能看起来很奇怪/不合时宜，但他们使用 Java 能够获得比 JavaScript 更好的性能。这些小程序似乎可以在任何地方使用，并且您将可以访问许多出色的 Java 库。
Check out the original Processing.org.
It may seem strange/anachronistic that they are using Java applets, but they were able to get better performance with Java than JavaScript. The applets seem to work everywhere, and you'll have access to lots of great Java libraries.
我想我没有看到提到过这个： JavaScript InfoViz Toolkit
我个人喜欢的一个有趣的可视化是 树形图视图。非常适合在单个视图中汇总大量数据。
Don't think I saw this one mentioned: JavaScript InfoViz Toolkit
An interesting visualization I personally like is the treemap view. Nice for summarizing a lot of data in a single view.
您可能想看看 Raphael 和 GRaphael。 Raphael 允许您创建矢量图形，并将在支持 SVG 的浏览器上使用 SVG，同时在 IE 上自动切换到 VML。
您还可以查看基于画布的 processing.js。
You might want to take a look at Raphael and GRaphael. Raphael allows you to create vector graphics and will use SVG on SVG-capable browsers while automatically switching to VML on IE.
You could also take a look at the canvas-based processing.js.
HighCharts 是一个 Javascript、优秀、免费、跨浏览器的图表工具。
查看 Highcharts 演示
HighCharts is a Javascript, good, free and cross-browser charting tool.
Take a look at the Highcharts demo
SVG 可在除 IE 之外的所有平台上使用，并且 VML 可在 IE 上使用（从 5.5 开始， IIRC）。如果您可以同时提供 SVG 和 VML，那么您将拥有几乎每个人都可以看到的矢量图形。 RaphaelJS 是一个 Javascript 库，可以从相同的 Javascript 代码生成两种格式，但这当然只是一种方法它。
Canvas 几乎可以在除 IE 之外的所有平台上使用，但一些疯狂的人写了一些名为 excanvas 的东西再次在 VML 中模拟 Canvas。从我使用过它的朋友和同事那里，我听说它的性能比几乎任何其他浏览器图形解决方案都要差，但如果您想便携式地制作位图图形，它几乎是城里唯一的非插件游戏。
您采用哪条路线（矢量或光栅）实际上取决于您的应用程序。
SVG is available on everything except IE, and VML is available on IE (since 5.5, IIRC). If you can serve both SVG and VML, you'll have vector graphics that virtually everyone can see. RaphaelJS is a Javascript library that can generate both formats from the same Javascript code, but of course that's just one way to do it.
Canvas is also available pretty much on everything except IE, but some crazy people wrote something called excanvas that emulates Canvas in, again, VML. From my friends and coworkers who have used it, I've heard the performance is worse than pretty much any other browser graphics solution, but if you want to do bitmap graphics portably, it's pretty much the only non-plugin game in town.
Which route you take -- vector or raster -- really depends on your application.
您也可以尝试 Protovis。 (http://vis.stanford.edu/protovis/)
You might also try Protovis. (http://vis.stanford.edu/protovis/)
SVG 和 Canvas 适用于相对简单的数据（即几行就足够了）。对于复杂的数据（例如，频率分布，或者每个像素发出一个样本的数据），您应该在服务器上渲染正常图像。
SVG and Canvas works for relatively simple data (i.e. where a few lines are enough). For complex data (say, frequency distributions, or something where you emit one sample per pixel), you should render a normal image on the server.
如果您使用 jquery 进行绘图，我肯定会查看 Flot ，它是交叉的浏览器图形/图表库。
If you are using jquery for the graphing, I would definiately check out Flot which is as cross browser graphing/charting library.