d3可视化展示-环形关系网-中国市值前50公司

1、先看效果。如下图所示，

在线演示：

视频链接（推荐观看方式）：https://www.bilibili.com/video/BV1Vk4y1z7Zd/

截图：

2、数据及可视化含义。

这是一个可视化demo，使用d3.js v3开发;

可视化含义：

数据为2019年中国上市公司市值前50的公司。关系网络图形的节点代表上市公司的名称，或者上市公司的城市以及行业分类。点击每个节点，都会进入其细分关系，关系游连线表示，箭头代表其方向。

上图左侧关系网络图形第2层节点为50家上市公司的证劵名称，第3层节点为行业、城市分类，第2层节点的公司名称连线到其对应的行业和城市节点。

上图右侧列表为50家上市公司的名称列表。

2.1、鼠标悬停在“北京”节点之上，则北京的公司连线变为红色；

可以看到，北京的上市公司比较多；

2.2、单击“北京”节点，则只显示北京的上市公司。

左侧关系图表示所有北京上市公司及其分类关系；北京的市值前50的上市公司有工商银行、建设银行、中国移动、农业银行、中国石油、中国银行等24家，占了全国几乎一半，北京的发达程度可见一斑。

北京的市值前50的上市公司主要分布在金融行业9家，能源行业4家，信息技术4家，工业4家，通讯服务2家，非日常消费品1家，不得不说，金融行业还是牛逼啊。

右侧是所有北京上市公司的列表。节点和列表都可以点击做选择。

2.3、单击“金融”节点，则只显示金融行业的市值前50的上市公司。

全国市值前50的上市公司金融行业有18家，占了三分之一还要多，金融果真是个好行业。

这18家金融公司，北京9家，深圳4家，上海3家，福州1家，香港1家。从城市分布来看，北京才是隐藏的金融大佬，上海经济中心的地位岌岌可危啊。

2.4、单击“深圳”节点，则只显示深圳的市值前50的上市公司。

全国市值前50的上市公司深圳有7家，金融行业4家，信息技术2家，房地产1家。

2.5、单击“阿里巴巴”节点，则只显示与阿里巴巴相关的节点。

右侧列表可以看到，阿里巴巴属于非日常消费品行业，位于杭州。

左侧关系图表可以看到，与阿里巴巴同样位于杭州的公司是海康威视；与阿里巴巴同样属于非日常消费品行业的公司有美的集团、格力电器、京东、上汽集团。

3、代码分析及讲解（讲解请看注释,注释会逐步丰富完善）。