mirror of
https://github.com/olehomelchenko/dataviz-portfolio.git
synced 2026-09-24 20:51:46 +00:00
Initial commit
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 124 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 123 KiB |
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,307 @@
|
||||
{
|
||||
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
|
||||
"description": "Приклад роботи в шаблоні портфоліо: величина закодована яскравістю, не веселкою.",
|
||||
"title": {
|
||||
"text": "Продажі за кварталами",
|
||||
"subtitle": "Sample Superstore, 2014–2017",
|
||||
"anchor": "start",
|
||||
"fontSize": 16,
|
||||
"subtitleFontSize": 12,
|
||||
"subtitleColor": "#7a8894"
|
||||
},
|
||||
"width": 620,
|
||||
"height": 150,
|
||||
"data": {
|
||||
"values": [
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2014 Q1",
|
||||
"sales": 14529
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2014 Q2",
|
||||
"sales": 31244
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2014 Q3",
|
||||
"sales": 53924
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2014 Q4",
|
||||
"sales": 52080
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2015 Q1",
|
||||
"sales": 23059
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2015 Q2",
|
||||
"sales": 32320
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2015 Q3",
|
||||
"sales": 35761
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2015 Q4",
|
||||
"sales": 46093
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2016 Q1",
|
||||
"sales": 29441
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2016 Q2",
|
||||
"sales": 34584
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2016 Q3",
|
||||
"sales": 45148
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2016 Q4",
|
||||
"sales": 74767
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2017 Q1",
|
||||
"sales": 43232
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2017 Q2",
|
||||
"sales": 45721
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2017 Q3",
|
||||
"sales": 72197
|
||||
},
|
||||
{
|
||||
"cat": "Канцелярія",
|
||||
"quarter": "2017 Q4",
|
||||
"sales": 84946
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2014 Q1",
|
||||
"sales": 22656
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2014 Q2",
|
||||
"sales": 28064
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2014 Q3",
|
||||
"sales": 41958
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2014 Q4",
|
||||
"sales": 64515
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2015 Q1",
|
||||
"sales": 27374
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2015 Q2",
|
||||
"sales": 27565
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2015 Q3",
|
||||
"sales": 49586
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2015 Q4",
|
||||
"sales": 65993
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2016 Q1",
|
||||
"sales": 24349
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2016 Q2",
|
||||
"sales": 41402
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2016 Q3",
|
||||
"sales": 52815
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2016 Q4",
|
||||
"sales": 80335
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2017 Q1",
|
||||
"sales": 23724
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2017 Q2",
|
||||
"sales": 45032
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2017 Q3",
|
||||
"sales": 56283
|
||||
},
|
||||
{
|
||||
"cat": "Меблі",
|
||||
"quarter": "2017 Q4",
|
||||
"sales": 90348
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2014 Q1",
|
||||
"sales": 37263
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2014 Q2",
|
||||
"sales": 27231
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2014 Q3",
|
||||
"sales": 47751
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2014 Q4",
|
||||
"sales": 63033
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2015 Q1",
|
||||
"sales": 18418
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2015 Q2",
|
||||
"sales": 29239
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2015 Q3",
|
||||
"sales": 44913
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2015 Q4",
|
||||
"sales": 70211
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2016 Q1",
|
||||
"sales": 39447
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2016 Q2",
|
||||
"sales": 60095
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2016 Q3",
|
||||
"sales": 45825
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2016 Q4",
|
||||
"sales": 80997
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2017 Q1",
|
||||
"sales": 56189
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2017 Q2",
|
||||
"sales": 43011
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2017 Q3",
|
||||
"sales": 67772
|
||||
},
|
||||
{
|
||||
"cat": "Техніка",
|
||||
"quarter": "2017 Q4",
|
||||
"sales": 104759
|
||||
}
|
||||
]
|
||||
},
|
||||
"mark": {
|
||||
"type": "rect",
|
||||
"stroke": "#ffffff",
|
||||
"strokeWidth": 1
|
||||
},
|
||||
"encoding": {
|
||||
"x": {
|
||||
"field": "quarter",
|
||||
"type": "ordinal",
|
||||
"title": null,
|
||||
"axis": {
|
||||
"labelAngle": -45,
|
||||
"labelFontSize": 10
|
||||
}
|
||||
},
|
||||
"y": {
|
||||
"field": "cat",
|
||||
"type": "nominal",
|
||||
"title": null,
|
||||
"sort": [
|
||||
"Меблі",
|
||||
"Канцелярія",
|
||||
"Техніка"
|
||||
]
|
||||
},
|
||||
"color": {
|
||||
"field": "sales",
|
||||
"type": "quantitative",
|
||||
"title": "продажі, $",
|
||||
"scale": {
|
||||
"scheme": "viridis"
|
||||
}
|
||||
},
|
||||
"tooltip": [
|
||||
{
|
||||
"field": "cat",
|
||||
"title": "категорія"
|
||||
},
|
||||
{
|
||||
"field": "quarter",
|
||||
"title": "квартал"
|
||||
},
|
||||
{
|
||||
"field": "sales",
|
||||
"title": "продажі, $",
|
||||
"format": ","
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
@@ -0,0 +1,287 @@
|
||||
{
|
||||
"$schema": "https://vega.github.io/schema/vega-lite/v5.json",
|
||||
"description": "Стало: обчислена маржа з нульовою віссю.",
|
||||
"title": {
|
||||
"text": "Маржа, % від продажів",
|
||||
"subtitle": "Sample Superstore, 2014–2017",
|
||||
"anchor": "start",
|
||||
"fontSize": 16,
|
||||
"subtitleFontSize": 12,
|
||||
"subtitleColor": "#7a8894"
|
||||
},
|
||||
"width": 600,
|
||||
"height": 300,
|
||||
"data": {
|
||||
"values": [
|
||||
{
|
||||
"month": "2014-01-01",
|
||||
"margin": 17.21
|
||||
},
|
||||
{
|
||||
"month": "2014-02-01",
|
||||
"margin": 19.08
|
||||
},
|
||||
{
|
||||
"month": "2014-03-01",
|
||||
"margin": 0.9
|
||||
},
|
||||
{
|
||||
"month": "2014-04-01",
|
||||
"margin": 12.33
|
||||
},
|
||||
{
|
||||
"month": "2014-05-01",
|
||||
"margin": 11.58
|
||||
},
|
||||
{
|
||||
"month": "2014-06-01",
|
||||
"margin": 14.38
|
||||
},
|
||||
{
|
||||
"month": "2014-07-01",
|
||||
"margin": -2.48
|
||||
},
|
||||
{
|
||||
"month": "2014-08-01",
|
||||
"margin": 19.05
|
||||
},
|
||||
{
|
||||
"month": "2014-09-01",
|
||||
"margin": 10.18
|
||||
},
|
||||
{
|
||||
"month": "2014-10-01",
|
||||
"margin": 10.96
|
||||
},
|
||||
{
|
||||
"month": "2014-11-01",
|
||||
"margin": 11.82
|
||||
},
|
||||
{
|
||||
"month": "2014-12-01",
|
||||
"margin": 12.92
|
||||
},
|
||||
{
|
||||
"month": "2015-01-01",
|
||||
"margin": -18.05
|
||||
},
|
||||
{
|
||||
"month": "2015-02-01",
|
||||
"margin": 23.54
|
||||
},
|
||||
{
|
||||
"month": "2015-03-01",
|
||||
"margin": 25.13
|
||||
},
|
||||
{
|
||||
"month": "2015-04-01",
|
||||
"margin": 12.25
|
||||
},
|
||||
{
|
||||
"month": "2015-05-01",
|
||||
"margin": 15.49
|
||||
},
|
||||
{
|
||||
"month": "2015-06-01",
|
||||
"margin": 13.45
|
||||
},
|
||||
{
|
||||
"month": "2015-07-01",
|
||||
"margin": 11.43
|
||||
},
|
||||
{
|
||||
"month": "2015-08-01",
|
||||
"margin": 14.52
|
||||
},
|
||||
{
|
||||
"month": "2015-09-01",
|
||||
"margin": 12.71
|
||||
},
|
||||
{
|
||||
"month": "2015-10-01",
|
||||
"margin": 8.97
|
||||
},
|
||||
{
|
||||
"month": "2015-11-01",
|
||||
"margin": 16.42
|
||||
},
|
||||
{
|
||||
"month": "2015-12-01",
|
||||
"margin": 10.7
|
||||
},
|
||||
{
|
||||
"month": "2016-01-01",
|
||||
"margin": 15.23
|
||||
},
|
||||
{
|
||||
"month": "2016-02-01",
|
||||
"margin": 21.78
|
||||
},
|
||||
{
|
||||
"month": "2016-03-01",
|
||||
"margin": 6.98
|
||||
},
|
||||
{
|
||||
"month": "2016-04-01",
|
||||
"margin": 7.68
|
||||
},
|
||||
{
|
||||
"month": "2016-05-01",
|
||||
"margin": 15.2
|
||||
},
|
||||
{
|
||||
"month": "2016-06-01",
|
||||
"margin": 11.77
|
||||
},
|
||||
{
|
||||
"month": "2016-07-01",
|
||||
"margin": 11.29
|
||||
},
|
||||
{
|
||||
"month": "2016-08-01",
|
||||
"margin": 6.63
|
||||
},
|
||||
{
|
||||
"month": "2016-09-01",
|
||||
"margin": 12.71
|
||||
},
|
||||
{
|
||||
"month": "2016-10-01",
|
||||
"margin": 27.21
|
||||
},
|
||||
{
|
||||
"month": "2016-11-01",
|
||||
"margin": 5.05
|
||||
},
|
||||
{
|
||||
"month": "2016-12-01",
|
||||
"margin": 18.44
|
||||
},
|
||||
{
|
||||
"month": "2017-01-01",
|
||||
"margin": 16.24
|
||||
},
|
||||
{
|
||||
"month": "2017-02-01",
|
||||
"margin": 7.95
|
||||
},
|
||||
{
|
||||
"month": "2017-03-01",
|
||||
"margin": 25.06
|
||||
},
|
||||
{
|
||||
"month": "2017-04-01",
|
||||
"margin": 2.56
|
||||
},
|
||||
{
|
||||
"month": "2017-05-01",
|
||||
"margin": 14.33
|
||||
},
|
||||
{
|
||||
"month": "2017-06-01",
|
||||
"margin": 15.52
|
||||
},
|
||||
{
|
||||
"month": "2017-07-01",
|
||||
"margin": 15.36
|
||||
},
|
||||
{
|
||||
"month": "2017-08-01",
|
||||
"margin": 14.32
|
||||
},
|
||||
{
|
||||
"month": "2017-09-01",
|
||||
"margin": 12.51
|
||||
},
|
||||
{
|
||||
"month": "2017-10-01",
|
||||
"margin": 11.93
|
||||
},
|
||||
{
|
||||
"month": "2017-11-01",
|
||||
"margin": 8.18
|
||||
},
|
||||
{
|
||||
"month": "2017-12-01",
|
||||
"margin": 10.12
|
||||
}
|
||||
]
|
||||
},
|
||||
"layer": [
|
||||
{
|
||||
"mark": {
|
||||
"type": "area",
|
||||
"line": {
|
||||
"color": "#003964",
|
||||
"strokeWidth": 2
|
||||
},
|
||||
"color": "#cfe4ea",
|
||||
"opacity": 0.9
|
||||
},
|
||||
"encoding": {
|
||||
"x": {
|
||||
"field": "month",
|
||||
"type": "temporal",
|
||||
"title": null,
|
||||
"axis": {
|
||||
"format": "%Y",
|
||||
"tickCount": 4
|
||||
}
|
||||
},
|
||||
"y": {
|
||||
"field": "margin",
|
||||
"type": "quantitative",
|
||||
"title": null
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
"transform": [
|
||||
{
|
||||
"filter": "datum.margin < 0"
|
||||
}
|
||||
],
|
||||
"mark": {
|
||||
"type": "point",
|
||||
"filled": true,
|
||||
"size": 70,
|
||||
"color": "#f15b43"
|
||||
},
|
||||
"encoding": {
|
||||
"x": {
|
||||
"field": "month",
|
||||
"type": "temporal"
|
||||
},
|
||||
"y": {
|
||||
"field": "margin",
|
||||
"type": "quantitative"
|
||||
},
|
||||
"tooltip": [
|
||||
{
|
||||
"field": "month",
|
||||
"type": "temporal",
|
||||
"title": "місяць",
|
||||
"format": "%b %Y"
|
||||
},
|
||||
{
|
||||
"field": "margin",
|
||||
"type": "quantitative",
|
||||
"title": "маржа, %"
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"mark": {
|
||||
"type": "rule",
|
||||
"color": "#8a97a3",
|
||||
"strokeWidth": 1
|
||||
},
|
||||
"encoding": {
|
||||
"y": {
|
||||
"datum": 0
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user