D3 V4版本中文API文档PDF版,与V3版本不同之处就在于添加了canvas功能,同时API的调用方式也有所改动,比如axis、layout.tree等等
2021-12-01 20:02:45 4.09MB Idea JavaScript D3 JS
1
D3作业-数据新闻和D3 背景 欢迎来到新闻编辑室! 您刚刚接受了主要Metro纸的数据可视化职位。 您的任务是分析影响人们生活的当前趋势,并创建图表,图形和交互式元素来帮助读者理解您的发现。 该编辑希望撰写一系列有关特定人口统计学所面临的健康风险的专题报道。 她指望您通过筛选来自美国人口普查局和行为风险因素监视系统的信息来探究第一个故事的想法。 分配中包含的数据集基于2014 ACS 1年估算值: : ,但您可以自由研究其他数据集。 当前数据集包括各州的收入,肥胖,贫困等方面的数据。 教育部代表“误差范围”。 在你开始之前 为此项目创建一个新的存储库,称为D3-challenge 。 不要将此作业添加到现有存储库中。 将新的存储库克隆到您的计算机。 在本地git存储库中,为D3挑战创建一个目录。 使用文件夹名称来对应挑战: D3_data_journalism 。 该作业同
2021-11-28 14:56:53 10KB JavaScript
1
WikiLink应用程序-Neo4j和Wikipedia图形可视化 什么是WikiLink? WikiLink是一个Web项目,可以在Wikipedia类别和页面URL之间创建的链接网络上进行更快的搜索和图形可视化。 WikiLink允许快速搜索其所有类别和页面URL,并在Wikipedia知识网络上查看它们的相关性。 还允许从开始的自定义类别或页面浏览图,找到它们之间的最短路径,或以图方式遍历给定类别的层次结构。 这次大探索旨在成为学习的一种补充方式。 堆 示例应用程序用作基础 -Neo4j Python驱动程序 基于Werkzeug,Jinja 2和良好意图的Python微框架。 Neo4j服务器 前端:jquery,bootstrap, ,pototo.js 设置 首先,使用设置,这样我们就不会破坏您计算机上拥有的其他Python东西。 如果要绕过创建virtualenv,则
2021-11-24 16:55:25 3.87MB JavaScript
1
该项目将三个数据集整合在一起,力图提供关键数据点的交互式可视化显示。 气泡图是基于动态创建的-使用JavaScript,HTML和CSS,以及D3.js。 该图表是对屏幕尺寸的响应。 通过将鼠标悬停在气泡上可以获得气泡的详细数据,用户可以通过转换为柠檬绿来验证选择了哪个气泡。 由于气泡重叠,因此决定不对每个气泡进行静态标记。: 要查看JavaScript代码,请执行以下操作: 要查看HTML代码,请执行以下操作:
2021-11-22 20:01:06 4.05MB html-css-javascript d3-js JavaScript
1
D3挑战 该项目正在根据美国人口普查局和行为风险因素监视系统提供的信息,为其中一个专题报纸的故事(针对特定人口统计学面临的健康风险)创建交互式可视化。 该挑战中使用的数据集基于美国人口普查局2014年ACS对1年的估算。 当前数据集包括按州划分的收入,肥胖,贫困等比率的数据。 教育部代表“误差范围”。 挑战利用HTML,JavaScript和D3.js
2021-11-22 19:32:31 9KB JavaScript
1
d3.js 最新版v4.2及中文API , d3.js 最新版v4.2及中文API
2021-11-21 20:04:07 1.88MB d3 d3.js
1
分享一个d3.js 流程图插件 拖拽工作流 WEB在线编辑工作流
2021-11-19 14:40:18 2.66MB WEB在线编辑 d3.js 流程 在线工作流
1
利用d3.js制作的一个中国地图(地图是利用动态数组随机生成的温度值,颜色变化有一个特定范围),鼠标放在地图上某省份区域可显示该省份和省会名称,以及气温显示值,点击该区域进入该省会城市近五年温度变化。制作比较简单,可以参考学习
2021-11-16 22:31:41 591KB html d3.js 地图 可视化
1
Threejs-maps 使用 d3.js 和three.js 的两个地图演示。
2021-11-16 09:15:06 209KB JavaScript
1
先来看看效果图 下面直接上源代码,html文件 <html> <head> <meta charset="utf-8"> <title>实时刷新折线图</title> <style> .axis path, .axis line{ fill: none; stroke: black; shape-rendering: crispEdges; } .axis text { font-family: sans-serif; font-size: 11px; } .overlay { fill: none; pointer-events: all;
2021-11-16 00:56:34 70KB axis js padding
1