Reduce chart width from 800 to 600 for improved layout consistency across all chart types

2025-12-21 21:22:24 +00:00 · 2025-01-30 10:45:14 +02:00
parent 6d64c97858
commit 73e33a3002
22 changed files with 22 additions and 22 deletions
--- a/src/charts/areachart-original.vl.json
+++ b/src/charts/areachart-original.vl.json
@@ -5,7 +5,7 @@
    "fontSize": 16,
    "fontWeight": "bold"
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "data": {
    "values": [
--- a/src/charts/areachart-ukrainian.vl.json
+++ b/src/charts/areachart-ukrainian.vl.json
@@ -5,7 +5,7 @@
    "fontSize": 16,
    "fontWeight": "bold"
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "data": {
    "values": [
--- a/src/charts/barchart-original.vl.json
+++ b/src/charts/barchart-original.vl.json
@@ -8,7 +8,7 @@
  "data": {
    "url": "data/barchart.csv", "format": {"type": "csv"}
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "mark": {
    "type": "bar"
--- a/src/charts/barchart-ukrainian.vl.json
+++ b/src/charts/barchart-ukrainian.vl.json
@@ -8,7 +8,7 @@
  "data": {
    "url": "data/barchart.csv", "format": {"type": "csv"}
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "mark": {
    "type": "bar"
--- a/src/charts/bubblechart-original.vl.json
+++ b/src/charts/bubblechart-original.vl.json
@@ -5,7 +5,7 @@
      "fontSize": 16,
      "fontWeight": "bold"
    },
-    "width": 800,
+    "width": 600,
    "height": 400,
    "data": {
      "url": "data/bubblechart.csv"
--- a/src/charts/bubblechart-ukrainian.vl.json
+++ b/src/charts/bubblechart-ukrainian.vl.json
@@ -5,7 +5,7 @@
      "fontSize": 16,
      "fontWeight": "bold"
    },
-    "width": 800,
+    "width": 600,
    "height": 400,
    "data": {
      "url": "data/bubblechart.csv"
--- a/src/charts/choropleth-original.vl.json
+++ b/src/charts/choropleth-original.vl.json
@@ -5,7 +5,7 @@
      "fontSize": 16,
      "fontWeight": "bold"
    },
-    "width": 800,
+    "width": 600,
    "height": 500,
    "projection": {
      "type": "albersUsa"
--- a/src/charts/choropleth-ukrainian.vl.json
+++ b/src/charts/choropleth-ukrainian.vl.json
@@ -1,7 +1,7 @@
 {
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
  "height": 500,
-  "width": 800,
+  "width": 600,
  "title": "Кількість шлюбів в першому півріччі 2024 р.",
  "config": {
    "padding": 0,
--- a/src/charts/histogram-original.vl.json
+++ b/src/charts/histogram-original.vl.json
@@ -5,7 +5,7 @@
    "fontSize": 16,
    "fontWeight": "bold"
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "data": {
    "url": "data/histogram.csv"
--- a/src/charts/histogram-ukrainian.vl.json
+++ b/src/charts/histogram-ukrainian.vl.json
@@ -5,7 +5,7 @@
    "fontSize": 16,
    "fontWeight": "bold"
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "data": {
    "url": "data/histogram.csv"
--- a/src/charts/linechart-original.vl.json
+++ b/src/charts/linechart-original.vl.json
@@ -1,6 +1,6 @@
 {
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
-  "width": 800,
+  "width": 600,
  "height": 400,
  "title": "Oil Prices",
  "data": {
--- a/src/charts/linechart-ukrainian.vl.json
+++ b/src/charts/linechart-ukrainian.vl.json
@@ -1,6 +1,6 @@
 {
  "$schema": "https://vega.github.io/schema/vega-lite/v5.json",
-  "width": 800,
+  "width": 600,
  "height": 400,
  "title": "Ціни на нафту",
  "data": {
--- a/src/charts/piechart-original.vl.json
+++ b/src/charts/piechart-original.vl.json
@@ -12,7 +12,7 @@
        "titleFontWeight": "bold"
      }
    },
-    "width": 800, "height": 400,
+    "width": 600, "height": 400,
    "data": {
      "values": [        
        {"index": 1, "brand": "Samsung", "share": 17.6},
--- a/src/charts/piechart-ukrainian.vl.json
+++ b/src/charts/piechart-ukrainian.vl.json
@@ -12,7 +12,7 @@
        "titleFontWeight": "bold"
      }
    },
-    "width": 800, "height": 400,
+    "width": 600, "height": 400,
    "data": {
      "values": [        
        {"index": 1, "brand": "Samsung", "share": 17.6},
--- a/src/charts/scatterplot-original.vl.json
+++ b/src/charts/scatterplot-original.vl.json
@@ -5,7 +5,7 @@
    "fontSize": 16,
    "fontWeight": "bold"
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "data": {
    "url": "data/scatterplot.csv"
--- a/src/charts/scatterplot-ukrainian.vl.json
+++ b/src/charts/scatterplot-ukrainian.vl.json
@@ -5,7 +5,7 @@
    "fontSize": 16,
    "fontWeight": "bold"
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "data": {
    "url": "data/scatterplot.csv"
--- a/src/charts/stacked100-original.vl.json
+++ b/src/charts/stacked100-original.vl.json
@@ -8,7 +8,7 @@
  "data": {
    "url": "data/stacked100.csv"
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "encoding": {
    "y": {
--- a/src/charts/stacked100-ukrainian.vl.json
+++ b/src/charts/stacked100-ukrainian.vl.json
@@ -8,7 +8,7 @@
  "data": {
    "url": "data/stacked100.csv"
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "encoding": {
    "y": {
--- a/src/charts/stackedareachart-original.vl.json
+++ b/src/charts/stackedareachart-original.vl.json
@@ -5,7 +5,7 @@
        "fontSize": 16,
        "fontWeight": "bold"
    },
-    "width": 800,
+    "width": 600,
    "height": 400,
    "data": {
        "values": [
--- a/src/charts/stackedareachart-ukrainian.vl.json
+++ b/src/charts/stackedareachart-ukrainian.vl.json
@@ -5,7 +5,7 @@
        "fontSize": 16,
        "fontWeight": "bold"
    },
-    "width": 800,
+    "width": 600,
    "height": 400,
    "data": {
        "values": [
--- a/src/charts/stackedbarchart-original.vl.json
+++ b/src/charts/stackedbarchart-original.vl.json
@@ -6,7 +6,7 @@
  "data": {
    "url": "data/stackedbarchart.csv"
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "encoding": {
    "x": {
--- a/src/charts/stackedbarchart-ukrainian.vl.json
+++ b/src/charts/stackedbarchart-ukrainian.vl.json
@@ -6,7 +6,7 @@
  "data": {
    "url": "data/stackedbarchart.csv"
  },
-  "width": 800,
+  "width": 600,
  "height": 400,
  "encoding": {
    "x": {