【文件属性】:
文件名称:拉面时间
文件大小:1.89MB
文件格式:ZIP
更新时间:2021-02-16 10:39:32
JavaScript
背景和概述
方便面及其营养成分的数据可视化
功能和MVP
选择拉面显示其营养成分
显示条形图,其中每种营养均达到每日摄入值
显示消耗卡路里所需的运动量
线框
建筑与技术
最有可能有一个保存每个食品数据的csv文件的D3条形图:显示每种营养素的每日值如果超过/不足,则显示百分比
实施时间表
第一天-学习D3! 第2天-收集拉面的营养成分和图像。 整理成CSV文件。 创建拉面对象和营养事实对象第3天-将D3连接到拉面,营养事实表第4天-使拉面条滑动/进行交互第5天-造型
奖励功能
在底部显示随机拉面事实
【文件预览】:
RamenTime-main
----webpack.prod.js(172B)
----package.json(1KB)
----assets()
--------ramen_facts.csv(2KB)
--------images()
--------nutrition_facts.csv(703B)
--------exercise.csv(357B)
----webpack.common.js(2KB)
----index.html(3KB)
----package-lock.json(656KB)
----webpack.dev.js(320B)
----dist()
--------main.js.map(24KB)
--------main.css.map(6KB)
--------main.js(7KB)
--------main.css(4KB)
----src()
--------index.js(286B)
--------styles()
--------scripts()
----Ramen_Wireframe.png(32KB)
----.gitignore(14B)
----README.md(1KB)
----postcss.config.js(62B)