Template:Graph:Weather monthly history/doc

This graph's main version resides at Template:Graph:Weather monthly history. Please make or suggest all the changes there, and copy it everywhere else (until the copying is automated)

{{Graph:Weather monthly history | table=ncei.noaa.gov/weather/New York City.tab | title=New York City weather }}

<graph mode="interactive"> { // // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:Weather_monthly_history // Please do not modify it anywhere else, as it may get copied and override your changes. // Suggestions can be made at https://www.mediawiki.org/wiki/Template_talk:Graph:Weather_monthly_history // "version": 2, "width": 500, "height": 400, "signals": [ { "name": "init_years", "init": 7 }, { "name": "gapHeight", "init": 26 }, { // Hide overview if total height is too small "name": "showOverview", "init": {"expr": "true || height < (gapHeight + 100)" } }, { "name": "overviewHeight", "init": {"expr": "showOverview ? 40 : 0" } }, { "name": "detailHeight", "init": {"expr": "height - (showOverview ? overviewHeight + gapHeight : 0)" } }, { "name": "overviewYPos", "init": {"expr": "height - overviewHeight" } }, { "name": "brush_start", "init": {"expr": "datetime(year(now())-init_years, month(now()))"}, "streams": [{ "type": "@overview:mousedown, @overview:touchstart", "expr": "clamp(eventX(), 0, width)", "scale": {"name": "xOverview", "invert": true} }] }, { "name": "brush_end", "init": {"expr": "datetime(year(now()), month(now()))"}, "streams": [{ "type": "@overview:mousedown, [@overview:mousedown, window:mouseup] > window:mousemove, @overview:mouseup, @overview:touchstart, [@overview:touchstart, window:touchend] > window:touchmove, @overview:touchend", "expr": "clamp(eventX(), 0, width)", "scale": {"name": "xOverview", "invert": true} }] }, { "name": "min_date", "init": {"expr": "datetime(year(now())-init_years, month(now()))"}, "expr": "time(brush_start) === time(brush_end) ? datetime(year(brush_start)-init_years/2, month(brush_start)) : min(brush_start, brush_end)" }, { "name": "max_date", "init": {"expr": "datetime(year(now()), month(now()))"}, "expr": "time(brush_start) === time(brush_end) ? datetime(year(brush_start)+init_years/2, month(brush_start)) : max(brush_start, brush_end)" }, { "name": "barwidth", "init": {"expr": "max(1, (width / (1+12*(year(max_date)-year(min_date))+month(max_date)-month(min_date)) - 2))"}, "expr": "max(1, (width / (1+12*(year(max_date)-year(min_date))+month(max_date)-month(min_date)) - 2))" }, { "name": "tooltip", "init": {"expr": "{x: 0, y: 0, datum: false }"}, "streams": [ {"type": "@detailBar:mouseout, @overview:touchstart", "expr": "{x: 0, y: 0, datum: false }" }, {"type": "@detailBar:mouseover, @detailBar:touchstart", "expr": "{x: eventX(), y: eventY(), datum: eventItem().datum}" } ] }, { "name": "isMetric", "init": true, "streams": [{"type": "@metricIndicator:click", "expr": "!isMetric"}] }, { "name": "degrees", "init": {"expr": "if(isMetric,'°C','°F')"}, "expr": "if(isMetric,'°C','°F')" }, { "name": "len", "init": {"expr": "if(isMetric,'mm','inches')"}, "expr": "if(isMetric,'mm','inches')" }, ], "data": [{ "name": "table", "url": "tabular:///ncei.noaa.gov/weather/New York City.tab", "format": {"type": "json", "property": "data", "parse": {"date": "date"} }, "transform": [ {"type": "filter", "test": "datum.avgLowTemp != null && datum.avgHighTemp != null"}, {"type": "formula", "field": "avgInC", "expr": "(datum.avgHighTemp+datum.avgLowTemp)/2"}, {"type": "formula", "field": "tempHigh", "expr": "if(isMetric,datum.avgHighTemp,datum.avgHighTemp*9/5+32)"}, {"type": "formula", "field": "tempLow", "expr": "if(isMetric,datum.avgLowTemp,datum.avgLowTemp*9/5+32)"}, ] },{ "name": "stats", "source": "table", "transform": [{"type": "aggregate", "summarize": [ {"field": "tempHigh", "ops": "max"}, {"field": "tempLow", "ops": "min"} ]}] },{ "name": "dummyOneValue", "values": [{}] }], "scales": [{ "name": "xOverview", "type": "time", "range": "width", "domain": {"data": "table", "field": "date"} },{ "name": "yOverview", "type": "linear", "rangeMin": {"signal": "overviewHeight"}, "nice": true, "domainMax": {"data": "stats", "field": "max_tempHigh"}, "domainMin": {"data": "stats", "field": "min_tempLow"} },{ "name": "xDetail", "type": "time", "range": "width", "domainMin": {"signal": "min_date"}, "domainMax": {"signal": "max_date"} },{ "name": "yDetail", "type": "linear", "rangeMin": {"signal": "detailHeight"}, "nice": true, "domainMax": {"data": "stats", "field": "max_tempHigh"}, "domainMin": {"data": "stats", "field": "min_tempLow"} },{ "name": "c", "type": "linear", "domain": [0, 5.2,7.3,9.4,11.5,13.6,15.7,17.8,19.9,22.0,24.1], "range": ["#313695", "#4575b4", "#74add1", "#abd9e9", "#e0f3f8", "#ffffbf", "#fee090", "#fdae61", "#f46d43", "#d73027", "#a50026"], "zero": false }], "marks": [ { "name": "metricIndicator", "type": "text", "properties": { "update": { "x": {"value": -46}, "y": {"value": 5}, "text": {"signal": "degrees"}, "fill": {"value": "#00f"}, "fontSize": {"value": 16}, "fontWeight": {"value": "bold"} } } }, { "type": "group", "name": "detail", "properties": { "enter": { "height": {"signal": "detailHeight"}, "width": {"signal": "width"} } }, "axes": [{ "type": "x", "name":"blah", "scale": "xDetail", "ticks": 5 },{ "type": "y", "scale": "yDetail", "title": "Temperature", "grid": true, "layer": "back", "properties": { "axis": { "stroke": {"value": "#fff"}, "strokeWidth": {"value": 0} } } }], "marks": [{ "type": "rule", "properties": { "enter": { "y": {"scale": "yDetail", "value": 0}, "x": {"value": 0}, "x2": {"signal": "width"}, "stroke": {"value": "#313695"}, "strokeWidth": {"value": 2}, "strokeDash": {"value": [8]} } } },{ "type": "group", "properties": { "enter": { "height": {"field": {"group": "height"} }, "width": {"field": {"group": "width"} }, "clip": {"value": true} } }, "marks": [{ "type": "rect", "name": "detailBar", "from": {"data": "table"}, "properties": { "update": { "x": {"scale": "xDetail", "field": "date"}, "width": {"signal": "barwidth"}, "y": {"scale": "yDetail", "field": "tempLow"}, "y2": {"scale": "yDetail", "field": "tempHigh"}, "stroke": {"scale": "c", "field": "avgInC"}, "fill": {"scale": "c", "field": "avgInC"}, "fillOpacity": {"value": 0.4}, "strokeWidth": {"value": 1.5} } } }] }] }, { "type": "group", "name": "overview", "from": { "data": "dummyOneValue", "transform": [{"type": "filter", "test": "showOverview"}] }, "properties": { "enter": { "x": {"value": 0}, "y": {"signal": "overviewYPos"}, "height": {"signal": "overviewHeight"}, "width": {"signal": "width"}, "fill": {"value": "transparent"} } }, "axes": [{ "type": "x", "scale": "xOverview", "ticks": 5, "title": "Year selector" }], "marks": [{ "type": "rect", "from": { "data": "table" }, "properties": { "update": { "x": {"scale": "xOverview", "field": "date"}, "y": {"scale": "yOverview", "field": "tempLow"}, "y2": {"scale": "yOverview", "field": "tempHigh"}, "stroke": {"scale": "c", "field": "avgInC"}, "strokeWidth": {"value": 1} } } },{ "type": "rect", "properties": { "enter": { "y": {"value": 0}, "height": {"signal": "overviewHeight"}, "fill": {"value": "#333"}, "fillOpacity": {"value": 0.3} }, "update": { "x": {"scale": "xOverview", "signal": "min_date"}, "x2": {"scale": "xOverview", "signal": "max_date"} } } }] }, { "type": "group", "from": { "data": "dummyOneValue", "transform": [ {"type": "filter", "test": "tooltip.datum"}, {"type": "formula", "field": "offsetX", "expr": "5"}, {"type": "formula", "field": "offsetY", "expr": "30"}, {"type": "formula", "field": "tipWidth", "expr": "200"}, {"type": "formula", "field": "tipHeight", "expr": "80"}, {"type": "formula", "field": "alignLeft", "expr": "tooltip.x > width - datum.offsetX - datum.tipWidth"}, {"type": "formula", "field": "alignTop", "expr": "tooltip.y > height - datum.offsetY - datum.tipHeight"}, {"type": "formula", "field": "x", "expr": "max(0, tooltip.x + (datum.alignLeft ? -datum.offsetX-datum.tipWidth : datum.offsetX ))"}, {"type": "formula", "field": "y", "expr": "tooltip.y + (datum.alignTop ? -1 : 1) * datum.offsetY"}, ] }, "properties": { "update": { "x": {"field": "x" }, "y": {"field": "y" }, "width": {"field": "tipWidth" }, "height": {"field": "tipHeight" }, "fill": {"value": "#fff"}, "fillOpacity": {"value": 0.85}, "stroke": {"value": "#aaa"}, "strokeWidth": {"value": 0.5} } }, "marks": [ { "type": "text", "properties": { "update": { "x": {"value": 6}, "y": {"value": 14}, "text": {"template": "\u007b{tooltip.datum.date|time:'%B %Y'}\u007d"}, "fill": {"value": "black"}, "fontWeight": {"value": "bold"} } } }, { "type": "text", "properties": { "update": { "x": {"value": 6}, "y": {"value": 29}, "text": {"template": "monthly min/max: \u007b{tooltip.datum.lowTemp|number:'.1f'}\u007d / \u007b{tooltip.datum.highTemp|number:'.1f'}\u007d \u007b{degrees}\u007d"}, "fill": {"value": "black"}, } } }, { "type": "text", "properties": { "update": { "x": {"value": 6}, "y": {"value": 44}, "text": {"template": "average low/high: \u007b{tooltip.datum.tempLow|number:'.1f'}\u007d / \u007b{tooltip.datum.tempHigh|number:'.1f'}\u007d \u007b{degrees}\u007d"}, "fill": {"value": "black"}, } } }, { "type": "text", "properties": { "update": { "x": {"value": 6}, "y": {"value": 59}, "text": {"template": "precipitation days / \u007b{len}\u007d: \u007b{tooltip.datum.precipDays|number:'.1f'}\u007d / \u007b{tooltip.datum.precip|number:'.1f'}\u007d"}, "fill": {"value": "black"}, } } }, { "type": "text", "properties": { "update": { "x": {"value": 6}, "y": {"value": 74}, "text": {"template": "snow days / total \u007b{len}\u007d: \u007b{tooltip.datum.snowfallDays|number:'.1f'}\u007d / \u007b{tooltip.datum.snowfall|number:'.1f'}\u007d"}, "fill": {"value": "black"}, } } } ] } // 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": "New York City weather"}, "fontWeight": {"value": "bold"}, "align": {"value": "center"}, "baseline": {"value": "bottom"}, "fill": {"value": "#000"} } } } ] } </graph> See or edit raw graph data.

No description.

Template parameters

Parameter		Description	Type	Status
table	table	Name of the table on Commons Example ncei.noaa.gov/weather/New York City.tab	String	required
title	title	Optional graph title	String	optional
imperial	imperial	If set to a value, the graph will show data in Fahrenheits at first	Boolean	optional
height	height	no description	Number	optional
width	width	no description	Number	optional
hideoverview	hideoverview	If set, will hide the bottom section of the graph	Boolean	optional
debug	debug	If set, shows JSON instead of the graph	Boolean	optional