Template:Vertical bar graph

The following documentation is located at Template:Vertical bar graph/doc. [<Edit> Template:Vertical bar graph/doc]
[⧼Purge⧽ Template:Vertical bar graph]

The {{Vertical bar graph}}/{{Histogram}} graphic template can be used to create a vertical bar graph/histogram (will it be in a format which can be parsed by text-based web browsers?) The vertical bar graph/histogram may have data entries for data0 to data256. Note that {{Vertical bar graph from lists}}/{{Histogram from lists}} is more convenient than {{Vertical bar graph}}/{{Histogram}} to generate vertical bar graphs/histograms.

A vertical bar graph may display either positive or negative real ordinates, corresponding to discrete values of the abscissae, which makes it a convenient tool to display integer (also rational and real) sequences.

Since a histogram is a vertical bar graph representing counts/frequencies corresponding to different bins, a histogram values are thus restricted to positive values.

Usage

{{Vertical bar graph
| float            = <!-- left, right, center (default) -->
| border_width     = <!-- default 1px -->
| border_color     = <!-- default #c0c0c0 -->
| background_color = <!-- default #fdfdfd -->
| title            = <!-- title for the vertical bar graph or histogram -->
| bar_height    = <!-- default 30, must be an unformatted number (use {{formatnum: 6,500|R}} to remove formatting from numbers, e.g. 6,500 to get 6500) -->
| bar_width     = <!-- default 1.0, must be an unformatted number -->
| units         = <!-- for bar_height and bar_width, default em (uses 'em' units by default) -->
| bar_color     = <!-- default rgb(206, 223, 242) -->    
| bar_alt_color = <!-- default rgb(201, 218, 237) -->    
| bar_border_color = <!-- optional (same as bar_color if not specified) -->    
| bar_side_borders = <!-- "no" (without quotes) for no bar side borders, otherwise they are drawn -->    
| data_max         = <!-- upper bound on the values in the data fields (default data0) -->
| data_min         = <!-- lower bound on the values in the data fields (default -data_max, or -data0 if data_max is not defined) -->
| label_type       = <!-- title for the abscissae -->
| data_type        = <!-- title for the ordinates -->
| <!-- label0      = --> 
| <!-- label1      = --> 
| <!-- ...           --> <!-- labels (values) for abscissae not yet supported, would need vertical text style with needed predefined CSS -->
| <!-- label255    = --> 
| <!-- label256    = --> 
| data0       =
| data1       =
| ...
| data255     = 
| data256     = 
}}

Alignment

To float the vertical bar graph/histogram on the right of the page, use

| float       = right

To float the vertical bar graph/histogram on the left of the page, use

| float       = left

To float the vertical bar graph/histogram to the center of the page, use

| float       = center

The default is center.

Bug

Bug: See Template:Vertical bar graph/bar#Bug.

Examples

Example 1

${\text{Graph of }}\sin({\tfrac {2\pi n}{128}}),\quad (0\,\leq \,n\,\leq \,128)\,$

