D3.V4(二)——气泡图

最新推荐文章于 2024-03-05 22:02:34 发布

qq_36089856

最新推荐文章于 2024-03-05 22:02:34 发布

阅读量1k

点赞数

文章标签： d3.js 数据可视化

本文链接：https://blog.csdn.net/qq_36089856/article/details/106160587

版权

本文介绍了如何使用D3.V4库创建气泡图。通过D3的布局算法，将数据映射到气泡的位置，实现数据可视化的直观展示。

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

绘制气泡图就很简单了，D3提供了布局算法，只需要将数据输入进去，得到气泡的位置，再进行绘制就行了。

数据

{
    "children": [{
            "name": "D3.js",
            "weight": 100
        },
        {
            "name": "Echarts.js",
            "weight": 77
        },
        {
            "name": "JavaScript",
            "weight": 70
        },
        {
            "name": "C/C++",
            "weight": 66
        },
        {
            "name": "Java",
            "weight": 66
        },
        {
            "name": "PHP",
            "weight": 56
        },
        {
            "name": "Ruby",
            "weight": 69
        },
        {
            "name": "Python",
            "weight": 73
        },
        {
            "name": "Windows",