Template:Graph:PageViews/tests
Jump to navigation
Jump to search
MediaWiki
<graph>
{
// // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:PageViews // 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:PageViews // The graph uses PageViews API https://wikitech.wikimedia.org/wiki/Analytics/PageviewAPI //
"version": 2, "width": 800, "height": 200,
// The data for this graph comes from the PageView API. The request is made for N days back up to now. "data": [ { "name": "pageviews", "url": "wikirest://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/adachi.wiki/all-access/user/MediaWiki/daily/2025021400/2025031600", "format": { "type": "json", "property": "items" },
// The response is parsed here, converting date strings of form "20160223" into date 2016-02-23 "transform": [ { "type": "formula", "field": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" }, { "type": "formula", "field": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" }, { "type": "formula", "field": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" }, { "type": "formula", "field": "date", "expr": "datetime(datum.year,datum.month-1,datum.day)" } ] } ],
"scales": [ // The dates are scaled to the "x" axis - the width of the graph { "name": "x", "type": "time", "range": "width", "domain": {"data": "pageviews","field": "date"} }, // The pageviews are scaled to the "y" axis - the height of the graph // Optional scale parameter can change "linear" to other scales like log // Optional max parameter can fix the upper bound of the graph { "name": "y", "type": "linear", "range": "height", "domain": {"data": "pageviews","field": "views"}, "clamp": true,
"nice": true } ],
// Simple axis with horizontal grid lines "axes": [ { "type": "x", "scale": "x", "ticks": 5, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } }, { "type": "y", "scale": "y", "ticks": 5, "grid": true, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "grid": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } } ],
// The graph is drawn with two elements a thick line at the top, and a semi-transparent area below "marks": [ { "type": "line", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","field": "views"}, "stroke": {"value": "#36c"}, "strokeWidth": {"value": 3}, "interpolate": {"value": "monotone"} } } }, { "type": "area", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","value": 0}, "y2": {"scale": "y","field": "views"}, "fill": {"value": "#36c"}, "fillOpacity": {"value": 0.35}, "interpolate": {"value": "monotone"} } } } ]
} </graph>
MediaWiki|90
<graph>
{
// // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:PageViews // 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:PageViews // The graph uses PageViews API https://wikitech.wikimedia.org/wiki/Analytics/PageviewAPI //
"version": 2, "width": 800, "height": 200,
// The data for this graph comes from the PageView API. The request is made for N days back up to now. "data": [ { "name": "pageviews", "url": "wikirest://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/adachi.wiki/all-access/user/MediaWiki/daily/2024121600/2025031600", "format": { "type": "json", "property": "items" },
// The response is parsed here, converting date strings of form "20160223" into date 2016-02-23 "transform": [ { "type": "formula", "field": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" }, { "type": "formula", "field": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" }, { "type": "formula", "field": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" }, { "type": "formula", "field": "date", "expr": "datetime(datum.year,datum.month-1,datum.day)" } ] } ],
"scales": [ // The dates are scaled to the "x" axis - the width of the graph { "name": "x", "type": "time", "range": "width", "domain": {"data": "pageviews","field": "date"} }, // The pageviews are scaled to the "y" axis - the height of the graph // Optional scale parameter can change "linear" to other scales like log // Optional max parameter can fix the upper bound of the graph { "name": "y", "type": "linear", "range": "height", "domain": {"data": "pageviews","field": "views"}, "clamp": true,
"nice": true } ],
// Simple axis with horizontal grid lines "axes": [ { "type": "x", "scale": "x", "ticks": 5, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } }, { "type": "y", "scale": "y", "ticks": 5, "grid": true, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "grid": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } } ],
// The graph is drawn with two elements a thick line at the top, and a semi-transparent area below "marks": [ { "type": "line", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","field": "views"}, "stroke": {"value": "#36c"}, "strokeWidth": {"value": 3}, "interpolate": {"value": "monotone"} } } }, { "type": "area", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","value": 0}, "y2": {"scale": "y","field": "views"}, "fill": {"value": "#36c"}, "fillOpacity": {"value": 0.35}, "interpolate": {"value": "monotone"} } } } ]
} </graph>
Заглавная страница|ru.wikipedia.org
<graph>
{
// // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:PageViews // 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:PageViews // The graph uses PageViews API https://wikitech.wikimedia.org/wiki/Analytics/PageviewAPI //
"version": 2, "width": 800, "height": 200,
// The data for this graph comes from the PageView API. The request is made for N days back up to now. "data": [ { "name": "pageviews", "url": "wikirest://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/ru.wikipedia.org/all-access/user/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0/daily/2025021400/2025031600", "format": { "type": "json", "property": "items" },
// The response is parsed here, converting date strings of form "20160223" into date 2016-02-23 "transform": [ { "type": "formula", "field": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" }, { "type": "formula", "field": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" }, { "type": "formula", "field": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" }, { "type": "formula", "field": "date", "expr": "datetime(datum.year,datum.month-1,datum.day)" } ] } ],
"scales": [ // The dates are scaled to the "x" axis - the width of the graph { "name": "x", "type": "time", "range": "width", "domain": {"data": "pageviews","field": "date"} }, // The pageviews are scaled to the "y" axis - the height of the graph // Optional scale parameter can change "linear" to other scales like log // Optional max parameter can fix the upper bound of the graph { "name": "y", "type": "linear", "range": "height", "domain": {"data": "pageviews","field": "views"}, "clamp": true,
"nice": true } ],
// Simple axis with horizontal grid lines "axes": [ { "type": "x", "scale": "x", "ticks": 5, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } }, { "type": "y", "scale": "y", "ticks": 5, "grid": true, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "grid": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } } ],
// The graph is drawn with two elements a thick line at the top, and a semi-transparent area below "marks": [ { "type": "line", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","field": "views"}, "stroke": {"value": "#36c"}, "strokeWidth": {"value": 3}, "interpolate": {"value": "monotone"} } } }, { "type": "area", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","value": 0}, "y2": {"scale": "y","field": "views"}, "fill": {"value": "#36c"}, "fillOpacity": {"value": 0.35}, "interpolate": {"value": "monotone"} } } } ]
} </graph>
Заглавная страница|ru.wikipedia.org|90
<graph>
{
// // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:PageViews // 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:PageViews // The graph uses PageViews API https://wikitech.wikimedia.org/wiki/Analytics/PageviewAPI //
"version": 2, "width": 800, "height": 200,
// The data for this graph comes from the PageView API. The request is made for N days back up to now. "data": [ { "name": "pageviews", "url": "wikirest://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/ru.wikipedia.org/all-access/user/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0/daily/2024121600/2025031600", "format": { "type": "json", "property": "items" },
// The response is parsed here, converting date strings of form "20160223" into date 2016-02-23 "transform": [ { "type": "formula", "field": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" }, { "type": "formula", "field": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" }, { "type": "formula", "field": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" }, { "type": "formula", "field": "date", "expr": "datetime(datum.year,datum.month-1,datum.day)" } ] } ],
"scales": [ // The dates are scaled to the "x" axis - the width of the graph { "name": "x", "type": "time", "range": "width", "domain": {"data": "pageviews","field": "date"} }, // The pageviews are scaled to the "y" axis - the height of the graph // Optional scale parameter can change "linear" to other scales like log // Optional max parameter can fix the upper bound of the graph { "name": "y", "type": "linear", "range": "height", "domain": {"data": "pageviews","field": "views"}, "clamp": true,
"nice": true } ],
// Simple axis with horizontal grid lines "axes": [ { "type": "x", "scale": "x", "ticks": 5, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } }, { "type": "y", "scale": "y", "ticks": 5, "grid": true, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "grid": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } } ],
// The graph is drawn with two elements a thick line at the top, and a semi-transparent area below "marks": [ { "type": "line", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","field": "views"}, "stroke": {"value": "#36c"}, "strokeWidth": {"value": 3}, "interpolate": {"value": "monotone"} } } }, { "type": "area", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","value": 0}, "y2": {"scale": "y","field": "views"}, "fill": {"value": "#36c"}, "fillOpacity": {"value": 0.35}, "interpolate": {"value": "monotone"} } } } ]
} </graph>
Заглавная страница|90|ru.wikipedia.org
<graph>
{
// // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:PageViews // 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:PageViews // The graph uses PageViews API https://wikitech.wikimedia.org/wiki/Analytics/PageviewAPI //
"version": 2, "width": 800, "height": 200,
// The data for this graph comes from the PageView API. The request is made for N days back up to now. "data": [ { "name": "pageviews", "url": "wikirest://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/ru.wikipedia.org/all-access/user/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0/daily/2024121600/2025031600", "format": { "type": "json", "property": "items" },
// The response is parsed here, converting date strings of form "20160223" into date 2016-02-23 "transform": [ { "type": "formula", "field": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" }, { "type": "formula", "field": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" }, { "type": "formula", "field": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" }, { "type": "formula", "field": "date", "expr": "datetime(datum.year,datum.month-1,datum.day)" } ] } ],
"scales": [ // The dates are scaled to the "x" axis - the width of the graph { "name": "x", "type": "time", "range": "width", "domain": {"data": "pageviews","field": "date"} }, // The pageviews are scaled to the "y" axis - the height of the graph // Optional scale parameter can change "linear" to other scales like log // Optional max parameter can fix the upper bound of the graph { "name": "y", "type": "linear", "range": "height", "domain": {"data": "pageviews","field": "views"}, "clamp": true,
"nice": true } ],
// Simple axis with horizontal grid lines "axes": [ { "type": "x", "scale": "x", "ticks": 5, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } }, { "type": "y", "scale": "y", "ticks": 5, "grid": true, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "grid": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } } ],
// The graph is drawn with two elements a thick line at the top, and a semi-transparent area below "marks": [ { "type": "line", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","field": "views"}, "stroke": {"value": "#36c"}, "strokeWidth": {"value": 3}, "interpolate": {"value": "monotone"} } } }, { "type": "area", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","value": 0}, "y2": {"scale": "y","field": "views"}, "fill": {"value": "#36c"}, "fillOpacity": {"value": 0.35}, "interpolate": {"value": "monotone"} } } } ]
} </graph>
Classic parameter order:
(no parameters used)
<graph>
{
// // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:PageViews // 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:PageViews // The graph uses PageViews API https://wikitech.wikimedia.org/wiki/Analytics/PageviewAPI //
"version": 2, "width": 800, "height": 200,
// The data for this graph comes from the PageView API. The request is made for N days back up to now. "data": [ { "name": "pageviews", "url": "wikirest://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/adachi.wiki/all-access/user/Template%3AGraph%3APageViews%2Ftests/daily/2025021400/2025031600", "format": { "type": "json", "property": "items" },
// The response is parsed here, converting date strings of form "20160223" into date 2016-02-23 "transform": [ { "type": "formula", "field": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" }, { "type": "formula", "field": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" }, { "type": "formula", "field": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" }, { "type": "formula", "field": "date", "expr": "datetime(datum.year,datum.month-1,datum.day)" } ] } ],
"scales": [ // The dates are scaled to the "x" axis - the width of the graph { "name": "x", "type": "time", "range": "width", "domain": {"data": "pageviews","field": "date"} }, // The pageviews are scaled to the "y" axis - the height of the graph // Optional scale parameter can change "linear" to other scales like log // Optional max parameter can fix the upper bound of the graph { "name": "y", "type": "linear", "range": "height", "domain": {"data": "pageviews","field": "views"}, "clamp": true,
"nice": true } ],
// Simple axis with horizontal grid lines "axes": [ { "type": "x", "scale": "x", "ticks": 5, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } }, { "type": "y", "scale": "y", "ticks": 5, "grid": true, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "grid": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } } ],
// The graph is drawn with two elements a thick line at the top, and a semi-transparent area below "marks": [ { "type": "line", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","field": "views"}, "stroke": {"value": "#36c"}, "strokeWidth": {"value": 3}, "interpolate": {"value": "monotone"} } } }, { "type": "area", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","value": 0}, "y2": {"scale": "y","field": "views"}, "fill": {"value": "#36c"}, "fillOpacity": {"value": 0.35}, "interpolate": {"value": "monotone"} } } } ]
} </graph>
90
<graph>
{
// // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:PageViews // 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:PageViews // The graph uses PageViews API https://wikitech.wikimedia.org/wiki/Analytics/PageviewAPI //
"version": 2, "width": 800, "height": 200,
// The data for this graph comes from the PageView API. The request is made for N days back up to now. "data": [ { "name": "pageviews", "url": "wikirest://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/adachi.wiki/all-access/user/Template%3AGraph%3APageViews%2Ftests/daily/2024121600/2025031600", "format": { "type": "json", "property": "items" },
// The response is parsed here, converting date strings of form "20160223" into date 2016-02-23 "transform": [ { "type": "formula", "field": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" }, { "type": "formula", "field": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" }, { "type": "formula", "field": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" }, { "type": "formula", "field": "date", "expr": "datetime(datum.year,datum.month-1,datum.day)" } ] } ],
"scales": [ // The dates are scaled to the "x" axis - the width of the graph { "name": "x", "type": "time", "range": "width", "domain": {"data": "pageviews","field": "date"} }, // The pageviews are scaled to the "y" axis - the height of the graph // Optional scale parameter can change "linear" to other scales like log // Optional max parameter can fix the upper bound of the graph { "name": "y", "type": "linear", "range": "height", "domain": {"data": "pageviews","field": "views"}, "clamp": true,
"nice": true } ],
// Simple axis with horizontal grid lines "axes": [ { "type": "x", "scale": "x", "ticks": 5, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } }, { "type": "y", "scale": "y", "ticks": 5, "grid": true, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "grid": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } } ],
// The graph is drawn with two elements a thick line at the top, and a semi-transparent area below "marks": [ { "type": "line", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","field": "views"}, "stroke": {"value": "#36c"}, "strokeWidth": {"value": 3}, "interpolate": {"value": "monotone"} } } }, { "type": "area", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","value": 0}, "y2": {"scale": "y","field": "views"}, "fill": {"value": "#36c"}, "fillOpacity": {"value": 0.35}, "interpolate": {"value": "monotone"} } } } ]
} </graph>
90|MediaWiki
<graph>
{
// // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:PageViews // 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:PageViews // The graph uses PageViews API https://wikitech.wikimedia.org/wiki/Analytics/PageviewAPI //
"version": 2, "width": 800, "height": 200,
// The data for this graph comes from the PageView API. The request is made for N days back up to now. "data": [ { "name": "pageviews", "url": "wikirest://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/adachi.wiki/all-access/user/MediaWiki/daily/2024121600/2025031600", "format": { "type": "json", "property": "items" },
// The response is parsed here, converting date strings of form "20160223" into date 2016-02-23 "transform": [ { "type": "formula", "field": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" }, { "type": "formula", "field": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" }, { "type": "formula", "field": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" }, { "type": "formula", "field": "date", "expr": "datetime(datum.year,datum.month-1,datum.day)" } ] } ],
"scales": [ // The dates are scaled to the "x" axis - the width of the graph { "name": "x", "type": "time", "range": "width", "domain": {"data": "pageviews","field": "date"} }, // The pageviews are scaled to the "y" axis - the height of the graph // Optional scale parameter can change "linear" to other scales like log // Optional max parameter can fix the upper bound of the graph { "name": "y", "type": "linear", "range": "height", "domain": {"data": "pageviews","field": "views"}, "clamp": true,
"nice": true } ],
// Simple axis with horizontal grid lines "axes": [ { "type": "x", "scale": "x", "ticks": 5, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } }, { "type": "y", "scale": "y", "ticks": 5, "grid": true, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "grid": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } } ],
// The graph is drawn with two elements a thick line at the top, and a semi-transparent area below "marks": [ { "type": "line", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","field": "views"}, "stroke": {"value": "#36c"}, "strokeWidth": {"value": 3}, "interpolate": {"value": "monotone"} } } }, { "type": "area", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","value": 0}, "y2": {"scale": "y","field": "views"}, "fill": {"value": "#36c"}, "fillOpacity": {"value": 0.35}, "interpolate": {"value": "monotone"} } } } ]
} </graph>
90|Заглавная страница|ru.wikipedia.org
<graph>
{
// // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:PageViews // 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:PageViews // The graph uses PageViews API https://wikitech.wikimedia.org/wiki/Analytics/PageviewAPI //
"version": 2, "width": 800, "height": 200,
// The data for this graph comes from the PageView API. The request is made for N days back up to now. "data": [ { "name": "pageviews", "url": "wikirest://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/ru.wikipedia.org/all-access/user/%D0%97%D0%B0%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F%20%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0/daily/2024121600/2025031600", "format": { "type": "json", "property": "items" },
// The response is parsed here, converting date strings of form "20160223" into date 2016-02-23 "transform": [ { "type": "formula", "field": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" }, { "type": "formula", "field": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" }, { "type": "formula", "field": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" }, { "type": "formula", "field": "date", "expr": "datetime(datum.year,datum.month-1,datum.day)" } ] } ],
"scales": [ // The dates are scaled to the "x" axis - the width of the graph { "name": "x", "type": "time", "range": "width", "domain": {"data": "pageviews","field": "date"} }, // The pageviews are scaled to the "y" axis - the height of the graph // Optional scale parameter can change "linear" to other scales like log // Optional max parameter can fix the upper bound of the graph { "name": "y", "type": "linear", "range": "height", "domain": {"data": "pageviews","field": "views"}, "clamp": true,
"nice": true } ],
// Simple axis with horizontal grid lines "axes": [ { "type": "x", "scale": "x", "ticks": 5, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } }, { "type": "y", "scale": "y", "ticks": 5, "grid": true, "properties": { "ticks": {"stroke": {"value": "#54595d"} }, "labels": {"fill": {"value": "#54595d"} }, "grid": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} }, "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } } } ],
// The graph is drawn with two elements a thick line at the top, and a semi-transparent area below "marks": [ { "type": "line", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","field": "views"}, "stroke": {"value": "#36c"}, "strokeWidth": {"value": 3}, "interpolate": {"value": "monotone"} } } }, { "type": "area", "from": {"data": "pageviews"}, "properties": { "enter": { "x": {"scale": "x","field": "date"}, "y": {"scale": "y","value": 0}, "y2": {"scale": "y","field": "views"}, "fill": {"value": "#36c"}, "fillOpacity": {"value": 0.35}, "interpolate": {"value": "monotone"} } } } ]
} </graph>