1     $\sin({\tfrac {2\pi n}{128}})\,$
		<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.049067674327418/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.098017140329561/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.14673047445536/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.19509032201613/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.24298017990326/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.29028467725446/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.33688985339222/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.38268343236509/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.42755509343028/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.471396736826/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.51410274419322/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.5555702330196/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.59569930449243/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.63439328416365/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.67155895484702/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.70710678118655/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.74095112535496/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.77301045336274/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.80320753148064/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.83146961230255/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.85772861000027/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.88192126434835/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.90398929312344/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.92387953251129/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.94154406518302/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.95694033573221/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.97003125319454/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.98078528040323/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.98917650996478/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.9951847266722/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.99879545620517/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*1/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.99879545620517/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.9951847266722/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.98917650996478/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.98078528040323/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.97003125319454/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.95694033573221/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.94154406518302/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.92387953251129/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.90398929312344/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.88192126434836/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.85772861000027/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.83146961230255/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.80320753148064/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.77301045336274/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.74095112535496/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.70710678118655/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.67155895484702/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.63439328416365/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.59569930449243/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.5555702330196/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.51410274419322/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.471396736826/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.42755509343028/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.38268343236509/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.33688985339222/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.29028467725446/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.24298017990326/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.19509032201613/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.14673047445536/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*0.098017140329561/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: black; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*0.049067674327418/1 | em; bottom: 0; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>		<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.049067674327418/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.098017140329561/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.14673047445536/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.19509032201613/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.24298017990326/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.29028467725446/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.33688985339222/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.38268343236509/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.42755509343028/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.471396736826/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.51410274419322/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.5555702330196/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.59569930449243/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.63439328416365/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.67155895484702/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.70710678118655/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.74095112535496/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.77301045336274/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.80320753148065/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.83146961230255/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.85772861000027/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.88192126434835/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.90398929312344/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.92387953251129/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.94154406518302/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.95694033573221/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.97003125319454/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.98078528040323/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.98917650996478/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.9951847266722/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.99879545620517/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-1/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.99879545620517/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.9951847266722/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.98917650996478/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.98078528040323/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.97003125319454/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.95694033573221/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.94154406518302/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.92387953251129/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.90398929312344/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.88192126434836/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.85772861000027/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.83146961230255/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.80320753148065/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.77301045336274/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.74095112535496/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.70710678118655/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.67155895484702/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.63439328416365/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.59569930449243/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.5555702330196/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.51410274419322/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.471396736826/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.42755509343028/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.38268343236509/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.33688985339222/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.29028467725446/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.24298017990326/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.19509032201613/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.14673047445536/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(206, 223, 242); height: | 25*-0.098017140329561/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 1px; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: black; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: rgb(201, 218, 237); height: | 25*-0.049067674327418/1 | em; width: 0.35em; margin: 0 0 0 0; z-index: 0;"></div>
−1

