Edge Rewrite
// HTMLRewriter · presentation

This page was redesigned at the edge.

Cloudflare fetched the original article and streamed it through HTMLRewriter to apply an entirely new visual system without rebuilding the source page.

Jump to content

Template:Graph:Chart/testcases

From Wikipedia, the free encyclopedia
Line chart
{{Graph:Chart|height=100 |type=line |width=400 |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,10,7,9}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Area chart
{{Graph:Chart|height=100 |type=area |width=400 |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,10,7,9}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart 1
{{Graph:Chart|height=100 |type=rect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y=10,12,6,14,2,10,7,9 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart 2
{{Graph:Chart|height=100 |type=rect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y=1,1,1,1,2,2,1,1 |yAxisTitle=Y |yType=number}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart - semilog in y with zeroes (no failsafe for log(0))
{{Graph:Chart|height=200 |type=line |width=400 |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,0,7,9 |yScaleType=log}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart - semilog in y with zeroes (yAxisMin protection)
{{Graph:Chart|height=200 |type=line |width=400 |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,0,7,9 |yAxisMin=1 |yScaleType=log}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart with multiple data series
{{Graph:Chart|colors=#0000aa,#ff8000 |height=100 |legend=Legend |linewidths=1, 10 |type=line |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart with symbols
{{Graph:Chart|height=100 |showSymbols= |symbolsShape=diamond |type=line |width=400 |x=1,2,3,4,5,6,7,8 |y=10,12,6,14,2,10,7,9}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart with multiple data series and symbols
{{Graph:Chart|colors=#0000aa,#ff8000 |height=100 |legend=Legend |linewidths= |showSymbols=5, 10 |symbolsNoFill= |symbolsShape=square, banana |type=line |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Area chart with multiple data series
{{Graph:Chart|colors=#800000aa,#80ff8000 |height=100 |legend=Legend |type=area |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart with multiple data series
{{Graph:Chart|colors=#800000aa,#80ff8000 |height=100 |legend=Legend |type=rect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Area chart with smoothed data values
{{Graph:Chart|colors=seagreen, orchid |height=100 |interpolate=monotone |legend=Legend |type=stackedarea |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y2=2,4,6,8,13,11,9,2 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart with text
{{Graph:Chart|height=100 |showValues=true |type=rect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y=10,12,6,14,2,10,7,9 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart with text offset
{{Graph:Chart|height=100 |showValues=offset:1 |type=rect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y=10,12,6,14,2,10,7,9 |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Bar chart with stacked data series
{{Graph:Chart|colors=seagreen, orchid |height=100 |legend=Legend |type=stackedrect |width=400 |x=1,2,3,4,5,6,7,8 |xAxisTitle=X |y1=10,12,6,14,2,10,7,9 |y1Title=Data A |y2=2,4,6,8,13,11,9,2 |y2Title=Data B |yAxisTitle=Y}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Pie chart
{{Graph:Chart|height=100 |legend=Legende |type=pie |width=100 |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Pie chart with text
{{Graph:Chart|height=100 |legend=Legende |showValues= |type=pie |width=100 |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Pie chart with variable radius
{{Graph:Chart|height=100 |legend=Legende |showValues= |type=pie |width=100 |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200 |y2=7,8,9,8,8,9,10,9,5}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Donut chart
{{Graph:Chart|height=100 |innerRadius=40 |legend=Legende |type=pie |width=100 |x=A,B,C,D,E,F,G,H,I |y1=100,200,150,300,100,100,150,50,200}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Line chart with horizontal annotationsonly
{{Graph:Chart|colors=#ffff5ba0, #641050ff, #ffaaff00, |hannotatonslabel=label4, label5, label6 |hannotatonsline=4, 5, 6 |linewidths=2,4,0 |showSymbols=3,3,3 |symbolsShape=triangle_up, cross, banana |type=line |x=0,1,2,3 |y1=0,3.342,2.3423,5.32423 |y2=1,2.342,4.63,2.32423 |y3=3,1.342,2.63,6.32423}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Area chart with vertical annotations only
{{Graph:Chart|colors=#ffff5ba0, #641050ff, #ffaaff00, |type=area |vannotatonslabel=label1, label2, label3 |vannotatonsline=1, 2, 3 |x=0,1,2,3 |y1=0,3.342,2.3423,5.32423 |y2=1,2.342,4.63,2.32423 |y3=3,1.342,2.63,6.32423}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}

Stacked area chart with annotations
{{Graph:Chart|colors=#ffff5ba0, #641050ff, #ffaaff00, |hannotatonslabel=label4, label5, label6 |hannotatonsline=4, 5, 6 |linewidths=2,4,0 |type=stackedarea |vannotatonslabel=label1, label2, label3 |vannotatonsline=1, 2, 3 |x=0,1,2,3 |y1=0,3.342,2.3423,5.32423 |y2=1,2.342,4.63,2.32423 |y3=3,1.342,2.63,6.32423}}

{{Graph:Chart}}

{{Graph:Chart/sandbox}}