D3-Challenge:作业16-D3挑战

时间:2024-04-25 18:36:41
【文件属性】:

文件名称:D3-Challenge:作业16-D3挑战

文件大小:9KB

文件格式:ZIP

更新时间:2024-04-25 18:36:41

JavaScript

使用D3 SVG元素构建的自定义交互式散点图! D3挑战 欢迎来到D3Times-D3挑战赛! 这种D3可视化在两个健康数据集变量之间建立了散点图:收入与肥胖。 使用D3方法,将创建一个散点图,该散点图表示每个带有SVG圆元素的美国州数据点。 您可以在D3-Challenge目录中的app.js文件中找到这些图形的代码。 使用d3.csv方法从data.csv中提取数据。 此散点图的一些独特功能: 在每个数据点圆中包含状态缩写 使用D3 SVG元素在图表的左侧和底部创建和放置其轴和标签 具有事件处理程序,用于鼠标单击和鼠标移动,以便对用户进行交互式响应 并且,结合了d3提示工具提示 通过使用贾斯汀·帕尔默(Justin Palmer)开发的d3-tip.js插件,用户可以单击单个数据点来查找所显示的更具体的详细数据。 这样一来,用户就可以一目了然地查看散点图以推断趋势和相关性,同时


【文件预览】:
D3-Challenge-main
----D3_data_journalism()
--------assets()
--------index.html(4KB)
----.gitignore(278B)
----README.md(1KB)

网友评论