用D3作了一个B站弹幕可视化

和朋友合做用d3可视化b站弹幕,一方面学习巩固,另外也是经过可视化大体了解下视频是否精彩,再决定看不看[捂脸]html

使用方式

经过bookmarklet使用,有点像chrome插件但更方面一点~。
地址:bilibili可视化
没用过的进去还有视频演示哦~git

效果

来看个暴漫可视化结果的一部分github

clipboard.png

github

地址:bilibili-Visualizationchrome

代码都在上面了,欢迎issue、star、fork,由于优化还没作完……学习

如下还有一些介绍

代码介绍、心得先等等……优化

clipboard.png

须要从以上红色3个位置读取数据,请保证其加载完成,另外因为xpath稍有不一样,所以请保证为HTML5播放器spa

点击书签一次后,10s内完成可视化的图表,主要包括2个时间相关的图表,一些定类变量和数据详表。插件

clipboard.png

clipboard.png

clipboard.png

相关文章
相关标签/搜索