Scatter charts plot individual data points along two numeric axes to reveal correlations, clusters, and outliers. A bubble chart adds a third dimension by encoding an additional variable as the size of each point, making it ideal for comparing three attributes simultaneously.

Subtype

▾

Live Preview

hours	score
1.5	52
2	58
2.5	61
3	65
3.5	70
4	74
4.5	79
5	83
5.5	85
6	88

{
  "title": {
    "text": "Study Hours vs. Exam Score"
  },
  "data": [
    {
      "hours": 1.5,
      "score": 52
    },
    {
      "hours": 2,
      "score": 58
    },
    {
      "hours": 2.5,
      "score": 61
    },
    {
      "hours": 3,
      "score": 65
    },
    {
      "hours": 3.5,
      "score": 70
    },
    {
      "hours": 4,
      "score": 74
    },
    {
      "hours": 4.5,
      "score": 79
    },
    {
      "hours": 5,
      "score": 83
    },
    {
      "hours": 5.5,
      "score": 85
    },
    {
      "hours": 6,
      "score": 88
    },
    {
      "hours": 6.5,
      "score": 91
    },
    {
      "hours": 7,
      "score": 93
    }
  ],
  "series": [
    {
      "type": "scatter",
      "xKey": "hours",
      "yKey": "score",
      "fill": "#6366f1",
      "fillOpacity": 0.8,
      "strokeWidth": 0
    }
  ],
  "axes": [
    {
      "position": "bottom",
      "title": {
        "text": "Study Hours per Day"
      }
    },
    {
      "position": "left",
      "title": {
        "text": "Exam Score (%)"
      }
    }
  ],
  "legend": {
    "enabled": false
  }
}

Edit JSON above · auto-previews after 0.9 s

A simple two-dimensional scatter plot revealing the relationship between study hours and exam scores.

PreviousViolin Plots Next Bubble Charts

Was this article helpful?