Template:Graph:Stacked/testcases
 | This is the template test cases page for the sandbox of Template:Graph:Stacked. to update the examples. If there are many examples of a complicated template, later ones may break due to limits in MediaWiki; see the HTML comment "NewPP limit report" in the rendered page. You can also use Special:ExpandTemplates to examine the results of template uses. You can test how this page looks in the different skins and parsers with these links: |
__EXPECTUNUSEDTEMPLATE__
Baseline
{{Graph:Stacked|barwidth=14 |series="TX","NY","CA" |table=Bea.gov/GDP by state.tab |title=Per state GDP |type=year |xField=year}}
{{Graph:Stacked}}
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP.
See or edit source data.
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
See or edit source data.
Hide source
{{Graph:Stacked|barwidth=14 |hideSource=true |series="TX","NY","CA" |table=Bea.gov/GDP by state.tab |title=Per state GDP |type=year |xField=year}}
{{Graph:Stacked}}
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP.
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Caption
{{Graph:Stacked|barwidth=14 |caption=Per state GDP. |series="TX","NY","CA" |table=Bea.gov/GDP by state.tab |title=Per state GDP |type=year |xField=year}}
{{Graph:Stacked}}
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP.
See or edit source data.
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP.
See or edit source data.
Caption and hid source
{{Graph:Stacked|barwidth=14 |caption=Per state GDP |hideSource=true |series="TX","NY","CA" |table=Bea.gov/GDP by state.tab |title=Per state GDP |type=year |xField=year}}
{{Graph:Stacked}}
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP
Thumb
{{Graph:Stacked|barwidth=14 |series="TX","NY","CA" |table=Bea.gov/GDP by state.tab |thumb=true |title=Per state GDP |type=year |xField=year}}
{{Graph:Stacked}}
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP.
See or edit source data.
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
See or edit source data.
Thumb and caption
{{Graph:Stacked|barwidth=14 |caption=Per state GDP. |series="TX","NY","CA" |table=Bea.gov/GDP by state.tab |thumb=true |title=Per state GDP |type=year |xField=year}}
{{Graph:Stacked}}
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP.
See or edit source data.
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP.
See or edit source data.
Thumb and caption with hid source
{{Graph:Stacked|barwidth=14 |caption=Per state GDP |hideSource=true |series="TX","NY","CA" |table=Bea.gov/GDP by state.tab |thumb=true |title=Per state GDP |type=year |xField=year}}
{{Graph:Stacked}}
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP
<graph>
{
"version": 2, "width": 550, "height": 250,
"data": [
{
"name": "series_fields_names",
"values": [ "TX","NY","CA" ],
"transform": [
{"type": "formula", "field": "orderSrc", "expr": "datum._id"},
]
},
{
"name": "chart",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json"
, "property": "data"
}, "transform": [
{"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
},
{"type": "sort", "by": ["_xfield"]},
{"type": "fold", "fields": ["TX","NY","CA"]},
{"type": "lookup", "on": "series_fields_names", "onKey": "data", "keys": ["key"], "as": ["keyItem"]},
{"type": "formula", "field": "keyOrder", "expr": "datum.keyItem.orderSrc"},
] },
{
"name": "labels",
"url": "tabular:///Bea.gov/GDP by state.tab",
"format": {"type": "json", "property": "fields"},
"transform": [
] },
{
"name": "stats",
"source": "chart",
"transform": [{
"type": "aggregate",
"groupby": ["_xfield"],
"summarize": [{"field": "value", "ops": ["sum"]}]
}]
}
],
"scales": [
{
"name": "x",
"type": "time",
"domain": {"data": "chart", "field": "_xfield"},
"range": "width",
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "stats", "field": "sum_value"},
},
{
"name": "color",
"type": "ordinal",
"domain": {"data": "chart", "field": "key"},
"range":
"category10",
},
{
"name": "labels",
"type": "ordinal",
"domain": {"data": "labels", "field": "name"},
"range": {"data": "labels", "field": "title"},
}
],
"axes": [
{
"scale": "x", "type": "x", "tickSizeEnd": 0,
"ticks": 7,
"properties": {
"labels": {
}
},
},
{
"scale": "y", "type": "y", "tickSizeEnd": 0,
"offset": 8,
"properties": {
"labels": {
}
},
}
],
"marks": [
{
"type": "rect",
"from": {
"data": "chart",
"transform": [
{"type": "stack", "groupby": ["_xfield"], "sortby": ["-keyOrder"], "field": "value"}
]
},
"properties": {
"hover": {
"fill": { "value": "red" }
},
"update": {
"fill": {"scale": "color", "field": "key"}
},
"enter": {
"x": {"scale": "x", "field": "_xfield"
,"offset":-7
},
"width": {"value": 14 },
"y": {"scale": "y", "field": "layout_start"},
"y2": {"scale": "y", "field": "layout_end"},
"fill": {"scale": "color", "field": "key"}
}
}
},
{
"type": "text",
"properties": {
"enter": {
"y": {"value": -15},
"x": {"signal": "width", "mult": 0.5, "offset": 30 },
"text": {"value": "Per state GDP"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
} </graph>
Per state GDP