问题标签 [data-visualization]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1028 浏览

graph - 我如何可视化日期之间经过的时间量?

如果我有一个产品,并且想要可视化该产品发布之间经过的时间量,我会使用什么类型的图表?我试图展示的是发布周期之间经过的平均时间量,以及(大约)我们目前的当前发布周期有多远。

我能想到的最好的方法是水平条形图。每个条都会有一个与之关联的日期,标记一个特定的版本,条的长度可以指示已经过去了多少时间,甚至可能列出确切的天数,但我可以想象这有点令人困惑,例如在发布之前或发布之后经过的时间量?

我想一定有更好的方法来可视化这一点。


更新:我想我可能解释得不好;让我尝试另一种方法。这个购买指南几乎完全符合我的要求。它很紧凑,它列出了发布发生的时间,您可以粗略地看到一个发布与另一个发布相比(相对)花费了多长时间,并且显示了未完成的发布,因此您可以了解您的平均周期有多远。但它存在的一个问题是,很难判断发布之间的特定时间段是在特定日期之前还是之后。我正在考虑将条形变大并增加天数,这只会使之前/之后的歧义变得更糟。所以我的问题是,如何改进这个图表,使其在视觉上更直观?谢谢!

0 投票
4 回答
5557 浏览

javascript - 数据可视化:气泡图、维恩图和标签云(天哪!)

假设我有一个很大的对象列表(数千或数万个),每个对象都带有一些标签。有数十或数百种可能的标签,它们的使用遵循典型的幂律:一些标签使用非常频繁,但大多数很少使用。事实上,除了最常见的几十个标签之外,所有标签通常都可以被忽略。

现在的问题是如何可视化这些标签之间的关系。标签云可以很好地显示它们的频率,但它忽略了哪些标签与哪些其他标签一起出现。假设标记 :bar 仅出现在也标记为 :foo 的对象上。这应该在视觉上很明显。对于倾向于一起出现的三个标签也是如此。

您可以使每个标签成为气泡,并让它们彼此部分重叠。从技术上讲,这是一个维恩图,但以这种方式处理它可能很笨拙。例如,谷歌图表可以创建维恩图,但只能用于 3 个或更少的集合(标签): http
://code.google.com/apis/chart/docs/gallery/venn_charts.html 他们将其限制为 3 个集合的原因是不是这样,它看起来很可怕。请参阅 Wikipedia 页面上的“对更多集合的扩展”: http ://en.wikipedia.org/wiki/Venn_diagrams

但这只有在每个可能的交叉点都不为空的情况下。如果不超过 3 个标签同时出现(可能在扔掉稀有标签之后),那么维恩图的集合可以工作(气泡的大小代表标签频率)。

或者也许是一个图形(如在顶点和边中),具有视觉上更厚或更薄的边来表示共现频率。

您有任何想法或工具或库的指针吗?理想情况下,我会使用 javascript 来执行此操作,但我对 R 和 Mathematica 之类的东西或其他任何东西都持开放态度。如果有人好奇,我很乐意分享一些实际数据(如果我告诉你它代表什么,你会笑)。

附录:我最初想到的应用程序是TagTime,但我突然想到这也很好地映射到了可视化一个人的美味书签的问题。

0 投票
1 回答
506 浏览

visualization - 是否有 ManyEyes API?

我找不到一个。但我很难相信他们已经在没有 API 的情况下构建了服务。这可能是真的吗?

如果是这样,除了 Google Charts API 之外,任何人都可以提出替代方案吗?

谢谢!

0 投票
2 回答
246 浏览

visualization - 可视化文本数据:国会议员及其附属机构

我很难开始用某种方式来可视化一些主要由国会议员及其政治派别组成的数据。因此,它主要是文本数据,不会立即适用于 ManyEyes、Google Charts 等。

更重要的是,我有参议员和众议员数据的电子表格,包括他们对一些相关立法的立场,更重要的是他们在某些委员会和核心小组中的成员身份。

作为一个电子表格,这些数据信息量不是很大,我试图在各种立法行动(法案、支持信)和附属机构(再次,委员会和核心小组)中最活跃/突出的成员方面可视化成员之间的有形关系作为其他有用的连接或“网络”,这些连接或“网络”在电子表格形式中不会立即显现出来。

