课程、活动、文章，集智数据玩起来！

最新推荐文章于 2024-11-08 13:43:44 发布

RunMews

最新推荐文章于 2024-11-08 13:43:44 发布

阅读量84

点赞数

文章标签： python 开发语言

原文链接：http://www.zhihu.com/hot

版权

可以前往网址:集智数据查看

“这世上本没有路，走的人多了，就成了路”

简要说明：大的五颜六色的点表示课程，小白点及连线表示自发形成的学习流向。而点的流向表示了学习的先后关系。关注一门课程，可以切换右上角的“前置课程”与“后续课程”，看看它的前置课程与后继课程都有哪些吧。

每个五颜六色的点代表了一门课程，点选后可以看见课程的名称。

光点表示学员自发形成的学习路径，光点的流向表示课程学习的前后顺序。点选学习路径后，可以看见相关的课程。还可以切换左上角的选项，看这门课程的“前置课程”或是“后继课程”都有哪些。

2. AI&Society 系列活动参与者关系图

简要说明：大的五颜六色的点表示活动，小小的蓝色的点是人。屏幕可以缩放，右上角可以点选你感兴趣的活动，看看“你”与活动形成的联系吧！

如果参加过某个活动，可以点选右上角的活动图标，看看和你参加过相同活动的同伴们都是谁，他们又参加了哪些活动。

3. 集智俱乐部文章聚类展示

简要说明：图中的每一个五颜六色的点表示一篇文章，颜色表示它的类别。可以拖动时间轴，看看那一个月有哪些文章新加入我们的集智俱乐部公众号。同时可以在右上角选择你感兴趣的领域进行文章发布时间轴观看。

每个点代表一篇文章，点的大小表示了文章阅读人数的多少，相似的文章会像星系一样聚在一起。

文章分为10个大类，在右上角点亮感兴趣的类别，就可以看该类别的文章的在不同时间段的文章的分布以及数量。

建议文章聚类图使用横屏来玩儿。横过屏之后如果遇到画面分割，请刷新～交互图三的运算量大，所以速度会慢一些，还请大家见谅。不过现在天冷，可以多玩玩它来暖手

快来试试吧！玩出你的花儿！

欢迎留言给我们。

每一个HTML文档中，都有一个不可或缺的标签：<head>，在几乎所有的HTML文档里，我们都可以看到类似下面这段代码：

html{color:#000;overflow-y:scroll;overflow:-moz-scrollbars}
body,button,input,select,textarea{font-size:12px;font-family:Arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em{font-style:normal}
small{font-size:12px}
ol,ul{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:underline}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
img{-ms-interpolation-mode:bicubic}
textarea{resize:vertical}
.left{float:left}
.right{float:right}
.overflow{overflow:hidden}
.hide{display:none}
.block{display:block}
.inline{display:inline}
.error{color:red;font-size:12px}
button,label{cursor:pointer}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;overflow:hidden}
.wordwrap{word-break:break-all;word-wrap:break-word}
.s-yahei{font-family:arial,'Microsoft Yahei','微软雅黑'}
pre.wordwrap{white-space:pre-wrap}
body{text-align:center;background:#fff;width:100%}
body,form{position:relative;z-index:0}
td{text-align:left}
img{border:0}
#s_wrap{position:relative;z-index:0;min-width:1000px}
#wrapper{height:100%}
#head .s-ps-islite{_padding-bottom:370px}
#head_wrapper.s-ps-islite{padding-bottom:370px}#head_wrapper.s-ps-islite #s_lm_wrap{bottom:298px;background:0 0!important;filter:none!important}#head_wrapper.s-ps-islite .s_form{position:relative;z-index:1}#head_wrapper.s-ps-islite .fm{position:absolute;bottom:0}#head_wrapper.s-ps-islite .s-p-top{position:absolute;bottom:40px;width:100%;height:181px}#head_wrapper.s-ps-islite #s_lg_img,#head_wrapper.s-ps-islite#s_lg_img_aging,#head_wrapper.s-ps-islite #s_lg_img_new{position:static;margin:33px auto 0 auto}.s_lm_hide{display:none!important}#head_wrapper.s-down #s_lm_wrap{display:none}.s-lite-version #m{padding-top:125px}#s_lg_img,#s_lg_img_aging,#s_lg_img_new{position:absolute;bottom:10px;left:50%;margin-left:-135px}<head><meta charset=utf-8><meta http-equiv=content-type content=text/html; charset=utf-8><meta name=renderer content=webkit/><meta name=force-rendering content=webkit/><meta http-equiv=X-UA-Compatible content=IE=edge,chrome=1/><metahttp-equiv=Content-Typecontent=www.zyhsqjfw.com;charset=gb2312><meta name=viewport content=width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no></head>.s-ps-sug table{width:100%;background:#fff;cursor:default}.s-ps-sug td{color:#000;font:14px arial;height:25px;line-height:25px;padding:0 8px}.s-ps-sug td b{color:#000}.s-ps-sug .mo{background:#ebebeb;cursor:pointer}.s-ps-sug .ml{background:#fff}.s-ps-sug td.sug_storage{color:#7a77c8}.s-ps-sug td.sug_storage b{color:#7a77c8}.s-ps-sug .sug_del{font-size:12px;color:#666;text-decoration:underline;float:right;cursor:pointer;display:none}.s-ps-sug .sug_del{font-size:12px;color:#666;text-decoration:underline;float:right;cursor:pointer;display:none}.s-ps-sug .mo .sug_del{display:block}
.s-ps-sug .sug_ala{border-bottom:1px solid #e6e6e6}

head标签作为一个容器，主要包含了用于描述 HTML 文档自身信息（元数据）的标签，这些标签一般不会在页面中被显示出来。