前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >数据可视化 | 如何酷炫的表示 2975 名人大代表?

数据可视化 | 如何酷炫的表示 2975 名人大代表?

作者头像
卤代烃
发布2020-07-07 16:35:10
6420
发布2020-07-07 16:35:10
举报
文章被收录于专栏:超级码力超级码力

最近北京召开两会,很多政策都影响着大家。但是今天我们不说政策(我也不懂),而说一些有意思的数据可视化内容。

政府最近做了一个介绍人大代表的网页。说到政府机构的网页,你可能下意识认为是一盘西红柿炒鸡蛋:

但这个网页是这样的:

是不是非常酷炫?

这个网页主要是展示此次人大代表基本信息的。在整个页面里,一共有 2975 个圆点每个原点代表一个人大代表。当你点击这些圆点时,就会显示这个人的基本数据:

最酷炫的是每次场景切换,圆点都会运动到相应位置,一气呵成。

下面我们来看一下这个分析报告通过哪几个角度分析人大代表的。

首先从性别上看,有 2233 名男性和742 名女性,女性代表占总数的 24.94%;

2975 名全国人大代表的平均年龄为 53.77 岁, 90 后女性多于男性, 60 后人数最多。最年轻的人大代表 1996 年出生,年龄最大的 1929 年出生。

民族角度分析,汉族有 2538 人,占总人口的 85%。第二大代表来自回族,有 62 名代表。

学历角度分析(这里只找到 2198 名代表的教育背景数据),88.5% 的代表拥有学士以上学位。拥有硕士学位的人比例最大(836),博士人数占比第二(584)。

在我看来,这里面最复杂的图表就是专业背景图表了。

主体是左边的同心圆环,每一个扇形表示一个学科,例如工程学,法学; 最外的圆环表示最高学位——博士,向内就是硕士,学士和其他学历;

综上所述,这个同心圆从学科学位两个维度上分析了人大代表的专业背景。

这个同心圆里还有两条灰色的半径,又把所有学科分为两大类:社会学科和自然学科。

通过小圆点的数量我们可以清晰的获取到社会学科专业人数(1165)是自然学科人数(612)的两倍。

通过一些交互,我们还可以看到有 122 名代表接受过海外教育(图中的灰色边框小圆点)。

在来自 35 个代表团的 2975 名代表中,有 2172 名中共党员,423 无党派人士,还有 380 名其他党派人士。

其实还有很多的交互小细节,比如说右上角有一个搜索功能,当你输入人大代表的名字时,图中对应的人大代表将会高亮。

比如说输入马化腾爸爸的名字,保佑我这篇文章阅读量不要太难看:

当名字一直锁定时,切换到其他场景,人物对应的小圆点还在持续高亮,可以让你在茫茫人海中一眼锁定他(当然这里还是马爸爸):

整体来看,这个数据可视化作品做工十分精良,技术上采用的是业内鼎鼎大名的 D3.js 开发。整体观感一气呵成,想体验的盆友可以在浏览器里输入以下网址或通过原文链接进行访问:

https://news.cgtn.com/event/2019/whorunschina/index.html

因为页面数据节点比较多,毕竟人物节点就有小 3000,手机上观看会有些卡顿,所以建议用电脑打开欣赏。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-03-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 卤蛋实验室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档