这是一个创建于 2364 天前的主题，其中的信息可能已经有所发展或是发生改变。
一直很喜欢优秀的数据可视化项目，自己也一直关注这一块。
趁着周末有空，撸了个项目。这两天完善了一下，觉得可以见人了。
喜欢数据可视化的，欢迎拍砖。
http://www.visualboxoffice.cn/
后续有空想加入点动效，改进下数据表达和配色。
 |
1
tlemar 2018-06-05 16:12:33 +08:00
挺有意思的
|
 |
2
F1024 2018-06-05 16:14:15 +08:00
带上影片封面 岂不美哉
|
|
3
F1024 2018-06-05 16:14:34 +08:00
和豆瓣连接
|
 |
5
gamecreating 2018-06-05 16:41:01 +08:00
这鼠标 移过去 好蛋疼......想砸鼠标
|
 |
6
yimity 2018-06-05 16:47:50 +08:00
很棒。
|
 |
7
th00000 2018-06-05 16:48:49 +08:00
太小了 鼠标点不到啊
 |
 |
8
jasli2 OP @gamecreating 是移到那个小圆点上很蛋疼是吧，确实有点不方便。我想把圆点做大点来着，无奈塞不下，要不就要把圆做得更大。
|
 |
10
wplct 2018-06-05 16:53:11 +08:00
楼主。2 月 16 三个加起来超过 100%
|
 |
12
meppy 2018-06-05 17:03:18 +08:00
圆点可以保留，点到柱状图的时候 Hover 出一个表格最好了，一目了然
|
 |
13
zavieryip 2018-06-05 17:05:31 +08:00
在焦点位置下点功夫
建议鼠标移到内圈直接把内圈放大至覆盖外圈,毕竟想点内圈的话外圈是不相关的 |
 |
15
yiciyuansky 2018-06-05 17:07:06 +08:00
很棒。
|
|
17
jasli2 OP @wplct 我做了平方根的 mapping，想把票房差距缩小点，可能还是不好，我恢复成线性 mapping 了。这样数据的表达应该正确了。
|
|
18
jasli2 OP 线性 mapping 后，发现日票房的差距不是一般的大，2018 年春节票房简直爆炸。
|
|
19
wplct 2018-06-05 17:47:41 +08:00
蓝色的太多了，2017 年只有战狼不是蓝色
|
 |
21
chenyu8674 2018-06-05 17:58:32 +08:00
LZ 你这个操作方式会诱发癫痫的你造么……
|
 |
22
183387594 2018-06-05 18:02:46 +08:00
点的我浑身难受
|
|
24
jasli2 OP @wplct 我调整了颜色过渡的步幅，让他不是线性过渡的，调整平均数所在的颜色位置，这样，颜色应该能发挥一点指示作用了。
|
|
25
jasli2 OP @chenyu8674 😰
|
 |
26
zwithz1998 2018-06-05 19:16:35 +08:00
果然是 d3.js
|
 |
27
Huang77 2018-06-05 19:45:16 +08:00
不错啊
|
|
28
jasli2 OP @zwithz1998 必须是 d3 啊，好用
|
 |
29
paloalto 2018-06-05 21:26:32 +08:00
鼠标 hover 到某个月份上时，这个月份区域放大（包括其中的点状区域和条状区域）；
在这个月份区域中，鼠标 hover 到点状区域或者条状区域时，对应的区域就再次放大； 鼠标 hover 到点点上，可以 ajax 读豆瓣电影信息，展示海报。 |
|
30
jasli2 OP @paloalto 电影日票房数据有些跨度可以超过三个月，你的方案可能会影响这个数据的展示，不过确实要放大点才好交互，有人都要发癫痫了。
|
 |
31
Mbin 2018-06-06 00:35:30 +08:00 via iPhone
挺好玩的哎
|
 |
32
duck2u 2018-06-06 09:29:11 +08:00
这个 hover 真是让人抓狂
|
 |
33
fanhaipeng0403 2018-06-06 10:23:16 +08:00
有点意思
|
 |
36
exocell 2018-06-06 16:48:38 +08:00
很棒
|
|
37
exocell 2018-06-06 16:53:00 +08:00
电影建议用甘特图.然后元素颗粒过小,截取一部分滚动就可以了
|
Select Language