yao-wu-yang / visual

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

visualization

电影赏析可视化

我们组的选题是数据幕后:数据可视化分析

主要是通过可视化来呈现近百年来的经典电影数据,通过直观的图表,图形和交互界面,展现蕴含在百年内经典电影中的可视化特征。

WordCloud:我们筛选出词频最高的词汇并组织成"Film"的形状,并可以通过鼠标指向,点击来查看词语出现的词频。词语出现的频率越高, 其在词云中的字体大小越大。

WorldMap:世界地图统计了历年以来各个国家发行的电影数量。左上角可通过拖动互动来选择年份,鼠标指向可互动显示国家的电影发行数量。 国家的颜色由电影数量变多而呈现渐变颜色。统计结果可见美国是电影行业当之无愧的霸主。

年度电影类型统计图: 左上角渐变颜色条可通过鼠标指向互动显示当前颜色对应的数据。条形图颜色用数据对应渐变颜色条来填充。年份进度条会自动循环跳动, 也可以用点击直接跳转年份,设有单击互动的暂停/继续按钮。统计结果显示音乐剧霸榜多年,而自21世纪以来,动作片的数量也在飞速增长甚至超越音乐剧地位。

Force-directed graph: 力引导线图通常用于可视化图形网络中节点之间的连接关系。这种图形呈现节点和边的布局,力表示连接节点之间的关系。 使用力引导线图工具,统计展示了各类主流电影类型的一线演员。可通过鼠标指向显示当前分类电影数、演员演电影数、演员所属电影类型。

旭日图:统计了各个国家发行各类电影数量及比例、从属关系。可通过鼠标指向强调当前指向国家或者指向电影类型,给出当前国家更详细的电影类型展示。

豆瓣电影top10展示 Reference: https://echarts.apache.org/zh/index.html 我们参考了echarts中的一些示例的代码,在原有的设计上进行了改进或者调整,以用来更好的适应可视化任务

About


Languages

Language:JavaScript 98.4%Language:HTML 1.3%Language:CSS 0.2%