Skip to content

Instantly share code, notes, and snippets.

@donghaoren
Created February 7, 2019 16:42
Show Gist options
  • Select an option

  • Save donghaoren/17001d7cac0a0ae8be8617f93e9ebc97 to your computer and use it in GitHub Desktop.

Select an option

Save donghaoren/17001d7cac0a0ae8be8617f93e9ebc97 to your computer and use it in GitHub Desktop.
{
"state": {
"version": "1.3.0",
"dataset": {
"tables": [
{
"name": "Temperature",
"displayName": "Temperature",
"columns": [
{
"name": "Month",
"type": "string",
"metadata": {
"kind": "categorical",
"order": [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec"
]
}
},
{
"name": "City",
"type": "string",
"metadata": {
"kind": "categorical"
}
},
{
"name": "Value",
"type": "number",
"metadata": {
"kind": "numerical",
"format": ".1f"
}
}
],
"rows": [
{
"_id": "ID0",
"Month": "Jan",
"City": "City1",
"Value": 53.9
},
{
"_id": "ID1",
"Month": "Jan",
"City": "City2",
"Value": 79.7
},
{
"_id": "ID2",
"Month": "Jan",
"City": "City3",
"Value": 46.1
},
{
"_id": "ID3",
"Month": "Feb",
"City": "City1",
"Value": 61.5
},
{
"_id": "ID4",
"Month": "Feb",
"City": "City2",
"Value": 77.7
},
{
"_id": "ID5",
"Month": "Feb",
"City": "City3",
"Value": 38.5
},
{
"_id": "ID6",
"Month": "Mar",
"City": "City1",
"Value": 68.3
},
{
"_id": "ID7",
"Month": "Mar",
"City": "City2",
"Value": 73.8
},
{
"_id": "ID8",
"Month": "Mar",
"City": "City3",
"Value": 31.7
},
{
"_id": "ID9",
"Month": "Apr",
"City": "City1",
"Value": 73.8
},
{
"_id": "ID10",
"Month": "Apr",
"City": "City2",
"Value": 68.3
},
{
"_id": "ID11",
"Month": "Apr",
"City": "City3",
"Value": 26.2
},
{
"_id": "ID12",
"Month": "May",
"City": "City1",
"Value": 77.7
},
{
"_id": "ID13",
"Month": "May",
"City": "City2",
"Value": 61.5
},
{
"_id": "ID14",
"Month": "May",
"City": "City3",
"Value": 22.3
},
{
"_id": "ID15",
"Month": "Jun",
"City": "City1",
"Value": 79.7
},
{
"_id": "ID16",
"Month": "Jun",
"City": "City2",
"Value": 53.9
},
{
"_id": "ID17",
"Month": "Jun",
"City": "City3",
"Value": 20.3
},
{
"_id": "ID18",
"Month": "Jul",
"City": "City1",
"Value": 79.7
},
{
"_id": "ID19",
"Month": "Jul",
"City": "City2",
"Value": 46.1
},
{
"_id": "ID20",
"Month": "Jul",
"City": "City3",
"Value": 20.3
},
{
"_id": "ID21",
"Month": "Aug",
"City": "City1",
"Value": 77.7
},
{
"_id": "ID22",
"Month": "Aug",
"City": "City2",
"Value": 38.5
},
{
"_id": "ID23",
"Month": "Aug",
"City": "City3",
"Value": 22.3
},
{
"_id": "ID24",
"Month": "Sep",
"City": "City1",
"Value": 73.8
},
{
"_id": "ID25",
"Month": "Sep",
"City": "City2",
"Value": 31.7
},
{
"_id": "ID26",
"Month": "Sep",
"City": "City3",
"Value": 26.2
},
{
"_id": "ID27",
"Month": "Oct",
"City": "City1",
"Value": 68.3
},
{
"_id": "ID28",
"Month": "Oct",
"City": "City2",
"Value": 26.2
},
{
"_id": "ID29",
"Month": "Oct",
"City": "City3",
"Value": 31.7
},
{
"_id": "ID30",
"Month": "Nov",
"City": "City1",
"Value": 61.5
},
{
"_id": "ID31",
"Month": "Nov",
"City": "City2",
"Value": 22.3
},
{
"_id": "ID32",
"Month": "Nov",
"City": "City3",
"Value": 38.5
},
{
"_id": "ID33",
"Month": "Dec",
"City": "City1",
"Value": 53.9
},
{
"_id": "ID34",
"Month": "Dec",
"City": "City2",
"Value": 20.3
},
{
"_id": "ID35",
"Month": "Dec",
"City": "City3",
"Value": 46.1
}
]
}
],
"name": "demo"
},
"chart": {
"_id": "7qdyydv9c8a",
"classID": "chart.rectangle",
"properties": {
"name": "Chart",
"backgroundColor": null,
"backgroundOpacity": 1
},
"mappings": {
"marginTop": {
"type": "value",
"value": 80
}
},
"glyphs": [
{
"_id": "yr55edx8nv8",
"classID": "glyph.rectangle",
"properties": {
"name": "Glyph"
},
"table": "Temperature",
"marks": [
{
"_id": "vwcoot3d8jl",
"classID": "mark.anchor",
"properties": {
"name": "Anchor"
},
"mappings": {
"x": {
"type": "parent",
"parentAttribute": "icx"
},
"y": {
"type": "parent",
"parentAttribute": "icy"
}
}
},
{
"_id": "umd4sqd92k",
"classID": "mark.rect",
"properties": {
"visible": true,
"shape": "rectangle",
"name": "Shape1"
},
"mappings": {
"fill": {
"type": "scale",
"table": "Temperature",
"expression": "first(City)",
"valueType": "string",
"scale": "28p3mm9kf3b"
},
"strokeWidth": {
"type": "value",
"value": 1
},
"opacity": {
"type": "value",
"value": 1
},
"visible": {
"type": "value",
"value": true
},
"x1": {
"type": "parent",
"parentAttribute": "ix1"
},
"y1": {
"type": "parent",
"parentAttribute": "iy1"
},
"x2": {
"type": "parent",
"parentAttribute": "ix2"
},
"y2": {
"type": "parent",
"parentAttribute": "iy2"
},
"height": {
"type": "scale",
"table": "Temperature",
"expression": "avg(Value)",
"valueType": "number",
"scale": "jrug1pumkh"
}
}
}
],
"mappings": {},
"constraints": []
}
],
"elements": [
{
"_id": "aa4z5x29475",
"classID": "plot-segment.cartesian",
"glyph": "yr55edx8nv8",
"table": "Temperature",
"filter": null,
"mappings": {
"x1": {
"type": "parent",
"parentAttribute": "x1"
},
"y1": {
"type": "parent",
"parentAttribute": "y1"
},
"x2": {
"type": "parent",
"parentAttribute": "x2"
},
"y2": {
"type": "parent",
"parentAttribute": "y2"
}
},
"properties": {
"name": "PlotSegment1",
"visible": true,
"marginX1": 0,
"marginY1": 0,
"marginX2": 0,
"marginY2": 0,
"sublayout": {
"type": "dodge-x",
"order": null,
"ratioX": 0.1,
"ratioY": 0.1,
"align": {
"x": "start",
"y": "start"
},
"grid": {
"direction": "x",
"xCount": null,
"yCount": null
}
},
"xData": {
"type": "categorical",
"expression": "first(Month)",
"valueType": "string",
"gapRatio": 0.1,
"visible": true,
"side": "default",
"style": {
"tickColor": {
"r": 0,
"g": 0,
"b": 0
},
"lineColor": {
"r": 0,
"g": 0,
"b": 0
},
"fontFamily": "Arial",
"fontSize": 12,
"tickSize": 5
},
"categories": [
"Jan",
"Feb",
"Mar",
"Apr",
"May",
"Jun",
"Jul",
"Aug",
"Sep",
"Oct",
"Nov",
"Dec"
]
}
}
},
{
"_id": "1b00lelx5t6",
"classID": "mark.text",
"properties": {
"name": "Title",
"visible": true,
"alignment": {
"x": "middle",
"y": "top",
"xMargin": 0,
"yMargin": 30
},
"rotation": 0
},
"mappings": {
"x": {
"type": "parent",
"parentAttribute": "cx"
},
"y": {
"type": "parent",
"parentAttribute": "oy2"
},
"text": {
"type": "value",
"value": "Test Chart"
},
"fontSize": {
"type": "value",
"value": 24
},
"color": {
"type": "value",
"value": {
"r": 0,
"g": 0,
"b": 0
}
}
}
}
],
"scales": [
{
"_id": "jrug1pumkh",
"classID": "scale.linear<number,number>",
"properties": {
"name": "Scale1",
"domainMin": 0,
"domainMax": 80
},
"mappings": {
"rangeMin": {
"type": "value",
"value": 0
}
},
"inputType": "number",
"outputType": "number"
},
{
"_id": "28p3mm9kf3b",
"classID": "scale.categorical<string,color>",
"properties": {
"name": "Scale2",
"mapping": {
"City1": {
"r": 127,
"g": 201,
"b": 127
},
"City2": {
"r": 190,
"g": 174,
"b": 212
},
"City3": {
"r": 253,
"g": 192,
"b": 134
}
}
},
"mappings": {},
"inputType": "string",
"outputType": "color"
}
],
"constraints": [],
"resources": []
},
"chartState": {
"elements": [
{
"attributes": {
"x1": -400,
"x2": 400,
"y1": -250,
"y2": 220,
"gapX": 4,
"gapY": 4,
"x": -100,
"y": 100
},
"dataRowIndices": [
[
0
],
[
1
],
[
2
],
[
3
],
[
4
],
[
5
],
[
6
],
[
7
],
[
8
],
[
9
],
[
10
],
[
11
],
[
12
],
[
13
],
[
14
],
[
15
],
[
16
],
[
17
],
[
18
],
[
19
],
[
20
],
[
21
],
[
22
],
[
23
],
[
24
],
[
25
],
[
26
],
[
27
],
[
28
],
[
29
],
[
30
],
[
31
],
[
32
],
[
33
],
[
34
],
[
35
]
],
"glyphs": [
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -158.92722710387946,
"x2": 8.999999999999998,
"y2": 158.92722710387946,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 317.8544542077589,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -391,
"y": -91.07277289612054,
"width": 17.999999999999996,
"height": 317.8544542077589,
"x1": -400,
"y1": -250,
"x2": -382,
"y2": 67.85445420775892,
"ix1": -8.999999999999998,
"iy1": -158.92722710387946,
"ix2": 8.999999999999998,
"iy2": 158.92722710387946,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -235.00000000332457,
"x2": 8.999999999999998,
"y2": 235.00000000332457,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 470.00000000664915,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -370,
"y": -14.999999996675427,
"width": 17.999999999999996,
"height": 470.00000000664915,
"x1": -379,
"y1": -250,
"x2": -361,
"y2": 220.00000000664915,
"ix1": -8.999999999999998,
"iy1": -235.00000000332457,
"ix2": 8.999999999999998,
"iy2": 235.00000000332457,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -135.9284818086984,
"x2": 8.999999999999998,
"y2": 135.9284818086984,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 271.8569636173968,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -349,
"y": -114.0715181913016,
"width": 17.999999999999996,
"height": 271.8569636173968,
"x1": -358,
"y1": -250,
"x2": -340,
"y2": 21.856963617396787,
"ix1": -8.999999999999998,
"iy1": -135.9284818086984,
"ix2": 8.999999999999998,
"iy2": 135.9284818086984,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -181.3362609812354,
"x2": 8.999999999999998,
"y2": 181.3362609812354,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 362.6725219624708,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -323.72727272727275,
"y": -68.6637390187646,
"width": 17.999999999999996,
"height": 362.6725219624708,
"x1": -332.72727272727275,
"y1": -250,
"x2": -314.72727272727275,
"y2": 112.6725219624708,
"ix1": -8.999999999999998,
"iy1": -181.3362609812354,
"ix2": 8.999999999999998,
"iy2": 181.3362609812354,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -229.102885825073,
"x2": 8.999999999999998,
"y2": 229.102885825073,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 458.205771650146,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -302.72727272727275,
"y": -20.897114174926998,
"width": 17.999999999999996,
"height": 458.205771650146,
"x1": -311.72727272727275,
"y1": -250,
"x2": -293.72727272727275,
"y2": 208.205771650146,
"ix1": -8.999999999999998,
"iy1": -229.102885825073,
"ix2": 8.999999999999998,
"iy2": 229.102885825073,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -113.51944793134248,
"x2": 8.999999999999998,
"y2": 113.51944793134248,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 227.03889586268497,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -281.72727272727275,
"y": -136.48055206865752,
"width": 17.999999999999996,
"height": 227.03889586268497,
"x1": -290.72727272727275,
"y1": -250,
"x2": -272.72727272727275,
"y2": -22.961104137315033,
"ix1": -8.999999999999998,
"iy1": -113.51944793134248,
"ix2": 8.999999999999998,
"iy2": 113.51944793134248,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -201.38644918729068,
"x2": 8.999999999999998,
"y2": 201.38644918729068,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 402.77289837458136,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -256.45454545454544,
"y": -48.61355081270932,
"width": 17.999999999999996,
"height": 402.77289837458136,
"x1": -265.45454545454544,
"y1": -250,
"x2": -247.45454545454544,
"y2": 152.77289837458136,
"ix1": -8.999999999999998,
"iy1": -201.38644918729068,
"ix2": 8.999999999999998,
"iy2": 201.38644918729068,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -217.60351317748245,
"x2": 8.999999999999998,
"y2": 217.60351317748245,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 435.2070263549649,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -235.45454545454544,
"y": -32.396486822517545,
"width": 17.999999999999996,
"height": 435.2070263549649,
"x1": -244.45454545454544,
"y1": -250,
"x2": -226.45454545454544,
"y2": 185.2070263549649,
"ix1": -8.999999999999998,
"iy1": -217.60351317748245,
"ix2": 8.999999999999998,
"iy2": 217.60351317748245,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -93.46925972528719,
"x2": 8.999999999999998,
"y2": 93.46925972528719,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 186.93851945057438,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -214.45454545454544,
"y": -156.5307402747128,
"width": 17.999999999999996,
"height": 186.93851945057438,
"x1": -223.45454545454544,
"y1": -250,
"x2": -205.45454545454544,
"y2": -63.061480549425625,
"ix1": -8.999999999999998,
"iy1": -93.46925972528719,
"ix2": 8.999999999999998,
"iy2": 93.46925972528719,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -217.60351317748245,
"x2": 8.999999999999998,
"y2": 217.60351317748245,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 435.2070263549649,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -189.18181818181822,
"y": -32.396486822517545,
"width": 17.999999999999996,
"height": 435.2070263549649,
"x1": -198.18181818181822,
"y1": -250,
"x2": -180.18181818181822,
"y2": 185.2070263549649,
"ix1": -8.999999999999998,
"iy1": -217.60351317748245,
"ix2": 8.999999999999998,
"iy2": 217.60351317748245,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -201.38644918729068,
"x2": 8.999999999999998,
"y2": 201.38644918729068,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 402.77289837458136,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -168.18181818181822,
"y": -48.61355081270932,
"width": 17.999999999999996,
"height": 402.77289837458136,
"x1": -177.18181818181822,
"y1": -250,
"x2": -159.18181818181822,
"y2": 152.77289837458136,
"ix1": -8.999999999999998,
"iy1": -201.38644918729068,
"ix2": 8.999999999999998,
"iy2": 201.38644918729068,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -77.2521957350954,
"x2": 8.999999999999998,
"y2": 77.2521957350954,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 154.5043914701908,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -147.18181818181822,
"y": -172.7478042649046,
"width": 17.999999999999996,
"height": 154.5043914701908,
"x1": -156.18181818181822,
"y1": -250,
"x2": -138.18181818181824,
"y2": -95.4956085298092,
"ix1": -8.999999999999998,
"iy1": -77.2521957350954,
"ix2": 8.999999999999998,
"iy2": 77.2521957350954,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -229.102885825073,
"x2": 8.999999999999998,
"y2": 229.102885825073,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 458.205771650146,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -121.9090909090909,
"y": -20.897114174926998,
"width": 17.999999999999996,
"height": 458.205771650146,
"x1": -130.9090909090909,
"y1": -250,
"x2": -112.9090909090909,
"y2": 208.205771650146,
"ix1": -8.999999999999998,
"iy1": -229.102885825073,
"ix2": 8.999999999999998,
"iy2": 229.102885825073,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -181.3362609812354,
"x2": 8.999999999999998,
"y2": 181.3362609812354,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 362.6725219624708,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -100.9090909090909,
"y": -68.6637390187646,
"width": 17.999999999999996,
"height": 362.6725219624708,
"x1": -109.9090909090909,
"y1": -250,
"x2": -91.9090909090909,
"y2": 112.6725219624708,
"ix1": -8.999999999999998,
"iy1": -181.3362609812354,
"ix2": 8.999999999999998,
"iy2": 181.3362609812354,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -65.75282308750486,
"x2": 8.999999999999998,
"y2": 65.75282308750486,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 131.50564617500973,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -79.9090909090909,
"y": -184.24717691249515,
"width": 17.999999999999996,
"height": 131.50564617500973,
"x1": -88.9090909090909,
"y1": -250,
"x2": -70.90909090909092,
"y2": -118.49435382499027,
"ix1": -8.999999999999998,
"iy1": -65.75282308750486,
"ix2": 8.999999999999998,
"iy2": 65.75282308750486,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -235.00000000332457,
"x2": 8.999999999999998,
"y2": 235.00000000332457,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 470.00000000664915,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -54.636363636363654,
"y": -14.999999996675427,
"width": 17.999999999999996,
"height": 470.00000000664915,
"x1": -63.636363636363654,
"y1": -250,
"x2": -45.636363636363654,
"y2": 220.00000000664915,
"ix1": -8.999999999999998,
"iy1": -235.00000000332457,
"ix2": 8.999999999999998,
"iy2": 235.00000000332457,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -158.92722710387946,
"x2": 8.999999999999998,
"y2": 158.92722710387946,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 317.8544542077589,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -33.63636363636366,
"y": -91.07277289612054,
"width": 17.999999999999996,
"height": 317.8544542077589,
"x1": -42.636363636363654,
"y1": -250,
"x2": -24.63636363636366,
"y2": 67.85445420775892,
"ix1": -8.999999999999998,
"iy1": -158.92722710387946,
"ix2": 8.999999999999998,
"iy2": 158.92722710387946,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -59.855708909253316,
"x2": 8.999999999999998,
"y2": 59.855708909253316,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 119.71141781850663,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": -12.636363636363662,
"y": -190.1442910907467,
"width": 17.999999999999996,
"height": 119.71141781850663,
"x1": -21.63636363636366,
"y1": -250,
"x2": -3.6363636363636687,
"y2": -130.28858218149338,
"ix1": -8.999999999999998,
"iy1": -59.855708909253316,
"ix2": 8.999999999999998,
"iy2": 59.855708909253316,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -235.00000000332457,
"x2": 8.999999999999998,
"y2": 235.00000000332457,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 470.00000000664915,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 12.636363636363624,
"y": -14.999999996675427,
"width": 17.999999999999996,
"height": 470.00000000664915,
"x1": 3.636363636363626,
"y1": -250,
"x2": 21.636363636363622,
"y2": 220.00000000664915,
"ix1": -8.999999999999998,
"iy1": -235.00000000332457,
"ix2": 8.999999999999998,
"iy2": 235.00000000332457,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -135.9284818086984,
"x2": 8.999999999999998,
"y2": 135.9284818086984,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 271.8569636173968,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 33.63636363636362,
"y": -114.0715181913016,
"width": 17.999999999999996,
"height": 271.8569636173968,
"x1": 24.63636363636362,
"y1": -250,
"x2": 42.63636363636362,
"y2": 21.856963617396787,
"ix1": -8.999999999999998,
"iy1": -135.9284818086984,
"ix2": 8.999999999999998,
"iy2": 135.9284818086984,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -59.855708909253316,
"x2": 8.999999999999998,
"y2": 59.855708909253316,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 119.71141781850663,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 54.63636363636361,
"y": -190.1442910907467,
"width": 17.999999999999996,
"height": 119.71141781850663,
"x1": 45.63636363636361,
"y1": -250,
"x2": 63.636363636363605,
"y2": -130.28858218149338,
"ix1": -8.999999999999998,
"iy1": -59.855708909253316,
"ix2": 8.999999999999998,
"iy2": 59.855708909253316,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -229.102885825073,
"x2": 8.999999999999998,
"y2": 229.102885825073,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 458.205771650146,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 79.90909090909088,
"y": -20.897114174926998,
"width": 17.999999999999996,
"height": 458.205771650146,
"x1": 70.90909090909088,
"y1": -250,
"x2": 88.90909090909088,
"y2": 208.205771650146,
"ix1": -8.999999999999998,
"iy1": -229.102885825073,
"ix2": 8.999999999999998,
"iy2": 229.102885825073,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -113.51944793134248,
"x2": 8.999999999999998,
"y2": 113.51944793134248,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 227.03889586268497,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 100.90909090909088,
"y": -136.48055206865752,
"width": 17.999999999999996,
"height": 227.03889586268497,
"x1": 91.90909090909088,
"y1": -250,
"x2": 109.90909090909088,
"y2": -22.961104137315033,
"ix1": -8.999999999999998,
"iy1": -113.51944793134248,
"ix2": 8.999999999999998,
"iy2": 113.51944793134248,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -65.75282308750486,
"x2": 8.999999999999998,
"y2": 65.75282308750486,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 131.50564617500973,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 121.90909090909088,
"y": -184.24717691249515,
"width": 17.999999999999996,
"height": 131.50564617500973,
"x1": 112.90909090909088,
"y1": -250,
"x2": 130.90909090909088,
"y2": -118.49435382499027,
"ix1": -8.999999999999998,
"iy1": -65.75282308750486,
"ix2": 8.999999999999998,
"iy2": 65.75282308750486,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -217.60351317748245,
"x2": 8.999999999999998,
"y2": 217.60351317748245,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 435.2070263549649,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 147.18181818181816,
"y": -32.396486822517545,
"width": 17.999999999999996,
"height": 435.2070263549649,
"x1": 138.18181818181816,
"y1": -250,
"x2": 156.18181818181816,
"y2": 185.2070263549649,
"ix1": -8.999999999999998,
"iy1": -217.60351317748245,
"ix2": 8.999999999999998,
"iy2": 217.60351317748245,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -93.46925972528719,
"x2": 8.999999999999998,
"y2": 93.46925972528719,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 186.93851945057438,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 168.18181818181816,
"y": -156.5307402747128,
"width": 17.999999999999996,
"height": 186.93851945057438,
"x1": 159.18181818181816,
"y1": -250,
"x2": 177.18181818181816,
"y2": -63.061480549425625,
"ix1": -8.999999999999998,
"iy1": -93.46925972528719,
"ix2": 8.999999999999998,
"iy2": 93.46925972528719,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -77.2521957350954,
"x2": 8.999999999999998,
"y2": 77.2521957350954,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 154.5043914701908,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 189.18181818181816,
"y": -172.7478042649046,
"width": 17.999999999999996,
"height": 154.5043914701908,
"x1": 180.18181818181816,
"y1": -250,
"x2": 198.18181818181813,
"y2": -95.4956085298092,
"ix1": -8.999999999999998,
"iy1": -77.2521957350954,
"ix2": 8.999999999999998,
"iy2": 77.2521957350954,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -201.38644918729068,
"x2": 8.999999999999998,
"y2": 201.38644918729068,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 402.77289837458136,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 214.4545454545455,
"y": -48.61355081270932,
"width": 17.999999999999996,
"height": 402.77289837458136,
"x1": 205.4545454545455,
"y1": -250,
"x2": 223.4545454545455,
"y2": 152.77289837458136,
"ix1": -8.999999999999998,
"iy1": -201.38644918729068,
"ix2": 8.999999999999998,
"iy2": 201.38644918729068,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -77.2521957350954,
"x2": 8.999999999999998,
"y2": 77.2521957350954,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 154.5043914701908,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 235.4545454545455,
"y": -172.7478042649046,
"width": 17.999999999999996,
"height": 154.5043914701908,
"x1": 226.4545454545455,
"y1": -250,
"x2": 244.4545454545455,
"y2": -95.4956085298092,
"ix1": -8.999999999999998,
"iy1": -77.2521957350954,
"ix2": 8.999999999999998,
"iy2": 77.2521957350954,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -93.46925972528719,
"x2": 8.999999999999998,
"y2": 93.46925972528719,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 186.93851945057438,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 256.4545454545455,
"y": -156.5307402747128,
"width": 17.999999999999996,
"height": 186.93851945057438,
"x1": 247.4545454545455,
"y1": -250,
"x2": 265.4545454545455,
"y2": -63.061480549425625,
"ix1": -8.999999999999998,
"iy1": -93.46925972528719,
"ix2": 8.999999999999998,
"iy2": 93.46925972528719,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -181.3362609812354,
"x2": 8.999999999999998,
"y2": 181.3362609812354,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 362.6725219624708,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 281.72727272727275,
"y": -68.6637390187646,
"width": 17.999999999999996,
"height": 362.6725219624708,
"x1": 272.72727272727275,
"y1": -250,
"x2": 290.72727272727275,
"y2": 112.6725219624708,
"ix1": -8.999999999999998,
"iy1": -181.3362609812354,
"ix2": 8.999999999999998,
"iy2": 181.3362609812354,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -65.75282308750486,
"x2": 8.999999999999998,
"y2": 65.75282308750486,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 131.50564617500973,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 302.72727272727275,
"y": -184.24717691249515,
"width": 17.999999999999996,
"height": 131.50564617500973,
"x1": 293.72727272727275,
"y1": -250,
"x2": 311.72727272727275,
"y2": -118.49435382499027,
"ix1": -8.999999999999998,
"iy1": -65.75282308750486,
"ix2": 8.999999999999998,
"iy2": 65.75282308750486,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -113.51944793134248,
"x2": 8.999999999999998,
"y2": 113.51944793134248,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 227.03889586268497,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 323.72727272727275,
"y": -136.48055206865752,
"width": 17.999999999999996,
"height": 227.03889586268497,
"x1": 314.72727272727275,
"y1": -250,
"x2": 332.72727272727275,
"y2": -22.961104137315033,
"ix1": -8.999999999999998,
"iy1": -113.51944793134248,
"ix2": 8.999999999999998,
"iy2": 113.51944793134248,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -158.92722710387946,
"x2": 8.999999999999998,
"y2": 158.92722710387946,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 317.8544542077589,
"stroke": null,
"fill": {
"r": 127,
"g": 201,
"b": 127
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 349,
"y": -91.07277289612054,
"width": 17.999999999999996,
"height": 317.8544542077589,
"x1": 340,
"y1": -250,
"x2": 358,
"y2": 67.85445420775892,
"ix1": -8.999999999999998,
"iy1": -158.92722710387946,
"ix2": 8.999999999999998,
"iy2": 158.92722710387946,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -59.855708909253316,
"x2": 8.999999999999998,
"y2": 59.855708909253316,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 119.71141781850663,
"stroke": null,
"fill": {
"r": 190,
"g": 174,
"b": 212
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 370,
"y": -190.1442910907467,
"width": 17.999999999999996,
"height": 119.71141781850663,
"x1": 361,
"y1": -250,
"x2": 379,
"y2": -130.28858218149338,
"ix1": -8.999999999999998,
"iy1": -59.855708909253316,
"ix2": 8.999999999999998,
"iy2": 59.855708909253316,
"icx": 0,
"icy": 0
}
},
{
"marks": [
{
"attributes": {
"x": 0,
"y": 0
}
},
{
"attributes": {
"x1": -8.999999999999998,
"y1": -135.9284818086984,
"x2": 8.999999999999998,
"y2": 135.9284818086984,
"cx": 0,
"cy": 0,
"width": 17.999999999999996,
"height": 271.8569636173968,
"stroke": null,
"fill": {
"r": 253,
"g": 192,
"b": 134
},
"strokeWidth": 1,
"opacity": 1,
"visible": true
}
}
],
"attributes": {
"x": 391,
"y": -114.0715181913016,
"width": 17.999999999999996,
"height": 271.8569636173968,
"x1": 382,
"y1": -250,
"x2": 400,
"y2": 21.856963617396787,
"ix1": -8.999999999999998,
"iy1": -135.9284818086984,
"ix2": 8.999999999999998,
"iy2": 135.9284818086984,
"icx": 0,
"icy": 0
}
}
]
},
{
"attributes": {
"x": 0,
"y": 300,
"text": "Test Chart",
"fontFamily": "Arial",
"fontSize": 24,
"color": {
"r": 0,
"g": 0,
"b": 0
},
"visible": true,
"outline": null,
"opacity": 1
}
}
],
"scales": [
{
"attributes": {
"rangeMin": 0,
"rangeMax": 471.7691342601246
}
},
{
"attributes": {}
}
],
"attributes": {
"width": 900,
"height": 600,
"marginLeft": 50,
"marginRight": 50,
"marginTop": 80,
"marginBottom": 50,
"cx": 0,
"cy": -15,
"x1": -400,
"y1": -250,
"x2": 400,
"y2": 220,
"ox1": -450,
"oy1": -300,
"ox2": 450,
"oy2": 300
}
}
},
"name": "demo"
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment