<vector>

<vector> is a Graphical component that renders a vector when nested within a <graph>. Outside a graph, it can be used in vector computations.

Attributes and Properties

Example: Default <vector>

A default <vector> without any additional attributes has tail at the origin and head at $(1,0)$.

Example: <vector> math

A <vector> within a <math> follows vector operations.

Attribute Example: x,y

The x and y attributes allow the vector to be specified by its coordinates or row elements for a vector given by $\bf{v} = (x, y)$.

Attribute Example: xs

The xs attribute allows the vector to be specified by its displacements in list format. To access or render the list information, use index notation.

Attribute Example: displacement

Use the displacement property to specify the displacement of the vector in each direction from its tail position.

Attribute Example: head, tail

Use head and tail to specify the head and tail coordinates of the vector directly.

Attribute Example: displayWithAngleBrackets

<vector name="v" displayWithAngleBrackets>(1,2)</vector>      

If this is the desired rendering format, use the attribute displayWithAngleBrackets.

Attribute Example: draggable

<p>Try to drag the head and the tail of each vector, or the vectors themselves.</p>
<graph size="small" grid="1 1" xmin="-6" xmax="6" ymin="-6" ymax="6">
  <vector name="v1" tail="(-2,0)">(3,4)
    <label>Draggable</label>
  </vector>
  <vector name="v2" styleNumber="2" draggable="false" tail="(-2,-3)">(3,4)
    <label>Not draggable</label>
  </vector>
</graph>
 
<p><c>v1.draggable</c> = $v1.draggable</p>
<p><c>v2.draggable</c> = $v2.draggable</p>

The draggable attribute determines whether the <point> can be dragged around the <graph>. All graphical objects are draggable by default.

Attribute Example: headDraggable, tailDraggable

<booleanInput name="hD">
  <label>Head draggable</label>
</booleanInput>
<booleanInput name="tD">
  <label>Tail draggable</label>
</booleanInput>
 
<graph size="small" grid="1 1" xmin="-6" xmax="6" ymin="-6" ymax="6">
  <vector name="v1" headDraggable="$hD" tailDraggable="$tD">(3,4)</vector>
</graph>
 
<p><c>headDraggable</c> = $v1.headDraggable</p>
<p><c>tailDraggable</c> = $v1.tailDraggable</p>

The head and tail of a <vector> are draggable by default. Use the headDraggable or tailDraggable attribute set to false to disable users from changing the direction and length of the <vector>. The vector as a whole can still be repositioned on the <graph>.

Attribute Example: Standard graphical attributes

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

Property Example: numDimensions

<vector name="v1">(3,4)</vector>
<p><c>numDimensions</c> = $v1.numDimensions</p>

The numDimensions property returns the number of dimesions of the <vector>.

Property Example: magnitude

<vector name="v1">(3,4)</vector>
<p><c>magnitude</c> = $v1.magnitude</p>

The magnitude property renders the magnitude of the named <vector>.

Property Example: latex

<vector name="v1" displayWithAngleBrackets>(3,4)</vector>
<p><c>latex</c> = $v1.latex</p>

The latex property renders the latex code for rendering the named <vector>.