Demo: Drawing a centroid

a) Mark the centroid of the figures:

This drawing uses weight="2" so it counts twice as much as a default-weight element when computing the overall score. allow-blank="true" means submitting without placing any points scores 0% instead of showing an "Invalid submission" error. show-score="true" displays a score badge in a header above the drawing canvas in the question and submitted answer panels.

(The expected tolerance is 1/2 square grid for position and 10 degrees for angle.)

Objects for grading:


Help buttons (not graded):


Correct answer

Student view placeholder

In student views this area is used for assessment and score info.
Tools

Staff information

Question

QID:
Title:
Demo: Drawing a centroid

Variant

Started at:
2026-08-04 23:01:28 (CDT)
Duration:
0s
Show/Hide answer 
{
  "box": [
    {
      "id": 0,
      "p1": {
        "x": 40,
        "y": 320
      },
      "p2": {
        "x": 220,
        "y": 320
      },
      "p3": {
        "x": 220,
        "y": 80
      },
      "fill": "#8effc1",
      "type": "pl-triangle",
      "graded": false,
      "stroke": "#000000",
      "evented": false,
      "opacity": 1,
      "originX": "center",
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-triangle",
      "strokeWidth": 1,
      "strokeUniform": true
    },
    {
      "id": 1,
      "top": 200,
      "fill": "#ffbcd8",
      "left": 300,
      "type": "pl-rectangle",
      "angle": 0,
      "width": 80,
      "graded": false,
      "height": 280,
      "stroke": "#000000",
      "evented": false,
      "opacity": 1,
      "originX": "center",
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-rectangle",
      "strokeWidth": 1,
      "strokeUniform": true
    },
    {
      "id": 2,
      "top": 200,
      "fill": "#000000",
      "left": 300,
      "type": "pl-point",
      "label": "",
      "graded": true,
      "radius": 4,
      "evented": false,
      "offsetx": 5,
      "offsety": 5,
      "opacity": 1,
      "originX": "center",
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-point",
      "drawErrorBox": true,
      "widthErrorBox": 20,
      "heightErrorBox": 20,
      "XcenterErrorBox": 300,
      "YcenterErrorBox": 200,
      "objectDrawErrorBox": null
    },
    {
      "id": 3,
      "top": 240,
      "fill": "#000000",
      "left": 160,
      "type": "pl-point",
      "label": "",
      "graded": true,
      "radius": 4,
      "evented": false,
      "offsetx": 5,
      "offsety": 5,
      "opacity": 1,
      "originX": "center",
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-point",
      "drawErrorBox": true,
      "widthErrorBox": 20,
      "heightErrorBox": 20,
      "XcenterErrorBox": 160,
      "YcenterErrorBox": 240,
      "objectDrawErrorBox": null
    }
  ]
}
This box is not visible to students.
History
dec frac
rad deg