Jump to content

Template:Graph:Lines: Difference between revisions

From Wikipedia, the free encyclopedia
Content deleted Content added
No edit summary
+embed.html
 
(30 intermediate revisions by 12 users not shown)
Line 1: Line 1:
{{#ifeq:{{{align|{{{2|}}}}}}|center|<div class="center">}}{{#if:{{{thumb|{{{1|}}}}}}|<div class="thumb {{#switch:{{{align|{{{2|}}}}}}|center|none=tnone|left=tleft|right|#default=tright}}"><div class="thumbinner" style="width: fit-content;"><div class="thumbimage">|<div class="{{#switch:{{{align|{{{2|}}}}}}|right=floatright|left=floatleft|#default=floatnone}}">}}<includeonly>{{#invoke:Template wrapper|wrap|_template=Graph:Lines/core|_exclude=thumb, align, caption, 1, 2, 3|hideSource=true}}</includeonly><noinclude>[[File:Template-Graph-Lines example.png]]</noinclude>{{#if:{{{thumb|{{{1|}}}}}}|</div><div class="thumbcaption">|<div><small>}}{{{caption|{{{3|{{#if:{{{title|}}}|{{{title}}}.}}}}}}}}
<includeonly>{{#tag:{{#if:{{{debug|}}}|syntaxhighlight|graph}}|</includeonly><noinclude>{{<!--
{{#switch: {{{tabletype|tab}}}{{{hideSource|}}}
Insert /doc page if available, otherwise insert itself-->{{#ifexist:{{FULLPAGENAME}}/doc|:{{FULLPAGENAME}}/doc|{{FULLPAGENAME}}}}}}<syntaxhighlight lang=html><graph></syntaxhighlight>{{#tag:syntaxhighlight|</noinclude>
|tab= {{#invoke:TNT|msg|Original/Template:Graphs.tab|source-table|{{#invoke:TNT|link|{{{table}}}}}}}.
{
|query= {{#invoke:TNT|msg|Original/Template:Graphs.tab|source-wdqs|https://query.wikidata.org/embed.html#{{urlencode:{{{table}}}|PATH}}}}.
"version": 2,
}}{{#if:{{{thumb|{{{1|}}}}}}|</div>|</small>}}</div></div>{{#ifeq:{{{align|{{{2|}}}}}}|center|</div>}}<noinclude>
"width": {{{width|300}}},
{{clear}}
"height": {{{height|200}}},
{{ombox| type = content | image = [[File:Test Template Info-Icon - Version (2).svg|40px]]

| text = This is a wrapper template for [[Template:Graph:Lines/core]], whose source is maintained at [[:mw:Template:Graph:Lines]]. This wrapper implements Wikipedia-specific styles on top of the original template.}}
"data": [{
{{documentation}}
"name": "chart",
</noinclude>
"url": "tabular:///{{{data|Earnings/US Women's weekly earnings as a percent of men's by age, annual averages.tab}}}",
"format": {"type": "json", "property": "data"
{{#if:{{{type|}}}|time|
, "parse": {"{{{xField}}}": "date"}
}}
},
"transform": [
// Convert xField parameter into a field "_xfield"
{"type": "formula", "field": "_xfield", "expr":
{{#switch: {{{type|year}}}
| year= "datetime(datum.{{{xField|year}}}, 0, 1)"
| "datum.{{{xField}}}"
}}
},
{"type": "fold", "fields": [{{{series|"age_16_24", "age_25_34", "age_35_44", "age_45_54"}}}]}
]
},
{
// This is not a good long-term solution, I will need to rethink how to get these values from tab data's "title" header
"name": "labels",
"url": "tabular:///{{{data|Earnings/US Women's weekly earnings as a percent of men's by age, annual averages.tab}}}",
"format": {"type": "json", "property": "schema.fields"}
}],
"scales": [
{
"name": "x",
"type": {{#switch: {{{type|year}}}
| year= "time"
| "{{{type}}}"
}},
"domain": {"data": "chart", "field": "_xfield"},
"range": "width"
},
{
"name": "y",
"type": "linear",
"range": "height",
"domain": {"data": "chart", "field": "value"},
"zero": {{{yZero|false}}},
"nice": true,
},
{
"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"},
}
],
"legends": [{
"fill": "color",
"stroke": "color",
"title": "{{{legend|Age}}}",
"properties": {
"labels": { "text": {"scale": "labels", "field": "data"} }
}
}],
"axes": [
{"scale": "x", "type": "x", "title": "{{{xAxis|Year}}}", "ticks": 7},
{"scale": "y", "type": "y", "title": "{{{yAxis|Percent}}}"}
],

"marks": [
// Group data by the "key", and draw lines, one line per key
{
"type": "group",
"from": {
"data": "chart",
"transform": [{"groupby": ["key"], "type": "facet"}]
},
"marks": [
{
"type": "line",
"properties": {
"enter": {
"y": {"scale": "y", "field": "value"},
"x": {"scale": "x", "field": "_xfield"},
"stroke": {"scale": "color", "field": "key"},
"interpolate": {"value": "monotone"},
"strokeWidth": {"value": 2.5}
}
}
}
],
},

// Draw title at the top of the graph
{
"type": "text",
"properties": {
"enter": {
"x": {"signal": "width", "mult": 0.5, "offset": 30},
"y": {"value": -15},
"text": {"value": "{{{title|Gender pay gap in the United States}}}"},
"fontWeight": {"value": "bold"},
"align": {"value": "center"},
"baseline": {"value": "bottom"},
"fill": {"value": "#000"}
}
}
}
]
}
<includeonly>}}</includeonly><noinclude>|lang=javascript}}<syntaxhighlight lang=html></graph></syntaxhighlight></noinclude>

Latest revision as of 12:49, 10 August 2023

See or edit [[c:Data:{{{table}}}|source data]].