reorganize files

public/charts/bubblechart-original.vl.json

@@ -0,0 +1,82 @@
+{
+    "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
+    "title": {
+      "text": "Metro Systems of the World",
+      "fontSize": 16,
+      "fontWeight": "bold"
+    },
+    "width": 600,
+    "height": 400,
+    "data": {
+      "url": "data/bubblechart.csv"
+    },
+    "layer": [
+      {
+        "mark": {
+          "type": "circle",
+          "opacity": 0.7,
+          "stroke": "black",
+          "strokeWidth": 1,
+          "fill": "#3182bd"
+        },
+        "encoding": {
+          "x": {
+            "field": "NumberofStations",
+            "type": "quantitative",
+            "scale": {"domain": [150, 800]},
+            "axis": {
+              "title": "Number of Stations",
+              "titleFontWeight": "bold",
+              "grid": true
+            }
+          },
+          "y": {
+            "field": "Length",
+            "type": "quantitative",
+            "scale": {"domain": [150, 500]},
+            "axis": {
+              "title": "Total System Length (Km)",
+              "titleFontWeight": "bold",
+              "grid": true
+            }
+          },
+          "size": {
+            "field": "Ridership",
+            "type": "quantitative",
+            "scale": {
+              "domain": [0, 5],
+              "range": [0, 1500]
+            },
+            "legend": {
+              "title": "Ridership (bn per year)",
+              "orient": "right",
+              "symbolType": "circle",
+              "values": [1.5, 2.5, 3.5]
+            }
+          }
+        }
+      },
+      {
+        "mark": {
+          "type": "text",
+          "fontSize": 11,
+          "dx": 15,
+          "align": "left"
+        },
+        "encoding": {
+          "x": {"field": "NumberofStations", "type": "quantitative"},
+          "y": {"field": "Length", "type": "quantitative"},
+          "text": {"field": "City", "type": "nominal"}
+        }
+      }
+    ],
+    "config": {
+      "axis": {
+        "gridColor": "#ddd",
+        "gridDash": [1, 1],
+        "labelFontSize": 11,
+        "titleFontSize": 12
+      },
+      "view": {"stroke": null}
+    }
+  }