{{Vertical bar graph
| float            = right
| border_width     = 1px
| border_color     = #d9d9d9 
| background_color = #f9f9f9 
| title            = <math>\text{Graph of } \sin(\tfrac{2 \pi n}{128}),\quad (0 \,\le\, n \,\le\, 128) \,</math>
| label_type       = <math>n \,</math>
| data_type        = <math>\sin(\tfrac{2 \pi n}{128}) \,</math>
| bar_width        = 0.35
| bar_height       = 25
| units            = em
| bar_color        = rgb(206, 223, 242)   
| bar_alt_color    = rgb(201, 218, 237)    
| bar_border_color = black    
| bar_side_borders = no    
| data_max         = 1
| data0     = {{sin| 2*pi *  0/128 }}
| data1     = {{sin| 2*pi *  1/128 }}
| data2     = {{sin| 2*pi *  2/128 }}
| data3     = {{sin| 2*pi *  3/128 }}
| data4     = {{sin| 2*pi *  4/128 }}
| data5     = {{sin| 2*pi *  5/128 }}
| data6     = {{sin| 2*pi *  6/128 }} 
| data7     = {{sin| 2*pi *  7/128 }}
| data8     = {{sin| 2*pi *  8/128 }}
| data9     = {{sin| 2*pi *  9/128 }}
| data10    = {{sin| 2*pi * 10/128 }}
| data11    = {{sin| 2*pi * 11/128 }}
| data12    = {{sin| 2*pi * 12/128 }}
| data13    = {{sin| 2*pi * 13/128 }}
| data14    = {{sin| 2*pi * 14/128 }}
| data15    = {{sin| 2*pi * 15/128 }}
| data16    = {{sin| 2*pi * 16/128 }}
| data17    = {{sin| 2*pi * 17/128 }}
| data18    = {{sin| 2*pi * 18/128 }}
| data19    = {{sin| 2*pi * 19/128 }}
| data20    = {{sin| 2*pi * 20/128 }}
| data21    = {{sin| 2*pi * 21/128 }}
| data22    = {{sin| 2*pi * 22/128 }}
| data23    = {{sin| 2*pi * 23/128 }}
| data24    = {{sin| 2*pi * 24/128 }} 
| data25    = {{sin| 2*pi * 25/128 }}
| data26    = {{sin| 2*pi * 26/128 }}
| data27    = {{sin| 2*pi * 27/128 }}
| data28    = {{sin| 2*pi * 28/128 }}
| data29    = {{sin| 2*pi * 29/128 }}
| data30    = {{sin| 2*pi * 30/128 }}
| data31    = {{sin| 2*pi * 31/128 }}
| data32    = {{sin| 2*pi * 32/128 }}
| data33    = {{sin| 2*pi * 33/128 }}
| data34    = {{sin| 2*pi * 34/128 }}
| data35    = {{sin| 2*pi * 35/128 }}
| data36    = {{sin| 2*pi * 36/128 }}
| data37    = {{sin| 2*pi * 37/128 }}
| data38    = {{sin| 2*pi * 38/128 }}
| data39    = {{sin| 2*pi * 39/128 }} 
| data40    = {{sin| 2*pi * 40/128 }}
| data41    = {{sin| 2*pi * 41/128 }}
| data42    = {{sin| 2*pi * 42/128 }}
| data43    = {{sin| 2*pi * 43/128 }}
| data44    = {{sin| 2*pi * 44/128 }}
| data45    = {{sin| 2*pi * 45/128 }}
| data46    = {{sin| 2*pi * 46/128 }}
| data47    = {{sin| 2*pi * 47/128 }}
| data48    = {{sin| 2*pi * 48/128 }}
| data49    = {{sin| 2*pi * 49/128 }}
| data50    = {{sin| 2*pi * 50/128 }}
| data51    = {{sin| 2*pi * 51/128 }}
| data52    = {{sin| 2*pi * 52/128 }}
| data53    = {{sin| 2*pi * 53/128 }}
| data54    = {{sin| 2*pi * 54/128 }} 
| data55    = {{sin| 2*pi * 55/128 }}
| data56    = {{sin| 2*pi * 56/128 }}
| data57    = {{sin| 2*pi * 57/128 }}
| data58    = {{sin| 2*pi * 58/128 }}
| data59    = {{sin| 2*pi * 59/128 }}
| data60    = {{sin| 2*pi * 60/128 }}
| data61    = {{sin| 2*pi * 61/128 }}
| data62    = {{sin| 2*pi * 62/128 }}
| data63    = {{sin| 2*pi * 63/128 }}
| data64    = {{sin| 2*pi * 64/128 }} 
| data65    = {{sin| 2*pi * 65/128 }}
| data66    = {{sin| 2*pi * 66/128 }} 
| data67    = {{sin| 2*pi * 67/128 }}
| data68    = {{sin| 2*pi * 68/128 }}
| data69    = {{sin| 2*pi * 69/128 }}
| data70    = {{sin| 2*pi * 70/128 }}
| data71    = {{sin| 2*pi * 71/128 }}
| data72    = {{sin| 2*pi * 72/128 }}
| data73    = {{sin| 2*pi * 73/128 }}
| data74    = {{sin| 2*pi * 74/128 }}
| data75    = {{sin| 2*pi * 75/128 }}
| data76    = {{sin| 2*pi * 76/128 }}
| data77    = {{sin| 2*pi * 77/128 }}
| data78    = {{sin| 2*pi * 78/128 }}
| data79    = {{sin| 2*pi * 79/128 }}
| data80    = {{sin| 2*pi * 80/128 }}
| data81    = {{sin| 2*pi * 81/128 }}
| data82    = {{sin| 2*pi * 82/128 }}
| data83    = {{sin| 2*pi * 83/128 }}
| data84    = {{sin| 2*pi * 84/128 }} 
| data85    = {{sin| 2*pi * 85/128 }}
| data86    = {{sin| 2*pi * 86/128 }}
| data87    = {{sin| 2*pi * 87/128 }}
| data88    = {{sin| 2*pi * 88/128 }}
| data89    = {{sin| 2*pi * 89/128 }}
| data90    = {{sin| 2*pi * 90/128 }}
| data91    = {{sin| 2*pi * 91/128 }}
| data92    = {{sin| 2*pi * 92/128 }}
| data93    = {{sin| 2*pi * 93/128 }}
| data94    = {{sin| 2*pi * 94/128 }}
| data95    = {{sin| 2*pi * 95/128 }}
| data96    = {{sin| 2*pi * 96/128 }}
| data97    = {{sin| 2*pi * 97/128 }}
| data98    = {{sin| 2*pi * 98/128 }}
| data99    = {{sin| 2*pi * 99/128 }} 
| data100   = {{sin| 2*pi * 100/128 }}
| data101   = {{sin| 2*pi * 101/128 }}
| data102   = {{sin| 2*pi * 102/128 }}
| data103   = {{sin| 2*pi * 103/128 }}
| data104   = {{sin| 2*pi * 104/128 }}
| data105   = {{sin| 2*pi * 105/128 }}
| data106   = {{sin| 2*pi * 106/128 }}
| data107   = {{sin| 2*pi * 107/128 }}
| data108   = {{sin| 2*pi * 108/128 }}
| data109   = {{sin| 2*pi * 109/128 }}
| data110   = {{sin| 2*pi * 110/128 }}
| data111   = {{sin| 2*pi * 111/128 }}
| data112   = {{sin| 2*pi * 112/128 }}
| data113   = {{sin| 2*pi * 113/128 }}
| data114   = {{sin| 2*pi * 114/128 }} 
| data115   = {{sin| 2*pi * 115/128 }}
| data116   = {{sin| 2*pi * 116/128 }}
| data117   = {{sin| 2*pi * 117/128 }}
| data118   = {{sin| 2*pi * 118/128 }}
| data119   = {{sin| 2*pi * 119/128 }}
| data120   = {{sin| 2*pi * 120/128 }}
| data121   = {{sin| 2*pi * 121/128 }}
| data122   = {{sin| 2*pi * 122/128 }}
| data123   = {{sin| 2*pi * 123/128 }}
| data124   = {{sin| 2*pi * 124/128 }} 
| data125   = {{sin| 2*pi * 125/128 }}
| data126   = {{sin| 2*pi * 126/128 }}
| data127   = {{sin| 2*pi * 127/128 }}
| data128   = {{sin| 2*pi * 128/128 }} 
}}

