Web-Design-Challenge:网页设计作业-网页可视化仪表板(谷歌纵横)

时间:2024-04-15 04:37:36
【文件属性】:

文件名称:Web-Design-Challenge:网页设计作业-网页可视化仪表板(谷歌纵横)

文件大小:1.68MB

文件格式:ZIP

更新时间:2024-04-15 04:37:36

HTML

网页设计挑战 网页设计作业-网页可视化仪表板(谷歌纵横) 我构建了一个仪表板,其中包含每个通宵图的单独页面,以及一种可以在它们之间进行导航的方法。 这些页面包含可视化效果及其相应的说明。 我也有一个登录页面,一个页面可以查看所有图的比较,另一个页面可以查看用于构建图的数据。 网站要求我的网站共有7页,包括: 包含以下内容的目标网页: 该项目的说明。 带有侧栏的链接到每个可视化页面,该侧栏包含每个图的预览图像。 我创建了四个可视化页面,每个页面都有: 描述性标题和标题标签。 所选比较的图/可视化本身。 描述情节及其意义的段落。 我创建了一个“比较”页面,其中: 在同一页面上包含所有可视化内容,因此我可以轻松地对其进行视觉比较。 我使用了Bootstrap网格进行可视化。 网格包含在中型和大型屏幕上的两个可视化效果,以及在超小屏幕和小型屏幕上的两个可视化效果。 我创建了一个“


【文件预览】:
Web-Design-Challenge-main
----index.html(5KB)
----wind_speed.html(5KB)
----Resources()
--------app.py(440B)
--------assets()
--------cities.csv(30KB)
----cloudiness.html(5KB)
----Style.css(2KB)
----Images()
--------visualize-sm.png(160KB)
--------data-sm.png(64KB)
--------comparison-sm.png(205KB)
--------visualize-lg.png(201KB)
--------nav-lg.png(142KB)
--------landingResize.png(158KB)
--------nav-sm.png(22KB)
--------data-lg.png(142KB)
--------landing-sm.png(143KB)
--------comparison-lg.png(297KB)
----humidity.html(5KB)
----README.md(2KB)
----data.html(134KB)
----max_temperature.html(5KB)
----comparisons.html(4KB)
----.gitignore(2KB)

网友评论