条形图

数据可视化项目-使用条形图可视化数据目标：构建功能类似于以下代码的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-