reorganize files

2025-12-21 21:22:24 +00:00 · 2025-01-30 16:28:56 +02:00
parent 594a5fc0d5
commit f8bb71a184
94 changed files with 2 additions and 25 deletions
--- a/public/charts/stackedareachart-original.vl.json
+++ b/public/charts/stackedareachart-original.vl.json
@@ -0,0 +1,133 @@
+{
+    "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
+    "title": {
+        "text": "Popular Girls' names in the UK",
+        "fontSize": 16,
+        "fontWeight": "bold"
+    },
+    "width": 600,
+    "height": 400,
+    "data": {
+        "values": [
+            {
+                "Year": "2009-01-01",
+                "Amelia": 3625,
+                "Isla": 1908,
+                "Olivia": 5201
+            },
+            {
+                "Year": "2010-01-01",
+                "Amelia": 4227,
+                "Isla": 2384,
+                "Olivia": 5279
+            },
+            {
+                "Year": "2011-01-01",
+                "Amelia": 5054,
+                "Isla": 2849,
+                "Olivia": 4938
+            },
+            {
+                "Year": "2012-01-01",
+                "Amelia": 7061,
+                "Isla": 3501,
+                "Olivia": 4585
+            },
+            {
+                "Year": "2013-01-01",
+                "Amelia": 5570,
+                "Isla": 3526,
+                "Olivia": 4598
+            },
+            {
+                "Year": "2014-01-01",
+                "Amelia": 5327,
+                "Isla": 4012,
+                "Olivia": 4724
+            }
+        ]
+    },
+    "encoding": {
+        "x": {
+            "field": "Year",
+            "type": "temporal",
+            "timeUnit": "year",
+            "axis": {
+                "title": "Year",
+                "titleFontWeight": "bold",
+                "grid": true
+            }
+        },
+        "y": {
+            "field": "value",
+            "type": "quantitative",
+            "axis": {
+                "title": "Number of Girls",
+                "titleFontWeight": "bold",
+                "grid": true
+            }
+        },
+        "color": {
+            "field": "name",
+            "type": "nominal",
+            "scale": {
+                "domain": [
+                    "Amelia",
+                    "Isla",
+                    "Olivia"
+                ],
+                "range": [
+                    "#3182bd",
+                    "#9ecae1",
+                    "#deebf7"
+                ]
+            },
+            "legend": {
+                "title": null,
+                "orient": "right"
+            }
+        }
+    },
+    "layer": [
+        {
+            "mark": {
+                "type": "area",
+                "opacity": 0.7
+            },
+            "transform": [
+                {
+                    "fold": [
+                        "Amelia",
+                        "Isla",
+                        "Olivia"
+                    ],
+                    "as": [
+                        "name",
+                        "value"
+                    ]
+                },
+                {
+                    "calculate": "datum.name === 'Amelia' ? 1 : datum.name === 'Isla' ? 2 : 3",
+                    "as": "order"
+                }
+            ],
+            "encoding": {
+                "order": {
+                    "field": "order",
+                    "type": "quantitative"
+                }
+            }
+        }
+    ],
+    "config": {
+        "axis": {
+            "gridColor": "#ddd",
+            "gridOpacity": 0.5,
+            "labelFontSize": 11,
+            "titleFontSize": 12
+        },
+        "view": {
+            "stroke": null
+        }
+    }
+}