`<intComma>`

Renders a numeric value with the thousands separators of the document's language (e.g. 1,000,000)

<intComma> is a Math Operator component which inserts commas into a large integer when rendering.

The grouping follows the language the document is written in, not always a comma: a document with lang="es" or lang="de" renders 25236501.35 as 25.236.501,35, and one with lang="hi" groups in twos above the first thousand (12,34,567). Digits are only regrouped, never rounded or dropped, so 1000.50 keeps its trailing zero.

What the language changes is the punctuation. The digits themselves are always 0–9, even in a language that counts in its own — the value stays the number the mathematics around it is written with.

Attributes and Properties

Attributes for `<intComma>`

Positioning (2)

anchor

point. Default value: $\left( 0, 0 \right)$. Coordinates of the anchor point used to position this component on a graph.

positionFromAnchor

keyword. Where this component sits relative to its anchor point.

Value	Description
`upperRight`	Place the component above and to the right of the anchor point.
`upperLeft`	Place the component above and to the left of the anchor point.
`lowerRight`	Place the component below and to the right of the anchor point.
`lowerLeft`	Place the component below and to the left of the anchor point.
`top`	Place the component directly above the anchor point.
`bottom`	Place the component directly below the anchor point.
`left`	Place the component directly to the left of the anchor point.
`right`	Place the component directly to the right of the anchor point.
`center` (default)	Center the component on the anchor point.

Other (3)

draggable

boolean. Default value: true. Whether the text can be dragged on a graph.

isLatex

boolean. Default value: false. Whether the text content is treated as LaTeX.

layer

number. Default value: 0. Z-order layer index when shown on a graph.

Common to all components (9)

copy

reference. Create an independent copy of another component by reference. Enter a references a $name.

disabled

boolean. Default value: false. Whether this component is disabled and cannot be interacted with.

extend

reference. Extend another component by reference, inheriting its children and attributes. Enter a reference as $name.

fixed

boolean. Default value: false. Whether this component's value is fixed and cannot be modified.

fixLocation

boolean. Default value: false. Whether this component's location is fixed (preventing it from being moved while still allowing other modifications).

hide

boolean. Default value: false. Whether to hide this component from the rendered output.

isResponse

boolean. Default value: false. Whether this component is treated as a response for the purposes of assessment.

name

text. The name used to reference this component from elsewhere in the document.

styleNumber

integer. Default value: 1. The style number used to select this component's visual styling from the available style definitions.

Properties for `<intComma name="i">`

Positioning (2)

$i.anchor

point. The coordinates where this component is anchored on the graph.

$i.positionFromAnchor

text. Where this component sits relative to its anchor point.

Other (20)

$i.backgroundColor

text. Human-readable name for this component's background color, derived from the active style and theme.

$i.characters

[ text ]. The text value split into characters (graphemes).

$i.disabled

boolean. Whether this component is disabled and cannot be interacted with.

$i.draggable

boolean. Whether the text can be dragged on a graph.

$i.fixed

boolean. Whether this component's value is fixed and cannot be modified.

$i.fixLocation

boolean. Whether this component's location is fixed (preventing it from being moved while still allowing other modifications).

$i.hidden

boolean. Whether this component is hidden from the rendered output.

$i.isLatex

boolean. Whether the text content is treated as LaTeX.

$i.layer

number. Z-order layer index when shown on a graph.

$i.list

[ text ]. The text value split into items at commas.

$i.math

math. The text parsed as a math expression.

$i.number

number. The text parsed as a number.

$i.numCharacters

integer. The number of characters (graphemes) in the text value.

$i.numListItems

integer. The number of comma-separated items when the text is interpreted as a list.

$i.numWords

integer. The number of words in the text value.

$i.text

text. The formatted value rendered as a text string.

$i.textColor

text. Human-readable name for this component's text color, derived from the active style and theme.

$i.textStyleDescription

text. Human-readable description of this component's text styling (color and any background color).

$i.value

intComma. The numeric value, grouped as the document's language groups digits.

$i.words

[ text ]. The text value split into words.

Common to all components (4)

$i.doenetML

text. The DoenetML source code that produced this component.

$i.hide

boolean. Whether to hide this component from the rendered output.

$i.isResponse

boolean. Whether this component is treated as a response for the purposes of assessment.

$i.styleNumber

integer. The style number used to select this component's visual styling from the available style definitions.

Examples

Example: basic use

The <intComma> component inserts commas for readability in large numbers.

Example: using named references - display only

Note that the <intComma> component must be enclosed around each individual reference in numerical computations. In addition, this component can only be used after computations are performed, during final rendering.

implies integer

<intComma>