Extension:Graph/Demo/AdamsCount
Appearance
< Extension:Graph | Demo
-->
<graph>
{
"version": 1,
"width": 650,
"height": 300,
"data": [
{
"name": "values",
"url": "/w/index.php?title=Extension:Graph/Demo/AdamsCountData&action=raw",
"format": {
"type": "csv",
"parse": {
"count": "number",
"date": "date"
}
}
},
{
"name": "stats",
"source": "values",
"transform": [
{
"type": "facet",
"keys": [
"data.date"
]
},
{
"type": "stats",
"value": "data.count"
}
]
}
],
"scales": [
{
"name": "x",
"type": "time",
"range": "width",
"domain": {
"data": "values",
"field": "data.date"
}
},
{
"name": "y",
"type": "linear",
"range": "height",
"nice": true,
"domain": {
"data": "stats",
"field": "sum"
}
},
{
"name": "color",
"type": "ordinal",
"range": "category20",
"domain": {
"data": "values",
"field": "data.user"
}
}
],
"legends": [
{
"fill": "color",
"title": "User",
"offset": 10,
"properties": {
"symbols": {
"stroke": {
"value": "transparent"
}
}
}
}
],
"axes": [
{
"type": "x",
"scale": "x",
"tickSizeEnd": 0,
"grid": true,
"properties": {
"ticks": {
"stroke": {
"value": "#666666"
}
},
"labels": {
"fill": {
"value": "#666666"
},
"angle": {
"value": 30
},
"align": {
"value": "left"
}
},
"grid": {
"stroke": {
"value": "#cacaca"
}
},
"axis": {
"stroke": {
"value": "#666666"
},
"strokeWidth": {
"value": 2
}
}
}
},
{
"type": "y",
"scale": "y",
"grid": true,
"properties": {
"ticks": {
"stroke": {
"value": "#666666"
}
},
"labels": {
"fill": {
"value": "#666666"
}
},
"grid": {
"stroke": {
"value": "#cacaca"
}
},
"axis": {
"stroke": {
"value": "#666666"
},
"strokeWidth": {
"value": 2
}
}
}
}
],
"marks": [
{
"type": "group",
"from": {
"data": "values",
"transform": [
{
"type": "facet",
"keys": [
"data.user"
]
},
{
"type": "stack",
"point": "data.date",
"height": "data.count"
}
]
},
"marks": [
{
"type": "rect",
"properties": {
"enter": {
"x": {
"scale": "x",
"field": "data.date"
},
"width": {"value":5},
"y": {
"scale": "y",
"field": "y"
},
"y2": {
"scale": "y",
"field": "y2"
},
"fill": {
"scale": "color",
"field": "data.user"
}
}
}
}
]
}
]
}
</graph>
-->