Example 2

Population migration by city

900000     Population migration
	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*585888/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*540921/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*194343/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*-190414/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*134669/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*114983/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*-300000/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*-600000/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*600000/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*885888/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*-540921/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*794343/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*190414/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*-234669/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>		<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*-350000/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*300000/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*200000/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*-585888/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*-540921/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*-94343/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*-490414/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*234669/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*314983/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*-700000/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*600000/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*-100000/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*285888/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*340921/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-bottom-width: 0; border-top-width: 1px; border-left-width: 0; border-right-width: 0; border-bottom-color: ; border-top-color: black; border-left-color: 0; border-right-color: 0; background-color: #dd0000; height: | 10*-794343/900000 | em; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>	<div style="position: absolute; border-style: solid; border-top-width: 0; border-bottom-width: 1px; border-left-width: 0; border-right-width: 0; border-top-color: ; border-bottom-color: black; border-left-color: 0; border-right-color: 0; background-color: #ff0000; height: | 10*690414/900000 | em; bottom: 0; width: 1.0em; margin: 0 0 0 0; z-index: 0;"></div>
−900000

{{Vertical bar graph
| float            = center
| border_width     = 4px
| border_color     = black
| background_color = #aaaaaa 
| title            = Population migration by city
| label_type       = City
| data_type        = Population migration
| bar_height       = 10
| units            = em
| bar_color        = #ff0000    
| bar_alt_color    = #dd0000    
| bar_border_color = 
| bar_side_borders = no    
| data_max         = 900000
| label0    = City0
| data0     = 585,888
| label1    = City1
| data1     = 540,921
| label2    = City2
| data2     = 194,343
| label3    = City3
| data3     = -190,414
| label4    = City4
| data4     = 134,669
| label5    = City5
| data5     = 114,983
| label6    = City6
| data6     = -300,000
| label7    = City7
| data7     = -600,000
| label8    = City8
| data8     = 600,000
| label9    = City0
| data9     = 885,888
| label10   = City1
| data10    = -540,921
| label11   = City2
| data11    = 794,343
| label12   = City3
| data12    = 190,414
| label13   = City4
| data13    = -234,669
| label14   = City5
| data14    = 0
| label15   = City6
| data15    = -350,000
| label16   = City7
| data16    = 300,000
| label17   = City8
| data17    = 200,000
| label18   = City0
| data18    = -585,888
| label19   = City1
| data19    = -540,921
| label20   = City2
| data20    = -94,343
| label21   = City3
| data21    = -490,414
| label22   = City4
| data22    = 234,669
| label23   = City5
| data23    = 314,983
| label24   = City6
| data24    = -700,000
| label25   = City7
| data25    = 600,000
| label26   = City8
| data26    = -100,000
| label27   = City0
| data27    = 285,888
| label28   = City1
| data28    = 340,921
| label29   = City2
| data29    = -794,343
| label30   = City3
| data30    = 690,414 
}}

