<circle>

<circle> is a Graphical component that renders a circle when nested inside a <graph>.

Attributes and Properties

Example: Default <circle>

<graph size="small">
    <circle/>
  </graph>      

This is a default <circle> without any additional attributes specified. It has a default radius of $1$ and center at $(0,0)$.

Example: <circle> with center and radius

<graph size="small">
  <circle center="(2,3)" radius="4"/>
</graph>

The center and radius of the circle are specified as attributes.

Example: <circle> through 3 points

<graph size="small">
  <circle through="(-4,-2) (2,-4) (0,6)"/>
</graph>

Three points the circle passes through are specified using the through attribute.

Attribute Example: through

The through attribute can be used to specify one to three through-points and can be used in combination with other attributes.

Attribute Example: center

The center attribute references a constrained point, thereby restricting the movement of the <circle> to a grid.

Attribute Example: radius

A <circle> is defined with default center at the origin and a radius specified with a user-input.

Attribute Example: filled

<graph size="small">
  <circle radius="1" center="(-7,0)" filled/>
  <circle radius="1" center="(-4.5,0)" filled styleNumber="2"/>
  <circle radius="1" center="(-1.5,0)" filled styleNumber="3"/>
  <circle radius="1" center="(1.5,0)" filled styleNumber="4"/>
  <circle radius="1" center="(4.5,0)" filled styleNumber="5"/>
  <circle radius="1" center="(7,0)" filled styleNumber="6"/>
</graph>

Use the filled attribute to fill in a <circle> with the color corresponding to its styleNumber.

Attribute Example: Standard graphical attributes

The uses of the following standard graphical attributes are illustrated: hide, draggable, layer, styleNumber, applyStyleToLabel and labelIsName.

Layers: By adjusting the layer attribute number, geometry can be placed in front of or behind other geometry. The default layer number is 0; all higher numbers are placed in front.

Attribute Example: throughPoints

The throughPoints property renders the values of the points specified in the through attribute stored in an array. These can be rendered on a <graph> or as a math. Enclose the copy macro in an <asList> component for clarity when rendering as a math.

Individual through-points or coordinates of individual through-points can be accessed using array notation.

Property Example: Style properties

The styleDescription, styleDescriptionWithNoun, fillStyleDescription, and borderStyleDescription properties render a text description corresponding to the styleNumber of the component.