3D bubble charts extend 3D scatter by mapping a sizeKey field to sphere radius (linear 0.5x-2x mapping) and rendering with 75% alpha for transparency. Built on the Scatter3DSeries instanced rendering pipeline. Supports custom fills, color mapping, and configurable sphere detail. Pro license required.

Subtype

▾

Live Preview

x	y	size
10	10	5
84	25	9
15	12	7
55	32	11
40	27	14
46	14	9
60	88	11
23	20	11
36	37	23
53	84	20

{
  "data": [
    {
      "x": 10,
      "y": 10,
      "size": 5
    },
    {
      "x": 84,
      "y": 25,
      "size": 9
    },
    {
      "x": 15,
      "y": 12,
      "size": 7
    },
    {
      "x": 55,
      "y": 32,
      "size": 11
    },
    {
      "x": 40,
      "y": 27,
      "size": 14
    },
    {
      "x": 46,
      "y": 14,
      "size": 9
    },
    {
      "x": 60,
      "y": 88,
      "size": 11
    },
    {
      "x": 23,
      "y": 20,
      "size": 11
    },
    {
      "x": 36,
      "y": 37,
      "size": 23
    },
    {
      "x": 53,
      "y": 84,
      "size": 20
    },
    {
      "x": 88,
      "y": 68,
      "size": 15
    },
    {
      "x": 76,
      "y": 73,
      "size": 22
    },
    {
      "x": 24,
      "y": 48,
      "size": 14
    },
    {
      "x": 90,
      "y": 32,
      "size": 24
    },
    {
      "x": 75,
      "y": 50,
      "size": 6
    },
    {
      "x": 45,
      "y": 59,
      "size": 13
    },
    {
      "x": 84,
      "y": 88,
      "size": 17
    },
    {
      "x": 45,
      "y": 65,
      "size": 14
    },
    {
      "x": 62,
      "y": 72,
      "size": 16
    },
    {
      "x": 36,
      "y": 80,
      "size": 16
    }
  ],
  "series": [
    {
      "type": "bubble3d",
      "xKey": "x",
      "yKey": "y",
      "sizeKey": "size",
      "fill": "#8b5cf6"
    }
  ],
  "title": {
    "text": "Basic 3D Bubble"
  }
}

Edit JSON above · auto-previews after 0.9 s

Semi-transparent 3D spheres with size driven by a data field.

Was this article helpful?