中国39所985高校省级行政区分布-web数据可视化(d3.pack包含关系图)

本文链接：https://blog.csdn.net/zhisuoyiran/article/details/120473188

本文展示了中国39所985高校在各省级行政区的分布，利用d3.js创建了包含关系的数据可视化图。北京拥有8所985高校居首，其次是上海有4所，陕西和湖南各有3所。动态气泡图揭示了各省市985院校数量和名称。

摘要由CSDN通过智能技术生成

1、先看效果。

哔哩哔哩在线解读演示：

中国39所985高校省级行政区分布-web数据可视化-000003_哔哩哔哩_bilibili

中国39所985高校省级行政区分布-web数据可视化-000003

截图：

2、数据及可视化含义。

哈喽，大家好，今天给大家带来的这个数据可视化动图展示的是我国39所985高校在各省级行政区的分布情况。在视频中这些虚线围成的较大圆圈表示的是各个省级行政区，里面的小圆圈表示的是该省市里的985院校。

通过此可视化图我们可以看出北京拥有8所985院校，排名第一；上海拥有4所985院校，紧随其后；而陕西、湖南则以拥有3所985院校，位居第三；江苏、山东、四川、天津、湖北、辽宁和广东各拥有2所，排名第四；其余省市各拥有一所985院校，以动态气泡图的形式展示了各省中985高校的数量以及名称。

3、代码分析及讲解。

<!DOCTYPE html>
<meta charset="utf-8">
<style>
    body{
        text-align:center
    }
    #bubbles{
        width: 100%;
        height: 100vh;
    }
    h2{
        position: absolute;
        width: 100%;
        text-align: center;
    }
    #bubbles{
        margin:0 auto;
    }
</style>
<body>
<script src="https://cdn.bootcss.com/d3/3.5.6/d3.min.js"></script>
<h2>中国39所985高校省级行政区分布</h2>
<div id="bubbles">
</div>
<script>
    //真实的数据
    var monidata = {
        "name": "root",
        "children": [
            {
                "name": "北京",
                "count": 8,
                "maxchild": 1,
                "child": [
                    {
                        "name": "北京大学",
                        "count": 1
                    },
                    {
                        "name": "清华大学",
                        "count": 1
                    },
                    {
                        "name": "中国人民大学",
                        "count": 1
                    },
                    {
                        "name": "北京航空航天大学",
                        "count": 1
                    },
                    {
                        "name": "北京理工大学",
                        "count": 1
                    },
                    {
                        "name": "中国农业大学",
                        "count": 1
                    },
                    {
                        "name": "北京师范大学",
                        "count": 1
                    },
                    {
                        "name": "中央民族大学",
                        "count": 1
                    }
                ]
            },
            {
                "name": "上海",
                "count": 4,
                "maxchild": 1,
                "child": [
                    {
                        "name": "复旦大学",
                        "count": 1,
                    },
                    {
                        "name": "同济大学",
                        "count": 1,
                    },
                  {
                    "name": "上海交通大学",
                    "count": 1,
                  },
                    {
                        "name": "华东师范大学",
                        "count": 1,
                    }
                ]
            },
            {
                "name": "湖南",
                "count": 3,
                "maxchild": 1,
                "child": [
                    {
                        "name": "湖南大学",
                        "count": 1,
                    },
                    {
                        "name": "中南大学",
                        "count": 1,
                    },
                    {
                        "name": "国防科技大学",
                        "count": 1,
                    }
                ]
            },
          {
            "name": "陕西",
            "count": 3,
            "maxchild": 1,
            "child": [
              {
                "name": "西安交通大学",
                "count": 1,