Plotter

The graphic answer type aims to allow questions with an answer requiring the student to draw something on a canvas instead of selecting an option or writing an algebraic expression. With this feature, students will be able to draw points, lines, circles, conic sections, and more, and the new evaluation criteria will do the rest! You need to select the Plotter answer type for drawing answers involving geometric content.

WirisQuizzes Studio interface when Plotter answer type is selected

Graphic question type

When the Plotter option is selected, the drawing tool replaces the equation editor. Using the upper toolbar, you may readily draw the correct answer to the question. Bear in mind students will use the same toolbar (or a reduced version) to answer the question. They will also be able to use the handwriting to do so, for which you can see more details here.Graph

Graph with a circumference drawn through the corresponding option in its toolbar

It's also possible to include initial content for the students. It can be beneficial when, for instance, we want them to indicate some elements of a given object.

Definition of initial content for the plotter answer type

As a brand new option of WirisQuizzes, it's also possible to import information from the initial content to the correct answer or vice-versa. Thus, you can build the corresponding graph once, and it will appear automatically on the right answer, ready to be edited.

Copy from initial content button

Input options

In the Input options screen, you can control how the toolbar provided to the students is displayed and the offered auxiliary input.

Input options section when Plotter answer type is selected

Customize toolbar

Sometimes, we may not provide the student with all the graph resources. In the Customize toolbar section, you can define which will be shown in the student's graph by simply checking or unchecking the corresponding box. They are all selected by default.

Customized toolbar section to provide students with the tools to answer the question

The graph resources are divided into five sections explained below: toolbar, menu, floating, contextual (elements), and contextual (labels).

Toolbar

The Toolbar is at the core of many of the graph's possibilities. You can hide some icons to facilitate the research of those the students need or make the problem's resolution a little bit more complicated.

Wiris Graph with the toolbar remarked

Element

Description

Icon

Select

To select objects and see their algebraic expression and modify their properties.

cursor.png

Handwriting

To handwrite any of the existing objects. See how here.

handwriting.png

Point

To draw a single point.

point.png

Lines

Line: To draw a line passing through two given points.

line.png

Segment: To draw a segment between two given points.

segment.png

Ray: To draw a ray given a starting point and a direction.

ray.png

Vector: To draw a vector given a starting point and a direction.

vector.png

Parallelogram: To draw a parallelogram given a starting point and two different directions.

parallelogram.png

Polyline: To draw a polyline given an ordered set of points.

polyline.png

Polygon: To draw a polygon given a closed ordered set of points.

polygon.png

Conic sections

Circle by centre and point: To draw a circle given its centre and a belonging point.

circle2.png

Circle by three points: To draw a circle passing through three given points.

circle3.png

Arc: To draw an arc of circumference.

arc3.png

Parabola: To draw a parabola given a directrix line and its centre.

parabola.png

Ellipse: To draw an ellipse given an axis and a belonging point.

ellipse.png

Hyperbola: To draw a hyperbola given.

hyperbola.png

Conic: To draw a general conic section given five belonging points.

conic.png

Measures

Area: To fill an enclosed region and calculate its area.

area.png

Angle: To calculate the counterclockwise angle between two given elements.

angle.png

Length: To calculate the length of a bounded unidimensional element.

length.png

Label

To include any label within the plotter.

text.png

Expression

To include the graphic representation of any mathematical expression.

expression.png

Image

To include an image within the plotter

image.png

Floating

The Floating elements are thought to facilitate the students' view of the plotter and make the content creation more comfortable.

Wiris Graph with the floating elements remarked

Element

Description

Icon

Zoom in

To zoom in the plotter.

zoom_in.png

Zoom out

To zoom out the plotter.

zoom_out.png

Anima

To make the elements apparition dynamic. The different objects of the answer will appear one by one in its creation order.

anima.png

Maximize

To maximize (or minimize) the plotter.

maximize.png

Contextual (elements)

The Contextual (elements) options enable the capability of modifying a plotted object appearance.

Wiris Graph with the contextual elements remarked

Element

Description

Icon

Fix label

To fix the algebraic expression of the represented object

fix_label.png

Line width

To modify the line width of the represented object

line_width.png

Line style

To modify the line style of the represented object

line_style.png

Line colour

To modify the line colour of the represented object

line_color.png

Delete

To delete the represented object

delete.png

Contextual (labels)

The Contextual (labels) enable the capability of representing a function by giving its algebraic expression or including any text in the plotter. The labels in grey are only available if we are introducing a mathematical expression.

Wiris Graph with the contextual labels remarked

Element

Description

Icon

Bold

To write text in bold.

bold.png

Italic

To write text in italics.

italic.png

Colour

To write text in any of the available colours.

color.png

Big fraction

To add a fraction

frac.png

Superscript

To add a superscript.

exp.png

Square root

To add a square root.

sqrt.png

Root

To add a generic root.

nRoot.png

Number

To add the irrational numbers π or e

numberPi.png

Functions

To add any of the available functions (sin, tan, log, …)

functions.png

Delete

To delete the written text or formulas

delete.png

Answer input method

Here, you can choose what kind of additional entry you want to offer to the students.

Answer input method section to provide students with an auxiliary input field

There are three options:

  • Display auxiliary CalcMe: You can supply your students with our online calculator while answering the question and set initial content for the calculator if desired. Keep in mind that the calculator can do a lot more than numerical computations!

  • Display auxiliary text field: You can provide your students with a text editor to make them include the reasoning they have followed to answer the question. For more details, see this page: Auxiliary input.

  • Don't show auxiliary input: Don't show the additional CalcMe calculator nor the auxiliary text editor in the input field for the student's answer.

Validation options

The validation options field allows to define us how we want to evaluate the student's answer. This section is divided into two sections explained below.

Validation options section when Plotter answer type is selected

Elements

The Elements subsection is thought to select the elements in answer to be evaluated. By default, all the elements will be taken into account, and they will have to match the student's answer to be graded correctly.

Elements section with all the elements of a circumference selected

On the other hand, it's also possible to distribute the grade among those selected elements if we want to consider partial grading.

Elements section with the conic and the centre selected to be validated by distributing the grade

Criteria

The Criteria subsection is thought to set the amount of error allowed between the student's answer and the correct answer. Moreover, it's also possible to consider some additional properties explained below.

Criteria section showing the possible options and the selected by default ones
  • Prohibit superfluous elements in the student answer: There can't be more elements in the student answer than in the correct answer.

  • Match color: The elements in the student answer must have the same color as in the correct answer.

  • Match line type: The elements in the student answer must have the same line type as in the correct answer.

Example: Perpendicular line

Imagine creating a question asking to draw, given the line y=2x+1, its perpendicular line through the point (4,0). To do so, we have to start defining the initial content. You can use the line icon or introduce its algebraic expression.

Animation showing how to create a line as initial content

Once we have defined the initial content, we must move on to the Correct answer field and define the perpendicular line. To start, you can use the Copy from initial content option.

The correct answer with a given line and its perpendicular line trough a particular point

Then, we need to define which elements we want the students to use to answer. As they have to draw a line, we may be only interested in keeping the line icons and the expression option.

Animation showing how to customize the toolbar in the corresponding example

Finally, we have to define the validation properties that we want to consider to correctly grade the students' answers. We will only validate the solution if it matches the perpendicular line.

The validation options of the example to only consider the corresponding line

We can preview the question by clicking the Test this question. Thus, we can verify if it's working as we expected.

preview.gif