问题标签 [protovis]

我负责提供页面以逐州显示美国选举的主要结果。每个页面都需要一个带有状态图像的横幅，大约 250 像素 x 250 像素。现在我需要做的就是弄清楚如何提供/生成这些图像......

1. 我已经深入研究了Protovis的文档/示例，并认为我可能会提升州坐标轮廓 - 我必须手动转换坐标数据以使其合理并调整大小（ick）

2. 在聪明/粗暴光谱的另一端是一个巨大的精灵或一系列精灵。即使使用 png 8 压缩，50 个非重叠 250x250 像素精灵的网格的文件大小也是一个问题，遗憾的是，这样的文件似乎不存在，所以我不得不手动创建它。也很不愉快。

谁有更好的主意？

回答：正确的解决方案是切换到d3。

我们现在入侵的内容：

我有这个脚本 protovis ：

data1 在 Javascript 文件中声明：

当我测试我的图像有 3 个点时。但是，例如，如果我更改 Javascript 函数中的数据，然后用新数据重绘 protovis，我不知道该怎么做。就我而言，当用户单击菜单时，我会从数据库中接收新数据并更新数据。但是在我更改数据后，我需要重新绘制图像。

我想知道如何重新加载网页以便用新数据重新绘制图像。我正在考虑重新加载网页，在 POST 中传递数据并在绘制图像之前用 Javascript 检索数据。

但我不确定这个解决方案是否有效，以及它是否是最好的方法。

我在 freemind 中编辑了一个非常简单的分类法，并希望在 protovis 中将其可视化为旭日形可视化。分类的深度未知。

我已经尝试构建一个 XLST 转换，该转换可以通过 xsl 脚本功能与 Freemind 的导出一起使用 - 以 Protovis 生成旭日形所需的确切 JSON 格式输出数据 - 这个想法是在 javascript 中不需要进一步的转换。

我正在寻找的输出 JSON 格式的示例在这里： http: //mbostock.github.com/protovis/ex/sunburst.html

实际上，freemind .mm 文件格式是输入。

在 stylus studio 中运行我的 alpha 代码（如下所示）会构建一个 json 格式（格式错误但似乎合法），当我将 stylus studio 生成的输出直接手动保存到 .js 文件时，它会提供 protovis ok。出于某种原因，Freemind 似乎没有使用此代码导出数据......

有什么我想念的吗？任何帮助表示赞赏。

非常感谢，安德鲁

===========更新==============

我已经更正了代码，问题是freemind使用的xslt引擎不支持我的一些xsl。我更正了代码并在自由许可下将其移至 github 并从此处将其删除。

该适配器可在此处获得： https ://github.com/minkymorgan/Freemind2JSON#readme

• 安德鲁

我遇到了这个http://mbostock.github.com/protovis/ex/cars.html汽车平行坐标示例：

它运作良好。我们可以沿平行线应用过滤器，并突出显示相应的数据（水平线）。但我想知道的是我们如何选择/识别各个水平线（数据）。通常就像我们在 javascipt 中所做的 getElementById 一样，我尝试在 firebug 中对其进行调试，但我无法选择这些行。代码发布在下面： 这是主 html 页面：

并且数据在 cars.js 中，如下所示：

我想呈现一个可视化并将其作为我网站的背景图形。什么是最好的可视化包？我主要关心实现的简单性。

我想让它看起来与此相似，但使用照片缩略图而不是渐变。

我找到了两个能够完成这项工作的软件包，Protovis和D3，还有一个SVG to PNG 转换器。我想我可以使用 Protovis SVG 输出来渲染背景图像。是否有任何可视化包可以实现我所描述的开箱即用？我在正确/错误的轨道上吗？

我已经使用 protovis 进行了一些数据可视化，我非常喜欢它的pv.Scale.linear(...).range(...)功能，该功能可用于创建将数值映射到颜色的色标。是否有任何类似的 Python 输出 RGB 模块？

我是phoneGap的新手，我正在尝试在android中实现一个支持SVG的webview，以使用protovis（基于javaScript）库http://mbostock.github.com/protovis/呈现一些可视化方法。

我有以下代码来加载 html 文件。

}

现在我正在尝试渲染这个http://mbostock.github.com/protovis/ex/antibiotics-burtin-full.html，但在 android 的 webview 中我只能得到背景颜色。

是否有任何特殊选项可以构建具有呈现此功能的 web 视图？

提前致谢！

我需要在我们的基于 Web 的应用程序中显示一个大矩阵。矩阵尺寸约为。1000*1000 并且每个单元格都被填充或不填充。

基本上，它应该看起来像这样（大得多，没有颜色）： http: //mbostock.github.com/protovis/ex/matrix.html

我需要基本的交互，例如缩放和单击单元格。该矩阵很可能是一个稀疏矩阵。

我尝试过 Protovis，但如果矩阵大于 80*80，则渲染需要很长时间。

什么 Javascript 库可能适合这项任务？

我想在新库 D3 中复制来自 Protovis 的 N-Body 示例。D3 应该是 Protovis 的演变，但我很难让任何模拟接近。

目标： http: //mbostock.github.com/protovis/ex/nbody.html

到目前为止，我有以下问题：

• D3 没有内置的碰撞检测。
• 在每个滴答声中添加我自己的碰撞检测时，非常紧张。
• N-body 的例子移动缓慢而平稳，这对我在 D3 中不是这样。尝试复制 Force 布局中的设置似乎不匹配。
• 我无法准确复制的色带。尝试基于节点速度时，我的抖动严重。
• 我无法让模拟以任何合理的方式保持运行。我尝试通过resume()手动设置冷却因素。

这是我目前的尝试：https ://gist.github.com/1917001

是否可以一起使用 D3 和 Raphael，以便由 D3 生成可视化（使用 D3 的 API 生成 svg 输出）并由 Raphael 在 IE 中正确可视化？

我很欣赏任何示例/示例代码。