 | This template uses Lua: |
This template adds an inline bar graph to tables with numeric (including negative) values that a reader may wish to compare.
Use this template inside a table. The template generates either two table cells (for cases in which all values are positive) or three (to accommodate negative bars going off to the left). Thus, your table headers should have colspan="2" or colspan="3" (or similar combinations), respectively, to correctly span the columns.
The template generates two cells if the scale parameter is positive and three if it is negative.
Usage
{{bar table|value|unit|scale|height|style}}
- value (mandatory)
- any real number or math expression that evaluates to a number. Commas can be used to group digits. See Help:Calculation for the syntax for math expressions.
- unit (default = empty string)
- the unit, e.g. "m" for metres. Prepend a space if you want a space between the value and the unit. If unit starts with "/", the value is converted between units (using the convert template) as follows:
- "/unit1/unit2/round" converts the value from unit1 to unit2 and rounds it to round decimal places (using
{{convert|value|unit1|unit2|round|abbr=on}}). Unfortunately unit1, unit2 or round cannot contain a "/" or a "=" — if anyone knows how to allow it (or translate other characters to it), please help.
- "/unit1/unit2/round" converts the value from unit1 to unit2 and rounds it to round decimal places (using
- scale (default = 1)
- a factor multiplied by value to give the width of the bar in pixels. Use the same scale in every row, as otherwise the bar chart won’t be to scale!
- scale can be negative, in which case an additional column (for showing negative values) is created. See example below.
- height (default = "2ex")
- the height of the bar as a CSS measurement e.g. "1em" or "16px".
- style (default = empty string)
- a CSS style string to apply to the bar, e.g. "background:red;".
Examples
Real-world example
{| class="wikitable"
|+ Melting point at 1 atmosphere
! Substance !! Temperature !! colspan="2" | Relative size
|-
| Mercury || {{bar table| -38.72|/C/F|-2|1em|background:silver}}
|-
| Bromine || {{bar table| -7.10|/C/F|-2|1em|background:brown}}
|-
| Water || {{bar table| 0|/C/F|-2|1em}}
|-
| Phosphorus || {{bar table| 44.10|/C/F|-2|1em|background:red}}
|-
| Iodine || {{bar table| 113.50|/C/F|-2|1em|background:indigo}}
|-
| Sulphur || {{bar table| 115.36|/C/F|-2|1em|background:yellow}}
|}
| Substance | Temperature | Relative size | |
|---|---|---|---|
| Mercury | −38.72 °C (−37.70 °F) | ||
| Bromine | −7.1 °C (19.2 °F) | ||
| Water | 0 °C (32 °F) | ||
| Phosphorus | 44.1 °C (111.4 °F) | ||
| Iodine | 113.5 °C (236.3 °F) | ||
| Sulphur | 115.36 °C (239.65 °F) | ||
2-column (only positive values)
{| class="wikitable"
! Example || colspan="2" | Rendering
|-
| Only value || {{bar table|272}}
|-
| Negative value || {{bar table|-72}}
|-
| Math expression || {{bar table|exp(1)*1e2}}
|-
| Value and unit (note added space) || {{bar table|272| km/h}}
|-
| Value and unit (link to definition) || {{bar table|272|[[Degree_(angle)|°]]}}
|-
| Value and unit (with formatting) || style="text-align: right;"|''θ'' = {{bar table|272|°}}
|-
| Value and unit (with conversion) || {{bar table|272|/km/mi}}
|-
| Value and scale || {{bar table|272||1/(2^0.5)}}
|-
| Value and height || {{bar table|272|||4px}}
|-
| Value and style || {{bar table|272||||background:blue;}}
|-
| Value with commas, and scale || {{bar table|2,720||.1}}
|-
| The full monty || {{bar table|18^2|%|sin(1)|2em|border:ridge red;}}
|-
|}
| Example | Rendering | |
|---|---|---|
| Only value | 272 | |
| Negative value | -72 | |
| Math expression | exp(1)*1e2 | |
| Value and unit (note added space) | 272 km/h | |
| Value and unit (link to definition) | 272° | |
| Value and unit (with formatting) | θ = 272° | |
| Value and unit (with conversion) | 272 km (169 mi) | |
| Value and scale | 272 | |
| Value and height | 272 | |
| Value and style | 272 | |
| Value with commas, and scale | 2,720 | |
| The full monty | 18^2% | |
3-column (positive and negative values)
{| class="wikitable"
! Example || colspan="3" | Rendering
|-
| Only value || {{bar table|272||-1}}
|-
| Negative value || {{bar table|-72||-1}}
|-
| Math expression || {{bar table|exp(1)*1e2||-1}}
|-
| Value and unit (note added space) || {{bar table|272| km/h|-1}}
|-
| Value and unit (link to definition) || {{bar table|272|[[Degree_(angle)|°]]|-1}}
|-
| Value and unit (with formatting) || style="text-align: right;"|''θ'' = {{bar table|272|°|-1}}
|-
| Value and unit (with conversion) || {{bar table|272|/km/mi|-1}}
|-
| Value and scale || {{bar table|272||-1/(2^0.5)}}
|-
| Value and height || {{bar table|272||-1|4px}}
|-
| Value and style || {{bar table|272||-1||background:blue;}}
|-
| Value with commas, and scale || {{bar table|2,720||-.1}}
|-
| The full monty || {{bar table|18^2|%|sin(-1)|2em|border:ridge red;}}
|-
|}
| Example | Rendering | ||
|---|---|---|---|
| Only value | 272 | ||
| Negative value | -72 | ||
| Math expression | exp(1)*1e2 | ||
| Value and unit (note added space) | 272 km/h | ||
| Value and unit (link to definition) | 272° | ||
| Value and unit (with formatting) | θ = 272° | ||
| Value and unit (with conversion) | 272 km (169 mi) | ||
| Value and scale | 272 | ||
| Value and height | 272 | ||
| Value and style | 272 | ||
| Value with commas, and scale | 2,720 | ||
| The full monty | 18^2% | ||
Alternatives to avoid Wikipedia's Post-expand include size limit
Pages with many boxes and charts may come close to or exceed Wikipedia's Post-expand include size limit. In these cases consider using Module:Bar as follows:
- {{Bar table}} → {{#invoke:Bar|table}}
See also
- {{composition bar}}
- {{bar chart}}