dynamically create 2D array to store csv data

Day1Exercise/Q2/dataset.csv

@@ -4,3 +4,5 @@ x,y
 5,20
 7,4
 22,6
+11,33
+10,13

Day1Exercise/Q2/scatterPlot.js

@@ -3,28 +3,33 @@ function myScatterPlot() {
     console.log("entering...");
 
     //debugger;
+    // for D3.js v5 and above, d3.csv() use promise design pattern
     const myPromise = d3.csv("./dataset.csv");
 
-    myPromise.then((data)  => {
+    myPromise.then((data) => {
+            //debugger;
+            console.log("callback...")
 
-        //debugger;
+            var i = 0;
-        console.log("callback...")
+            var csvDataset = new Array(data.length);
-
+            for (var ii = 0; ii < csvDataset.length; ii++) { 
-        var i=0;
+                csvDataset[ii] = new Array(2); 
-        data.forEach(d => {
+            } 
-            d.x = +d.x;
-            d.y = +d.y;
             //
-            dataset[i][0] = d.x;
+            data.forEach(d => {
-            dataset[i][1] = d.y;
+                d.x = +d.x;
-            i++;
+                d.y = +d.y;
-        });
+                //
+                csvDataset[i][0] = d.x;
+                csvDataset[i][1] = d.y;
+                i++;
+            });
 
-        // plot to view
+            // plot to view
-        plot(dataset);
+            plot(csvDataset);
         })
         .catch(error => {
-            alert("File Missing!!!")
+            alert(`dataset error : ${error.message}`)
         });
 
 }