interactive-d3-lineGraph:使用 d3.js 构建的交互式折线图。 具有过渡、多个 TSV 数据文件源、工具提示等!

上传者: 42150341 | 上传时间: 2022-06-08 10:43:03 | 文件大小: 93KB | 文件类型: ZIP
交互式 d3-lineGraph 使用 d3.js 构建的交互式折线图。 具有过渡、多个 TSV 数据文件源、工具提示等! 各位 d3.js 爱好者,大家好,我是 d3 新手,正在一边学习 d3.js。 我正在探索如何通过过渡和交互使无聊的图表更有趣。 这个存储库包含的代码是我的一个更大项目的一部分:我正在尝试构建一个仪表板,其中包含代表两个国家/地区之间经济比较的 d3 图表:印度和美国。 在这个特定的存储库中,我描绘了这些国家从 1990 年到 2014 年的人口增长趋势。数据来源来自联合国人口司的世界人口展望。 我已尽力对 myd3script.js 文件中的大多数功能进行评论。 希望这也能帮助其他有抱负的 d3 专家! 玩得开心! 特征: 多线图 沿图形轴的网格线 使用多个 TSV 数据源文件 悬停时的交互式工具提示 缩放/格式化轴 路径转换 注释良好的代码以供将来参考

文件下载

资源详情

[{"title":"( 9 个子文件 93KB ) interactive-d3-lineGraph:使用 d3.js 构建的交互式折线图。 具有过渡、多个 TSV 数据文件源、工具提示等!","children":[{"title":"interactive-d3-lineGraph-master","children":[{"title":"index.htm <span style='color:#111;'> 806B </span>","children":null,"spread":false},{"title":"jquery.min.js <span style='color:#111;'> 93.68KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 7.70KB </span>","children":null,"spread":false},{"title":"indiaPopulation.tsv <span style='color:#111;'> 800B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.11KB </span>","children":null,"spread":false},{"title":"d3.min.js <span style='color:#111;'> 147.58KB </span>","children":null,"spread":false},{"title":"myd3script.js <span style='color:#111;'> 10.51KB </span>","children":null,"spread":false},{"title":"USAPopulation.tsv <span style='color:#111;'> 760B </span>","children":null,"spread":false},{"title":"styles.css <span style='color:#111;'> 2.00KB </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明