我正处于不知道如何进一步进行的地步,并希望有人可以提出一个好的开始来提出解决方案。

编辑 1:我已经被SQLite作为一种工具所吸引,但我没有兴趣逐字复制我试图输入到该数据库中的电子表格到终端。

编辑 2:如果可能,该数据库需要可供多个不同组织中的许多不同人员访问,因此不要寻找特定于操作系统或软件的东西。

编辑 3:将 SQLite 视为后端,我对轻量级前端/数据库管理程序感兴趣,该程序将允许我和其他人(非技术人员)执行查询,以定义实体(国会议员和游说者)之间的价值网络例如,资助他们)。

0 投票
1 回答
207 浏览

asp.net - Coloring a map according to mapped database values

Question: On http://www.bbc.co.uk/news/10150007

one can see a map of european countries colored according to state debt/deficit. Now I would have already found it useful several times if I was able to do such a thing myself, for example to visualize regional sales data.

Does anybody know: Is there any (OpenSource) tool with which I can color a world/continental/reginal map according to colors mapped to values in a database ?

Or any tool that can construct a custom map ?

Or if there is no such thing, how would one do such a thing oneselfs ?
Get the outlines of countries from somewhere,
make everything outside the country outlines transparent,
set the coordinates and z-indeces to stack several images over one another,
and then replace the base color with the selected color in each image,
then merge the result to a single picture ?

0 投票
1 回答
191 浏览

visualization - Error caused by string being too big when passed to Google Visualization API

I am trying to create a WordCloud through the Google Visualization API. You have to create a google.visualization.DataTable and add the string to a cell in the table. I basically copied the example linked above, and passed in a simple string of a few words (@note.articletext), and the WordCloud worked fine.

But I want to create the WordCloud based on a article, which (obviously) is a very large string. When I pass in a string containing a whole article, I get the following error:

Again, this error doesn't occur when I pass in a small string, so it's caused by the size of the string. Or potentially the google.visualization.DataTable has a limit on how big a single cell can be (I can't find mention of such a limit though). Does anyone know how can I fix this? Thanks for reading.

Edit: In case it's important, I'm using Ruby on Rails.

0 投票
4 回答
21601 浏览

python - Python中的树形图可视化

我有兴趣绘制树图

树形图示例

在 Python 中制作一个最简单的方法是什么?给定正确的输入数据,是否有一个库可以生成这样的图形?

0 投票
2 回答
1111 浏览

mapping - 绘制时间序列数据的工具

我正在寻找能够将大量时间序列数据映射到强度图的工具或 API 的建议/示例。

数据包括国家、系列和年份的维度。这是一个示例http://spreadsheets.google.com/ccc?key=t9ZwziZAgy768ZTXDEg8Maw&authkey=CPn0pdoH&hl=en_GB&ui=1

0 投票
3 回答
9072 浏览

r - 如何在 R 中使用分类数据制作 3D 图?

我一直在尝试根据分类数据创建 3D 条形图,但还没有找到方法。

解释起来很简单。考虑以下示例数据(实际示例更复杂,但它简化为这一点),显示了按收入和年龄分类的数据的相对风险。

我想在 3D 条形图中显示它(类似于http://demos.devexpress.com/aspxperiencedemos/NavBar/Images/Charts/ManhattanBar.jpg的想法)。我查看了 scatterplot3d 包,但它仅用于散点图并且不能很好地处理分类数据。我能够制作 3d 图表,但它显示的是点而不是 3d 条。没有我需要的图表类型。我也试过 rgl 包,但也没有运气。我已经在谷歌上搜索了一个多小时,但还没有找到解决方案。我也有一本 ggplot2 - 数据分析的优雅图形一书,但 ggplot2 没有这种图表。

我可以使用其他免费软件应用程序吗?OpenOffice 3.2 也没有这个图表。

谢谢你的任何提示。

0 投票
2 回答
192 浏览

php - 提供带点的链接折线图的图表库

我正在尝试随着时间的推移绘制来自多个实体的数据。

  • 每个实体都有自己的行,所以会有几行。
  • 每条线都将被连接,但重要的是绘制点来表示数据。

我知道链接的条形图,但在最初的检查中,我似乎无法找到一个能够让我绘制点的图表。谁知道哪个图书馆有这个?我对 PHP、Flex、degrafa 以及任何其他可以完成工作的东西都持开放态度。