条形图

时间:2024-03-05 12:37:12
【文件属性】:

文件名称:条形图

文件大小:281KB

文件格式:ZIP

更新时间:2024-03-05 12:37:12

JavaScript

数据可视化项目-使用条形图可视化数据目标:构建功能类似于以下代码的CodePen.io应用程序: ://codepen.io/freeCodeCamp/full/GrZVaM。 完成以下用户案例,并通过所有测试。 给你自己的个人风格。 您可以使用HTML,JavaScript,CSS和基于D3 SVG的可视化库。 测试要求使用D3轴属性生成轴,该属性会自动沿轴生成刻度线。 这些刻度是通过D3测试所必需的,因为它们的位置用于确定图形元素的对齐方式。 您可以在找到有关生成轴的信息。 每次测试时都会查询必需的(非虚拟)DOM元素。 如果使用前端框架(例如Vue),则动态内容的测试结果可能不准确。 我们希望最终能够容纳它们,但是D3项目目前不支持这些框架。 用户故事1:我的图表应具有标题,并带有相应的id =“ title”。 用户故事2:我的图表应具有a元素x轴和相应的id =“ x-


【文件预览】:
Bar-chart-main
----script.js(1KB)
----LICENSE(1KB)
----users.json(132B)
----README.md(3KB)
----style.css(0B)
----index.html(265B)
----dataset.json(13KB)
----d3.min.js(262KB)
----CHANGES.md(157KB)
----d3.js(543KB)
----API.md(149KB)

网友评论