Skip to content

Instantly share code, notes, and snippets.

@randyzwitch
Created October 16, 2015 19:30
Show Gist options
  • Save randyzwitch/94332e271c16ec73e935 to your computer and use it in GitHub Desktop.
Save randyzwitch/94332e271c16ec73e935 to your computer and use it in GitHub Desktop.
Stem and Leaf plot Vega
{
"name": "Vega Visualization",
"height": 450,
"padding": "auto",
"marks": [
{
"properties": {
"enter": {
"x": {
"field": "x",
"scale": "x",
"offset": -10
},
"fillOpacity": {
"value": 0.9
},
"fill": {
"field": "group",
"scale": "group"
},
"y": {
"field": "y",
"scale": "y",
"offset": 4
},
"text": {"field": "group"},
"fontSize": {"value": 11}
}
},
"from": {
"data": "table"
},
"type": "text"
}
],
"axes": [
{
"titleOffset": 40,
"layer": "front",
"properties": {
"title": {
"fontSize": {
"value": 14
}
}
},
"grid": false,
"type": "y",
"scale": "y",
"ticks": 15,
"tickSize": 0,
"tickPadding": 10
}
],
"data": [
{
"name": "table",
"values": [
{
"x": 1,
"y2": 0,
"group": 1,
"y": 0
},
{
"x": 2,
"y2": 0,
"group": 3,
"y": 0
},
{
"x": 3,
"y2": 0,
"group": 5,
"y": 0
},
{
"x": 4,
"y2": 0,
"group": 6,
"y": 0
},
{
"x": 1,
"y2": 0,
"group": 7,
"y": 1
},
{
"x": 1,
"y2": 0,
"group": 2,
"y": 3
},
{
"x": 1,
"y2": 0,
"group": 7,
"y": 4
},
{
"x": 1,
"y2": 0,
"group": 3,
"y": 5
},
{
"x": 1,
"y2": 0,
"group": 0,
"y": 6
},
{
"x": 2,
"y2": 0,
"group": 1,
"y": 6
},
{
"x": 3,
"y2": 0,
"group": 4,
"y": 6
},
{
"x": 4,
"y2": 0,
"group": 7,
"y": 6
},
{
"x": 1,
"y2": 0,
"group": 0,
"y": 7
},
{
"x": 2,
"y2": 0,
"group": 0,
"y": 7
},
{
"x": 3,
"y2": 0,
"group": 1,
"y": 7
},
{
"x": 4,
"y2": 0,
"group": 2,
"y": 7
},
{
"x": 5,
"y2": 0,
"group": 3,
"y": 7
},
{
"x": 6,
"y2": 0,
"group": 3,
"y": 7
},
{
"x": 7,
"y2": 0,
"group": 4,
"y": 7
},
{
"x": 8,
"y2": 0,
"group": 6,
"y": 7
},
{
"x": 9,
"y2": 0,
"group": 7,
"y": 7
},
{
"x": 10,
"y2": 0,
"group": 9,
"y": 7
},
{
"x": 1,
"y2": 0,
"group": 1,
"y": 8
},
{
"x": 2,
"y2": 0,
"group": 2,
"y": 8
},
{
"x": 3,
"y2": 0,
"group": 3,
"y": 8
},
{
"x": 4,
"y2": 0,
"group": 3,
"y": 8
},
{
"x": 5,
"y2": 0,
"group": 3,
"y": 8
},
{
"x": 6,
"y2": 0,
"group": 3,
"y": 8
},
{
"x": 7,
"y2": 0,
"group": 4,
"y": 8
},
{
"x": 8,
"y2": 0,
"group": 5,
"y": 8
},
{
"x": 9,
"y2": 0,
"group": 6,
"y": 8
},
{
"x": 10,
"y2": 0,
"group": 7,
"y": 8
},
{
"x": 11,
"y2": 0,
"group": 7,
"y": 8
},
{
"x": 12,
"y2": 0,
"group": 8,
"y": 8
},
{
"x": 13,
"y2": 0,
"group": 9,
"y": 8
},
{
"x": 1,
"y2": 0,
"group": 0,
"y": 9
},
{
"x": 2,
"y2": 0,
"group": 1,
"y": 9
},
{
"x": 3,
"y2": 0,
"group": 1,
"y": 9
},
{
"x": 4,
"y2": 0,
"group": 2,
"y": 9
},
{
"x": 5,
"y2": 0,
"group": 4,
"y": 9
},
{
"x": 6,
"y2": 0,
"group": 4,
"y": 9
},
{
"x": 7,
"y2": 0,
"group": 5,
"y": 9
},
{
"x": 8,
"y2": 0,
"group": 6,
"y": 9
},
{
"x": 9,
"y2": 0,
"group": 7,
"y": 9
},
{
"x": 10,
"y2": 0,
"group": 8,
"y": 9
},
{
"x": 11,
"y2": 0,
"group": 8,
"y": 9
},
{
"x": 12,
"y2": 0,
"group": 9,
"y": 9
},
{
"x": 13,
"y2": 0,
"group": 9,
"y": 9
},
{
"x": 14,
"y2": 0,
"group": 9,
"y": 9
},
{
"x": 15,
"y2": 0,
"group": 9,
"y": 9
},
{
"x": 16,
"y2": 0,
"group": 9,
"y": 9
},
{
"x": 1,
"y2": 0,
"group": 0,
"y": 10
},
{
"x": 2,
"y2": 0,
"group": 0,
"y": 10
},
{
"x": 3,
"y2": 0,
"group": 0,
"y": 10
},
{
"x": 4,
"y2": 0,
"group": 1,
"y": 10
},
{
"x": 5,
"y2": 0,
"group": 1,
"y": 10
},
{
"x": 6,
"y2": 0,
"group": 2,
"y": 10
},
{
"x": 7,
"y2": 0,
"group": 3,
"y": 10
},
{
"x": 8,
"y2": 0,
"group": 3,
"y": 10
},
{
"x": 9,
"y2": 0,
"group": 3,
"y": 10
},
{
"x": 10,
"y2": 0,
"group": 3,
"y": 10
},
{
"x": 11,
"y2": 0,
"group": 4,
"y": 10
},
{
"x": 12,
"y2": 0,
"group": 6,
"y": 10
},
{
"x": 13,
"y2": 0,
"group": 6,
"y": 10
},
{
"x": 14,
"y2": 0,
"group": 6,
"y": 10
},
{
"x": 15,
"y2": 0,
"group": 6,
"y": 10
},
{
"x": 16,
"y2": 0,
"group": 7,
"y": 10
},
{
"x": 17,
"y2": 0,
"group": 7,
"y": 10
},
{
"x": 18,
"y2": 0,
"group": 7,
"y": 10
},
{
"x": 19,
"y2": 0,
"group": 7,
"y": 10
},
{
"x": 20,
"y2": 0,
"group": 8,
"y": 10
},
{
"x": 21,
"y2": 0,
"group": 9,
"y": 10
},
{
"x": 22,
"y2": 0,
"group": 9,
"y": 10
},
{
"x": 1,
"y2": 0,
"group": 0,
"y": 11
},
{
"x": 2,
"y2": 0,
"group": 1,
"y": 11
},
{
"x": 3,
"y2": 0,
"group": 1,
"y": 11
},
{
"x": 4,
"y2": 0,
"group": 1,
"y": 11
},
{
"x": 5,
"y2": 0,
"group": 2,
"y": 11
},
{
"x": 6,
"y2": 0,
"group": 2,
"y": 11
},
{
"x": 7,
"y2": 0,
"group": 3,
"y": 11
},
{
"x": 8,
"y2": 0,
"group": 4,
"y": 11
},
{
"x": 9,
"y2": 0,
"group": 4,
"y": 11
},
{
"x": 10,
"y2": 0,
"group": 4,
"y": 11
},
{
"x": 11,
"y2": 0,
"group": 5,
"y": 11
},
{
"x": 12,
"y2": 0,
"group": 6,
"y": 11
},
{
"x": 13,
"y2": 0,
"group": 7,
"y": 11
},
{
"x": 14,
"y2": 0,
"group": 7,
"y": 11
},
{
"x": 15,
"y2": 0,
"group": 9,
"y": 11
},
{
"x": 1,
"y2": 0,
"group": 0,
"y": 12
},
{
"x": 2,
"y2": 0,
"group": 0,
"y": 12
},
{
"x": 3,
"y2": 0,
"group": 0,
"y": 12
},
{
"x": 4,
"y2": 0,
"group": 0,
"y": 12
},
{
"x": 5,
"y2": 0,
"group": 1,
"y": 12
},
{
"x": 6,
"y2": 0,
"group": 1,
"y": 12
},
{
"x": 7,
"y2": 0,
"group": 2,
"y": 12
},
{
"x": 8,
"y2": 0,
"group": 2,
"y": 12
},
{
"x": 9,
"y2": 0,
"group": 2,
"y": 12
},
{
"x": 10,
"y2": 0,
"group": 3,
"y": 12
},
{
"x": 11,
"y2": 0,
"group": 4,
"y": 12
},
{
"x": 12,
"y2": 0,
"group": 4,
"y": 12
},
{
"x": 13,
"y2": 0,
"group": 5,
"y": 12
},
{
"x": 14,
"y2": 0,
"group": 5,
"y": 12
},
{
"x": 15,
"y2": 0,
"group": 6,
"y": 12
},
{
"x": 16,
"y2": 0,
"group": 6,
"y": 12
},
{
"x": 17,
"y2": 0,
"group": 7,
"y": 12
},
{
"x": 18,
"y2": 0,
"group": 8,
"y": 12
},
{
"x": 19,
"y2": 0,
"group": 9,
"y": 12
},
{
"x": 1,
"y2": 0,
"group": 0,
"y": 13
},
{
"x": 2,
"y2": 0,
"group": 1,
"y": 13
},
{
"x": 3,
"y2": 0,
"group": 1,
"y": 13
},
{
"x": 4,
"y2": 0,
"group": 1,
"y": 13
},
{
"x": 5,
"y2": 0,
"group": 1,
"y": 13
},
{
"x": 6,
"y2": 0,
"group": 2,
"y": 13
},
{
"x": 7,
"y2": 0,
"group": 2,
"y": 13
},
{
"x": 8,
"y2": 0,
"group": 2,
"y": 13
},
{
"x": 9,
"y2": 0,
"group": 2,
"y": 13
},
{
"x": 10,
"y2": 0,
"group": 3,
"y": 13
},
{
"x": 11,
"y2": 0,
"group": 3,
"y": 13
},
{
"x": 12,
"y2": 0,
"group": 4,
"y": 13
},
{
"x": 13,
"y2": 0,
"group": 4,
"y": 13
},
{
"x": 14,
"y2": 0,
"group": 4,
"y": 13
},
{
"x": 15,
"y2": 0,
"group": 5,
"y": 13
},
{
"x": 16,
"y2": 0,
"group": 5,
"y": 13
},
{
"x": 17,
"y2": 0,
"group": 5,
"y": 13
},
{
"x": 18,
"y2": 0,
"group": 6,
"y": 13
},
{
"x": 19,
"y2": 0,
"group": 6,
"y": 13
},
{
"x": 20,
"y2": 0,
"group": 6,
"y": 13
},
{
"x": 21,
"y2": 0,
"group": 7,
"y": 13
},
{
"x": 22,
"y2": 0,
"group": 8,
"y": 13
},
{
"x": 23,
"y2": 0,
"group": 9,
"y": 13
},
{
"x": 1,
"y2": 0,
"group": 0,
"y": 14
},
{
"x": 2,
"y2": 0,
"group": 0,
"y": 14
},
{
"x": 3,
"y2": 0,
"group": 2,
"y": 14
},
{
"x": 4,
"y2": 0,
"group": 3,
"y": 14
},
{
"x": 5,
"y2": 0,
"group": 4,
"y": 14
},
{
"x": 6,
"y2": 0,
"group": 5,
"y": 14
},
{
"x": 7,
"y2": 0,
"group": 5,
"y": 14
},
{
"x": 8,
"y2": 0,
"group": 5,
"y": 14
},
{
"x": 9,
"y2": 0,
"group": 5,
"y": 14
},
{
"x": 10,
"y2": 0,
"group": 5,
"y": 14
},
{
"x": 11,
"y2": 0,
"group": 7,
"y": 14
},
{
"x": 12,
"y2": 0,
"group": 9,
"y": 14
},
{
"x": 1,
"y2": 0,
"group": 2,
"y": 15
},
{
"x": 2,
"y2": 0,
"group": 5,
"y": 15
},
{
"x": 3,
"y2": 0,
"group": 7,
"y": 15
},
{
"x": 4,
"y2": 0,
"group": 9,
"y": 15
}
]
}
],
"scales": [
{
"name": "x",
"range": "width",
"domain": {
"data": "table",
"field": "x"
},
"type": "linear"
},
{
"reverse": true,
"name": "y",
"zero": true,
"domainMax": 15,
"domain": {
"data": "table",
"field": "y"
},
"domainMin": 0,
"range": "height",
"type": "linear",
"round": false
},
{
"name": "group",
"range": [
"black"
],
"domain": {
"data": "table",
"field": "group"
},
"type": "ordinal"
}
],
"width": 500
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment