在canvas中使用d3.js。虽然d3.js声称支持了canvas，可是并没有提供实例代码，这个文档可以让你一目了然。
2024-02-29 16:33:09
1.95MB
1
数据可视化
基于D3.js构建的数据可视化示例集合。
目前包括：
toptwenty ：一种从 CSV 文件集合中提供多个“前 20 个”列表的简单方法。 允许动态更改列表的主题和列表的元素数量。 包括翻转文本以获取更多信息。
wordlcoud ：一种从节点和有向边的数据集创建交互式 wordcloud 的简单方法。 允许拖动以更改布局并双击以突出显示连接的组件。
toptwenty.js
从输入数据轻松创建交互式 SVG，显示多个“前 20”列表。 最终用户可以单击更改显示的条数或显示的数据。 可以接受任意数量的数据集。
用法：
在您的页面中包含toptwenty.js ，然后使用以下语法调用toptwenty ：
toptwenty ( svg_id ,
h ,
w ,
font_family ,
n
2023-03-07 23:45:11
8.15MB
1
d3 折线图
一个 d3.js 库，可帮助您轻松绘制折线图。
如何使用它
包括d3.js , d3-line-char.js
< script type = "text/javascript" src = "./d3.js" charset = "utf-8" > < / script >
< script type = "text/javascript" src = "./d3-line-chart.js" charset = "utf-8" > < / script >
绘制图形的最简单方法
var data = {
name : 'series' ,
values : [ { x : 1 , y : 2 } , { x : 2 , y : 4 } , { x : 3 , y : 3 } ]
} ;
new LineChart ( ) . for ( [ data
2023-01-14 02:37:55
87KB
1
交互式 d3-barGraph
此 d3 条形图代表了 1990 年至 2013 年印度和美国的死亡率。数据来源：联合国人口司的世界人口展望
特征：
有吸引力的 d3 条形图
沿图形轴的网格线
使用多个 TSV 数据源文件
悬停时的交互式工具提示
缩放/格式化轴
路径转换
注释良好的代码以供将来参考
2022-12-29 15:48:17
92KB
1
Darpa-xdata 作业数据集可视化
该项目是学术项目的一部分。
以下是任务：
通过公司、工作类型、工资等各种属性，在地理空间和时间上可视化职位发布。
根据职位发布可视化公司如何随时间变化。 它们是否在地理上增长？ 进入新域名是为了赚钱吗？
提供整个南美洲的企业分布图。 有领土吗？
绘制和分析不同工作类别的季节性趋势。
安装
您需要使用 maven 构建项目：
cd jobs
mvn clean package
cp target\jobs.war
将 war 文件部署到 java web 容器 - tomcat、jetty 等
该数据集包含许多国家/地区的 190 万个招聘信息。 下面的地图以紫色显示了包含招聘信息的所有国家/地区。
2022-12-23 20:05:50
26.46MB
1
INF 554项目
林俊，苏杭和姜浩宇
工作演示链接
影片示范
纸
背面链接
PDF格式
推介会
PDF格式
2022-11-10 23:31:27
33.58MB
1
情感图可视化
该项目可以可视化Gerrit项目中开发人员之间的情绪。
情感是开发人员使用Gerrit语言编写的代码审阅注释的肯定，否定和中性的极性。 可以在我们的论文中计算这种情绪的完整研究： :
您是否想知道开发人员之间如何交互以及他们之间的关系如何？ 在以下位置检查该项目的在线版本： :
使用D3.js（ ）开发的可视化
对于用例，我们分析了3个著名的Gerrit存储库中的开发人员核心评估：
Ovirt（ ）
Chromium操作系统（ ）
Typo3（ ）
2022-11-10 22:43:22
2.13MB
1
欧美时间使用方式：人们如何花费时间从事各种活动，例如有偿工作，家庭和家庭护理...
Nazha Bouchia-Ariane Manintchap-Stephane Rohmer-Olivier Schultz
概括
对数据的访问呈指数增长，但是我们分析和理解数据的能力是有限的。 信息可视化的目的是为用户提供可视化探索，理解和交流复杂数据所必需的工具。
该项目的目标是创建功能齐全的交互式信息可视化。 它由几个部分组成：了解可视化的用户，他或她试图通过可视化执行的任务类型，他或她的背景和专业知识是什么以及我们正在处理的数据类型。
在此项目中，我们选择了美国和欧洲时间使用数据-人们如何根据国家和性别来花费时间，开展有偿工作，家庭和家庭护理等活动。
在这个项目中，我们开发了高质量的交互式可视化文件，展示了您自己有趣的想法。
我们对探索欧洲和美国人的平均时间花费，他们在每项活动上花费多少
2022-11-10 22:42:06
3.51MB
1
使用D3.js进行工资报告虚拟化
该报告的数据于2017年12月，2018年12月和2019年12月从欧洲IT社区收集。特别感谢提供了出色的数据集！
演示版
。
数据集
电子表格中提供了用于绘图的数据：
可用的虚拟化列表
饼形图
可用的分组：性别，城市，资历，语言，公司类型，公司规模；
工具提示显示组中薪资的均值，中位数，第一四分位数和第三四分位数；
条形图
按性别和薪资范围分组的回答；
工具提示显示平均薪水，年度变化以及组中受访者总数的百分比/份额；
箱形图
可用的X轴选项：薪水，加薪
可用的y轴选项：性别，城市，资历，语言，公司类型，公司规模，总经验；
工具提示显示组中薪水的平均值，中位数，第5个百分点，第1个四分位数，第3个四分位数和第95个百分点；
散点图
按性别着色的回答；
缩放和拖动坐标平面；
工具提示包含完整的响应信息。
词云
特征
使用侧面板过滤器按城市，
2022-11-10 22:21:27
283KB
1