Interactive Scatter Chart

{
    "metadata": {
        "title": "Interactive Scatter Chart",
        "description": "Modify the data below to update the chart dynamically."
    },
    "data": {
        "datasets": [
            {
                "label": "Dataset 1",
                "data": [
                    { "x": 10, "y": 20 },
                    { "x": 15, "y": 10 },
                    { "x": 20, "y": 30 }
                ],
                "backgroundColor": "rgba(255, 99, 132, 0.2)",
                "borderColor": "rgba(255, 99, 132, 1)",
                "borderWidth": 1
            },
            {
                "label": "Dataset 2",
                "data": [
                    { "x": 5, "y": 25 },
                    { "x": 10, "y": 15 },
                    { "x": 25, "y": 35 }
                ],
                "backgroundColor": "rgba(54, 162, 235, 0.2)",
                "borderColor": "rgba(54, 162, 235, 1)",
                "borderWidth": 1
            }
        ]
    },
    "options": {
        "xAxisTitle": "X Axis",
        "yAxisTitle": "Y Axis"
    }
}