数据可视化d3
lining300
这个作者很懒,什么都没留下…
展开
-
d3可视化展示-环形关系网-哪些城市最富有?哪些行业最有钱景?
1、先看效果。如下图所示,在线演示:视频链接(推荐观看方式):https://www.bilibili.com/video/BV1Vk4y1z7Zd/d3可视化展示-环形关系网-中国市值前50公司截图:2、数据及可视化含义。这是一个可视化demo,使用d3.js v3开发;可视化含义:数据为2019年中国上市公司市值前50的公司。关系网络图形的节点代表上市公司的名称,或者上市公司的城市以及行业分类。点击每个节点,都会进入其细分关系,关系游连线表示,箭头代表其方向。上原创 2020-06-04 16:07:12 · 510 阅读 · 1 评论 -
d3可视化展示-d3.layout.pack-relation层级关系数量可视化
1、先看效果。如下图所示,在线演示:视频链接(带讲解):截图:2、数据及可视化含义。这是一个可视化demo,使用d3.js开发,3、代码分析及讲解。原创 2020-06-03 17:36:17 · 1258 阅读 · 0 评论 -
d3可视化展示-brush可拖拽时间轴(可播放)+地图map
1、先看效果。如下图所示,视频链接:截图:2、数据及可视化含义。这是一个可视化demo,使用d3.js+mapbox开发,可视化了2013年1月 - 2015年12月的中国交通事故伤亡人数,数据为模拟的非真实数据;可视化含义:2.1、map部分,地图上的红色及橙色圆形marker表示发生事故的地点,红色表示死亡人数大于等于1,橙色代表只有受伤人员,marker的半径代表此次事故的伤亡人数总和,半径越大则伤亡人数越多;点击marker可以弹出信息窗infobox;2.2、左下底部为b原创 2020-06-02 22:17:03 · 2887 阅读 · 0 评论 -
d3可视化展示-假如世界有100个人
1、先看效果。如下图所示,动态交互请看视频链接。2、数据及可视化含义。3、代码分析及讲解。原创 2020-05-28 15:39:37 · 307 阅读 · 0 评论 -
d3可视化展示-2017年移民数据
1、先看效果。如下图所示,单位:百万人口。2、数据及可视化含义。3、代码分析及讲解。原创 2020-05-28 14:58:05 · 427 阅读 · 0 评论 -
d3可视化展示-北京历史天气
1、先看效果。如下图所示,动态交互请看视频链接。2、数据及可视化含义。3、代码分析及讲解。原创 2020-05-28 14:31:44 · 754 阅读 · 0 评论 -
数据可视化探索及分享
从2015年开始从事数据可视化相关工作,当时d3非常火爆,可视化相关的职位也很火爆。记得当时在智联上更新了下简历,1个月内就接到了10家左右的面试邀请,薪资也很惊人。后来在工作中也遇到不少做可视化的人,发现使用d3.js的人非常少,大多数都在使用highcharts、echarts之类的各种charts做可视化。highcharts、echarts都是非常优秀的可视化框架,图形丰富,高度封装、使用简单。也因其高度封装,使其缺乏灵活性,也失去了更多的想象力空间。d3使用相对比较复杂,学习曲线也更陡峭。原创 2020-05-27 15:13:50 · 391 阅读 · 0 评论