Code

{| cellspacing="0" cellpadding="0" style="<!--{{#if:{{{table_width|}}}|width: {{{table_width}}}{{#if:{{{width_units|}}}|{{{width_units}}}|em}};}}--> border-style: solid; border-width: {{{border_width|1px}}}; border-color: {{{border_color|#c0c0c0}}}; background-color: {{{background_color|#fdfdfd}}}; text-align: left; {{#switch:{{{float|center}}}
| left=float: left; clear: left; margin: 0.5em 1em 0.5em 0;
| right=float: right; clear: right; margin: 0.5em 0 0.5em 1em;
| center=float: none; margin-left: auto; margin-right: auto;
}}<!--{{{table_style|}}}-->" 
|+ '''{{#if:{{{title|}}}|{{{title}}}}}'''
|- style="height: 8px;"
|
|- style="height: {{#if:{{{bar_height|}}}|{{{bar_height}}}|30}}{{#if:{{{units|}}}|{{{units}}}|em}};" 
| style="text-align: right;" valign="top" | +{{{data_max}}} {{sup|–}}<!-- max ordinate -->

<span style="position: relative; padding-top:{{#expr: ({{#if:{{{bar_height|}}}|{{{bar_height}}}|30}}) / 2}}{{#if:{{{units|}}}|{{{units}}}|em}};"> 



