Skip to content

Analyzing food preference by visualizing recipes of different countries. It is our team project in the Information Visualization class

Notifications You must be signed in to change notification settings

TonyPod/recipeviz

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

菜谱可视化

菜谱的数据已经准备好,在recipes文件夹下。关于数据格式的说明,参见“数据类型的说明.xls”文件

终于结课了,大家写的代码都挺好的!大家都是好样的! ↖(^ω^)↗  

有任何问题微信即可

再明确一下各位小伙伴的分工:

  • 我:数据获取,MDS后的显示页面
  • 卢旺:如何度量两个菜谱的相似度,MDS对数据进行降维
  • 蔡晨沁:country's view
  • 白梅:global view

前两个页面的原型我已经建立好:大家访问 https://tonypod.github.io/recipeviz/ 这个链接就可以看到效果,这只是个原型,给大家作为参考

另外,大家可以fork这个仓库,有什么改动pull request统一提交到这里吧 =)

PPT是英文的,为便于理解,用中文描述一下前两个view是这样的,仅供参考哈:

  1. Global view:我们的数据目前能支持27个国家了,这27个国家在整张地图上稍微突出显示(区分世界其他国家)。右侧是查询窗口,查询条件有:包含某个ingredients(自动提示输入),限定cooking technique,限制flavor indices的范围(如spiciness在2和5之间),限制course(如soup, breakfast),限制各种营养素的含量(如热量、蛋白质含量)等等。课上老师说用圆圈大小表示符合要求的菜谱数量看起来不太明显,因此还是用不同的颜色来表示比较好 (关于某些搜索条件的定义:Low fat: 脂肪低于10g;low carb:碳水化合物低于30g;low calories:热量低于400千卡;low sodium:钠低于500mg;high fiber:膳食纤维高于6g;lower sugar:糖低于10g     除了这些也可以定义一些其他的如反式脂肪酸低于多少,胆固醇低于多少)

  2. Country's view:在Global view中点击27个国家的其中一个跳转至Country's view,通过传入的GET请求的参数得知是哪一个国家(比如当前的模板,点击地图上的中国会跳转到https://tonypod.github.io/recipeviz/bubble.html?country=China 这个url的country=China参数指定了要分析中国的数据),以一定的时间间隔(比如200毫秒)出现反映这个国家统计信息的bubble,每个bubble代表一个统计信息,bubble的大小为这个国家符合该属性的菜谱个数,bubble的颜色代表不同的属性(如基本信息,营养信息,ingredient信息)

  3. Recipe similarity view:先设计一个距离度量来计算菜谱间的相似度(对于ingredients的相似度可以采用Jaccard Similarity),然后通过MDS进行降维,降维后的数据以散点图的形式显示在页面上

About

Analyzing food preference by visualizing recipes of different countries. It is our team project in the Information Visualization class

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published