https://wiki.tachyony.co.uk/w/index.php?action=history&feed=atom&title=Template%3ABrick_chart%2FBricksTemplate:Brick chart/Bricks - Revision history2026-05-15T10:25:53ZRevision history for this page on the wikiMediaWiki 1.35.5https://wiki.tachyony.co.uk/w/index.php?title=Template:Brick_chart/Bricks&diff=1975&oldid=prevTachyony: Imported page2021-12-06T15:05:24Z<p>Imported page</p>
<p><b>New page</b></p><div><noinclude><!--<br />
-=============================================================================<br />
- Brick_chart/Bricks - Draw bricks for 1 count in {Brick_chart} numbers<br />
-=============================================================================<br />
-- (see NOTES at bottom)<br />
--><br />
</noinclude>{{<br />
#ifexpr:{{{count|0}}} > 0<br />
|<!--show initial brick(s)--><div style="<br />
background:{{{color|silver}}};<br />
float:left; <!--see NOTE B2 & NOTE M3--><br />
clear:{{#ifexpr: {{{offset|0}}} - {{{stride|10}}} *<br />
floor( ({{{offset|0}}})/{{{stride|10}}} ) > 0.001*{{{stride|10}}}<br />
|none|left}};<br />
height:{{#expr:100/{{{stride|10}}} }}%;<br />
overflow:hidden;<br />
width:{{#expr:<br />
{{min|{{#expr: {{{stride|10}}} - ( {{{offset|0}}} - {{{stride|10}}} *<br />
floor( ( {{{offset|0}}} )/{{{stride|10}}} ) ) }}<br />
|{{{count|0}}}}} * 100/{{{stride|10}}} }}%;<br />
">&nbsp;</div>{{<br />
#ifexpr:{{{count|0}}} > {{min<br />
|{{#expr: {{{stride|10}}} - ( {{{offset|0}}} - {{{stride|10}}} *<br />
floor( ( {{{offset|0}}} )/{{{stride|10}}} ) ) }}<br />
|{{{count|0}}} }}<br />
|<!--show full-line bricks--><div style="<br />
background:{{{color|grey}}};<br />
float:left;<br />
clear:left;<br />
width:100%;<br />
overflow:hidden;<br />
height:{{#expr:<br />
floor( {{{count|0}}}<br />
- {{min<br />
|{{#expr: {{{stride|10}}} - ( {{{offset|0}}} - {{{stride|10}}} *<br />
floor( ( {{{offset|0}}} )/{{{stride|10}}} ) ) }}<br />
|{{{count|0}}}}}<br />
- ( {{{count|0}}}+{{{offset|0}}} - {{{stride|10}}} *<br />
floor( ( {{{count|0}}}+{{{offset|0}}} )/{{{stride|10}}} )<br />
) ) }}%<!--<br />
-->">&nbsp;</div>{{<br />
#ifexpr: {{{count|0}}}+{{{offset|0}}} - {{{stride|10}}} *<br />
floor( ( {{{count|0}}}+{{{offset|0}}} )/{{{stride|10}}} ) > 0<br />
|<!--show final bricks (if any)--><div style="<br />
background:{{{color|silver}}};<br />
float:left;<br />
clear:left;<br />
overflow:hidden;<br />
height:{{#expr:100/{{{stride|10}}} }}%;<br />
width:{{#expr: ( {{{count|0}}}+{{{offset|0}}} - {{{stride|10}}} *<br />
floor( ( {{{count|0}}}+{{{offset|0}}} )/{{{stride|10}}} ) )<br />
* 100/{{{stride|10}}} }}%;<!--<br />
-->">&nbsp;</div><br />
}}<br />
}}<br />
}}<noinclude><!--<br />
----------------------------------------------------------------------------<br />
--NOTES<br />
--<br />
-- NOTE A1: This template draws 1 to 3 line segments for: the initial bricks,<br />
-- whole lines of middle bricks, and the final bricks (if any).<br />
--<br />
-- NOTE B2: The position of the bar line segments is set by "clear:none;"<br />
-- to append to the prior bar, or "clear:left;" for a new line segment<br />
-- as set by the first div-tag: <div style="float:left; clear:...;">.<br />
-- Other options, as "background:{{{color}}};" are in the same div-tag.<br />
--<br />
-- NOTE M3: To allow decimal numbers, the calculations which used modulo<br />
-- function 'x mod n' were rewritten to use division and floor(x), as:<br />
-- {x} - {n}*floor( {x}/{n} ). Hence, '{offset} mod {stride}' became<br />
-- the formula: {{{offset|0}}} - {{{stride|10}}} *<br />
-- floor( ( {{{offset|0}}} )/{{{stride|10}}} ).<br />
-- Although mod was limited to integers, the formula allows any amounts<br />
-- as if: 16.45 mod 10 = 6.45, and brick bars scale for those numbers.<br />
--<br />
-- NOTE S4: For a line segment to be visible, there must be a non-breaking<br />
-- space, where each div-tag contains an "&nbsp;". However, the size<br />
-- of the line segment can be shorter than a space.<br />
--<br />
----------------------------------------------------------------------------<br />
-HISTORY<br />
-17Aug2009 Created to display brick chart using div-tag line segments.<br />
-17Sep2012 Put HISTORY comments to log major changes (not typos).<br />
-17Sep2012 Put NOTES comments to explain template operation & limits.<br />
-17Sep2012 Indented markup to show 3 nested if-structures.<br />
-17Sep2012 Fixed overlapped bars by full use of div-tag "overflow:hidden;".<br />
-17Sep2012 Added "overflow:hidden;" to 3rd line segment to match 1 & 2.<br />
-18Sep2012 Allowed decimals by replacing mod as: {c} - 10*floor( {c}/10 ).<br />
<br />
-->The '''[[Template:Brick_chart/Bricks]]''' draws bricks for {{tl|Brick chart}}. The bricks are displayed as 1, 2 or 3 bar line segments, depending on the offset and count numbers.<br />
<br />
Parameters:<br />
<br />
:* count - the number (or decimal) to represent by bar line segments<br />
:* offset - the sum of prior count numbers (can be: 2+5+7.8, etc.)<br />
:* stride - width of lines (in number units) in the brick chart (default: 10)<br />
:* color &nbsp; - a web-color name or number (see all: [[Web colors]]).<br />
<br />
The height of a bar line segment is 100/{stride}% with default as 10%. The default offset=0, and the full effects of the template can only be seen when<br />
run multiple times, with the bar line segments displayed together, as when invoked several times from [[Template:Brick chart]].<br />
<br />
[[Category:Chart, diagram and graph formatting and function templates]]<br />
</noinclude></div>Tachyony