{{#if:{{{data_type|}}}| ''{{{data_type}}}''}} </span><!-- ordinate label -->
! style="height: 0; {{#if:  {{{data0|}}}|width: {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}{{#if:{{{units|}}}|{{{units}}}|em}};}}" | <!--   0 -->
! style="height: 0; {{#if:  {{{data1|}}}|width: {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}{{#if:{{{units|}}}|{{{units}}}|em}};}}" | 
! style="height: 0; {{#if:  {{{data2|}}}|width: {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}{{#if:{{{units|}}}|{{{units}}}|em}};}}" | 
! style="height: 0; {{#if:  {{{data3|}}}|width: {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}{{#if:{{{units|}}}|{{{units}}}|em}};}}" | 
! style="height: 0; {{#if:  {{{data4|}}}|width: {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}{{#if:{{{units|}}}|{{{units}}}|em}};}}" | <!--   4 -->

(...)

! style="height: 0; {{#if:{{{data124|}}}|width: {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}{{#if:{{{units|}}}|{{{units}}}|em}};}}" | <!-- 124 --> 
! style="height: 0; {{#if:{{{data125|}}}|width: {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}{{#if:{{{units|}}}|{{{units}}}|em}};}}" | 
! style="height: 0; {{#if:{{{data126|}}}|width: {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}{{#if:{{{units|}}}|{{{units}}}|em}};}}" | 
! style="height: 0; {{#if:{{{data127|}}}|width: {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}{{#if:{{{units|}}}|{{{units}}}|em}};}}" |   
! style="height: 0; {{#if:{{{data128|}}}|width: {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}{{#if:{{{units|}}}|{{{units}}}|em}};}}" | <!-- 128 -->   
! style="width: 8px;" |
|- style="height: 0px;"
| {{#if: {{{data0|}}} |
{{!!}} {{Histogram/bar| {{formatnum:  {{{data0}}} |R}} |{{formatnum: {{#if:{{{data_max|}}}|{{{data_max}}}|{{{data0}}}}} |R}}|height = {{#if:{{{bar_height|}}}|{{{bar_height}}}|30}}|width = {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}|units = {{#if:{{{units|}}}|{{{units}}}|em}}|color = {{{bar_color|rgb(206, 223, 242)}}}|side_borders = {{#if:{{{bar_side_borders|}}}|{{{bar_side_borders}}}|no}}|border_color = {{{bar_border_color|{{{bar_color|rgb(206, 223, 242)}}} }}} }} }}<!--
-->{{#if: {{{data1|}}} |
{{!!}} {{Histogram/bar| {{formatnum:  {{{data1}}} |R}} |{{formatnum: {{#if:{{{data_max|}}}|{{{data_max}}}|{{{data0}}}}} |R}}|height = {{#if:{{{bar_height|}}}|{{{bar_height}}}|30}}|width = {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}|units = {{#if:{{{units|}}}|{{{units}}}|em}}|color = {{#if:{{{bar_alt_color|}}}|{{{bar_alt_color}}}|rgb(201, 218, 237)}}|side_borders = {{#if:{{{bar_side_borders|}}}|{{{bar_side_borders}}}|no}}|border_color = {{{bar_border_color|{{{bar_color|rgb(206, 223, 242)}}} }}} }} }}<!--

(...)

-->{{#if:{{{data127|}}} |
{{!!}} {{Histogram/bar|{{formatnum: {{{data127}}} |R}} |{{formatnum: {{#if:{{{data_max|}}}|{{{data_max}}}|{{{data0}}}}} |R}}|height = {{#if:{{{bar_height|}}}|{{{bar_height}}}|30}}|width = {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}|units = {{#if:{{{units|}}}|{{{units}}}|em}}|color = {{#if:{{{bar_alt_color|}}}|{{{bar_alt_color}}}|rgb(201, 218, 237)}}|side_borders = {{#if:{{{bar_side_borders|}}}|{{{bar_side_borders}}}|no}}|border_color = {{{bar_border_color|{{{bar_color|rgb(206, 223, 242)}}} }}} }} }}<!--
-->{{#if:{{{data128|}}} |
{{!!}} {{Histogram/bar|{{formatnum: {{{data128}}} |R}} |{{formatnum: {{#if:{{{data_max|}}}|{{{data_max}}}|{{{data0}}}}} |R}}|height = {{#if:{{{bar_height|}}}|{{{bar_height}}}|30}}|width = {{#if:{{{bar_width|}}}|{{{bar_width}}}|1.0}}|units = {{#if:{{{units|}}}|{{{units}}}|em}}|color = {{{bar_color|rgb(206, 223, 242)}}}|side_borders = {{#if:{{{bar_side_borders|}}}|{{{bar_side_borders}}}|no}}|border_color = {{{bar_border_color|{{{bar_color|rgb(206, 223, 242)}}} }}} }} }}
| 
|- style="height: {{#if:{{{bar_height|}}}|{{{bar_height}}}|30}}{{#if:{{{units|}}}|{{{units}}}|em}};"
| style="text-align: right;" valign="bottom" | -{{{data_max}}} {{sub|–}}<!-- min ordinate -->
|- style="height: 8px;"
|
|-
|}

See also

• {{Vertical bar graph/bar}}/{{Histogram/bar}} to generate vertical bars (used by {{Vertical bar graph}}/{{Histogram}})
• {{Vertical bar graph}}/{{Histogram}} to generate a vertical bar graph or histogram (using {{Vertical bar graph/bar}}/{{Histogram/bar}})
• {{Vertical bar graph from lists}}/{{Histogram from lists}}

• {{Bar graph/bar}} to generate horizontal bars (used by {{Bar graph}})
• {{Bar graph}} to generate a horizontal bar graph (using {{Bar graph/bar}})
• {{Bar graph from lists}}

External links

• Eric Meyer, Vertical Bar Graphs with CSS and PHP.
• Engineering Statistics Handbook, Histogram, NIST.