自己撸了个票房可视化的项目

[jasli2]

一直很喜欢优秀的数据可视化项目，自己也一直关注这一块。

趁着周末有空，撸了个项目。这两天完善了一下，觉得可以见人了。

喜欢数据可视化的，欢迎拍砖。

http://www.visualboxoffice.cn/

后续有空想加入点动效，改进下数据表达和配色。

[chenyu8674]

LZ 你这个操作方式会诱发癫痫的你造么……

[183387594]

点的我浑身难受

[jasli2]

@183387594 确实有点难操作，得再想想办法。

[jasli2]

@wplct 我调整了颜色过渡的步幅，让他不是线性过渡的，调整平均数所在的颜色位置，这样，颜色应该能发挥一点指示作用了。

[jasli2]

@chenyu8674 😰

[zwithz1998]

果然是 d3.js

[Huang77]

不错啊

[jasli2]

@zwithz1998 必须是 d3 啊，好用

[paloalto]

鼠标 hover 到某个月份上时，这个月份区域放大（包括其中的点状区域和条状区域）；
在这个月份区域中，鼠标 hover 到点状区域或者条状区域时，对应的区域就再次放大；
鼠标 hover 到点点上，可以 ajax 读豆瓣电影信息，展示海报。

[jasli2]

@paloalto 电影日票房数据有些跨度可以超过三个月，你的方案可能会影响这个数据的展示，不过确实要放大点才好交互，有人都要发癫痫了。

[Mbin]

挺好玩的哎

[duck2u]

这个 hover 真是让人抓狂

[fanhaipeng0403]

有点意思

[jasli2]

@duck2u 你不是一个人在抓狂，我在考虑如何放大每个电影的圆点，让交互舒服点。

[jasli2]

@Mbin 好玩你就多玩玩 😀

[exocell]

很棒

[exocell]

电影建议用甘特图.然后元素颗粒过小,截取一部分滚动就可以了

[jasli2]

@exocell 你指的是内圈的单个电影的圆点吗？怎么用甘特来表示呢？

[exocell]

@jasli2 直线的起点跟终点是电影上线跟下线的时间,多条直线堆叠,先把时间短放一行.时长的再摊下来节约地方.