Card image

改革开放四十年,是今年媒体报道的必答题。如何切入?澎湃新闻数据新闻组选择从人物入手。通过答题的形式,将读者置身于改革开放的历史时刻中,映射在每一个栩栩如生的人物上,聚焦那些亲历改革四十年变革的企业家以及那些足以改变他们命运的历史性时刻

通过答题反馈的形式去呈现这个H5

这次的项目对于我来说一个主要的突破点是,第一次把学到的代码可以应用到工作中。封面中的粒子动效,就是用p5.js去制作。

答题|这一份献给改革开放40年的考卷,敢不敢来战

时间
2018/2/28

工具
p5.js、D3.js

数据
吴晓波《激荡三十年》、国家统计局
Card image
Card image
Card image

章节页面,主要采用图像拼贴的方式

Card image

整体内容切分为三大版块:大佬的选择、时代的风口、首富部落

每道题目包含有三大模块:故事为引子、选项与反馈、解读答案

题目类型可分为三大类型:单选题、猜数字题、画线题

Card image
Card image
Card image
Card image
Card image
Card image