Demo: Drawing Exploded FBDs

Draw the corresponding free body diagram.

Use individual arrows to show external forces on the entire structure and the "exploded" components; use paired arrows of the same color to show forces internal to the structure in equal and opposite pairs. When using paired vectors, try to draw two-force members in tension.

Grading info: paired vectors are graded in the pairs that they were formed. All combinations are checked, but the pair is graded all-or-nothing. The colors cycle, but that's just a visual aid (delete any vector to also remove its paired vector, and get a fresh color).

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



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 Exploded FBDs

Variant

Started at:
2026-08-04 20:43:09 (CDT)
Duration:
0s
Show/Hide answer 
{
  "box": [
    {
      "id": 0,
      "x1": 60,
      "x2": 60,
      "y1": 60,
      "y2": 285,
      "type": "pl-rod",
      "color": "#ffffff",
      "graded": false,
      "height": 20,
      "label1": "",
      "label2": "",
      "stroke": "#000000",
      "drawPin": true,
      "evented": false,
      "offsetx1": 2,
      "offsetx2": 2,
      "offsety1": 2,
      "offsety2": 2,
      "selectable": false,
      "gradingName": "pl-rod",
      "strokeWidth": 2
    },
    {
      "id": 1,
      "x1": 60,
      "x2": 240,
      "y1": 150,
      "y2": 150,
      "type": "pl-rod",
      "color": "#ffffff",
      "graded": false,
      "height": 20,
      "label1": "",
      "label2": "",
      "stroke": "#000000",
      "drawPin": true,
      "evented": false,
      "offsetx1": 2,
      "offsetx2": 2,
      "offsety1": 2,
      "offsety2": 2,
      "selectable": false,
      "gradingName": "pl-rod",
      "strokeWidth": 2
    },
    {
      "id": 2,
      "x1": 60,
      "x2": 150,
      "y1": 210,
      "y2": 150,
      "type": "pl-rod",
      "color": "#ffffff",
      "graded": false,
      "height": 20,
      "label1": "",
      "label2": "",
      "stroke": "#000000",
      "drawPin": true,
      "evented": false,
      "offsetx1": 2,
      "offsetx2": 2,
      "offsety1": 2,
      "offsety2": 2,
      "selectable": false,
      "gradingName": "pl-rod",
      "strokeWidth": 2
    },
    {
      "id": 3,
      "x1": 285,
      "x2": 285,
      "y1": 60,
      "y2": 285,
      "type": "pl-rod",
      "color": "#ffffff",
      "graded": false,
      "height": 20,
      "label1": "",
      "label2": "",
      "stroke": "#000000",
      "drawPin": true,
      "evented": false,
      "offsetx1": 2,
      "offsetx2": 2,
      "offsety1": 2,
      "offsety2": 2,
      "selectable": false,
      "gradingName": "pl-rod",
      "strokeWidth": 2
    },
    {
      "id": 4,
      "x1": 375,
      "x2": 555,
      "y1": 105,
      "y2": 105,
      "type": "pl-rod",
      "color": "#ffffff",
      "graded": false,
      "height": 20,
      "label1": "",
      "label2": "",
      "stroke": "#000000",
      "drawPin": true,
      "evented": false,
      "offsetx1": 2,
      "offsetx2": 2,
      "offsety1": 2,
      "offsety2": 2,
      "selectable": false,
      "gradingName": "pl-rod",
      "strokeWidth": 2
    },
    {
      "id": 5,
      "x1": 420,
      "x2": 510,
      "y1": 315,
      "y2": 255,
      "type": "pl-rod",
      "color": "#ffffff",
      "graded": false,
      "height": 20,
      "label1": "",
      "label2": "",
      "stroke": "#000000",
      "drawPin": true,
      "evented": false,
      "offsetx1": 2,
      "offsetx2": 2,
      "offsety1": 2,
      "offsety2": 2,
      "selectable": false,
      "gradingName": "pl-rod",
      "strokeWidth": 2
    },
    {
      "id": 6,
      "top": 105,
      "fill": "#000000",
      "left": 465,
      "type": "pl-point",
      "label": "",
      "graded": false,
      "radius": 4,
      "evented": false,
      "offsetx": 5,
      "offsety": 5,
      "opacity": 1,
      "originX": "center",
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-point",
      "widthErrorBox": 20,
      "heightErrorBox": 20,
      "XcenterErrorBox": 465,
      "YcenterErrorBox": 105,
      "objectDrawErrorBox": null
    },
    {
      "id": 7,
      "top": 150,
      "fill": "#000000",
      "left": 285,
      "type": "pl-point",
      "label": "",
      "graded": false,
      "radius": 4,
      "evented": false,
      "offsetx": 5,
      "offsety": 5,
      "opacity": 1,
      "originX": "center",
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-point",
      "widthErrorBox": 20,
      "heightErrorBox": 20,
      "XcenterErrorBox": 285,
      "YcenterErrorBox": 150,
      "objectDrawErrorBox": null
    },
    {
      "id": 8,
      "top": 210,
      "fill": "#000000",
      "left": 285,
      "type": "pl-point",
      "label": "",
      "graded": false,
      "radius": 4,
      "evented": false,
      "offsetx": 5,
      "offsety": 5,
      "opacity": 1,
      "originX": "center",
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-point",
      "widthErrorBox": 20,
      "heightErrorBox": 20,
      "XcenterErrorBox": 285,
      "YcenterErrorBox": 210,
      "objectDrawErrorBox": null
    },
    {
      "id": 9,
      "x1": 60,
      "y1": 60,
      "top": 60,
      "left": 60,
      "type": "pl-vector",
      "angle": 115.01689347810002,
      "label": "",
      "width": 48,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "widthErrorBox": 68,
      "drawStartArrow": false,
      "heightErrorBox": 20,
      "offset_forward": 0,
      "XcenterErrorBox": 70.14925116794697,
      "YcenterErrorBox": 38.25160464011363,
      "disregard_sense": false,
      "offset_backward": 48,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 10,
      "x1": 285,
      "y1": 60,
      "top": 60,
      "left": 285,
      "type": "pl-vector",
      "angle": 115.01689347810002,
      "label": "",
      "width": 48,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "widthErrorBox": 68,
      "drawStartArrow": false,
      "heightErrorBox": 20,
      "offset_forward": 0,
      "XcenterErrorBox": 295.14925116794694,
      "YcenterErrorBox": 38.25160464011363,
      "disregard_sense": false,
      "offset_backward": 48,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 11,
      "x1": 60,
      "y1": 285,
      "top": 285,
      "left": 12,
      "type": "pl-vector",
      "angle": 0,
      "label": "",
      "width": 48,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "widthErrorBox": 116,
      "drawStartArrow": false,
      "heightErrorBox": 20,
      "offset_forward": 48,
      "XcenterErrorBox": 60,
      "YcenterErrorBox": 285,
      "disregard_sense": true,
      "offset_backward": 48,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 12,
      "x1": 285,
      "y1": 285,
      "top": 285,
      "left": 237,
      "type": "pl-vector",
      "angle": 0,
      "label": "",
      "width": 48,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "widthErrorBox": 116,
      "drawStartArrow": false,
      "heightErrorBox": 20,
      "offset_forward": 48,
      "XcenterErrorBox": 285,
      "YcenterErrorBox": 285,
      "disregard_sense": true,
      "offset_backward": 48,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 13,
      "x1": 60,
      "y1": 285,
      "top": 333,
      "left": 60,
      "type": "pl-vector",
      "angle": -90,
      "label": "",
      "width": 48,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "widthErrorBox": 68,
      "drawStartArrow": false,
      "heightErrorBox": 20,
      "offset_forward": 0,
      "XcenterErrorBox": 60,
      "YcenterErrorBox": 309,
      "disregard_sense": false,
      "offset_backward": 48,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 14,
      "x1": 285,
      "y1": 285,
      "top": 333,
      "left": 285,
      "type": "pl-vector",
      "angle": -90,
      "label": "",
      "width": 48,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "widthErrorBox": 68,
      "drawStartArrow": false,
      "heightErrorBox": 20,
      "offset_forward": 0,
      "XcenterErrorBox": 285,
      "YcenterErrorBox": 309,
      "disregard_sense": false,
      "offset_backward": 48,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 15,
      "x1": 240,
      "y1": 150,
      "top": 150,
      "left": 240,
      "type": "pl-vector",
      "angle": 90,
      "label": "",
      "width": 48,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "widthErrorBox": 68,
      "drawStartArrow": false,
      "heightErrorBox": 20,
      "offset_forward": 0,
      "XcenterErrorBox": 240,
      "YcenterErrorBox": 126,
      "disregard_sense": false,
      "offset_backward": 48,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 16,
      "x1": 555,
      "y1": 105,
      "top": 105,
      "left": 555,
      "type": "pl-vector",
      "angle": 90,
      "label": "",
      "width": 48,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "widthErrorBox": 68,
      "drawStartArrow": false,
      "heightErrorBox": 20,
      "offset_forward": 0,
      "XcenterErrorBox": 555,
      "YcenterErrorBox": 81,
      "disregard_sense": false,
      "offset_backward": 48,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 17,
      "x1": 285,
      "x2": 420,
      "y1": 210,
      "y2": 315,
      "top1": 210,
      "top2": 315,
      "type": "pl-paired-vector",
      "label": "",
      "left1": 285,
      "left2": 420,
      "width": 48,
      "angle1": 146.30993247402023,
      "angle2": -33.690067525979785,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-paired-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "drawStartArrow": false,
      "offset_forward": 48,
      "widthErrorBox1": 116,
      "widthErrorBox2": 116,
      "disregard_sense": true,
      "heightErrorBox1": 20,
      "heightErrorBox2": 20,
      "offset_backward": 48,
      "XcenterErrorBox1": 285,
      "XcenterErrorBox2": 420,
      "YcenterErrorBox1": 210,
      "YcenterErrorBox2": 315,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 18,
      "x1": 285,
      "x2": 375,
      "y1": 150,
      "y2": 105,
      "top1": 150,
      "top2": 105,
      "type": "pl-paired-vector",
      "label": "",
      "left1": 285,
      "left2": 375,
      "width": 48,
      "angle1": 0,
      "angle2": 180,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-paired-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "drawStartArrow": false,
      "offset_forward": 48,
      "widthErrorBox1": 116,
      "widthErrorBox2": 116,
      "disregard_sense": true,
      "heightErrorBox1": 20,
      "heightErrorBox2": 20,
      "offset_backward": 48,
      "XcenterErrorBox1": 285,
      "XcenterErrorBox2": 375,
      "YcenterErrorBox1": 150,
      "YcenterErrorBox2": 105,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 19,
      "x1": 285,
      "x2": 375,
      "y1": 150,
      "y2": 105,
      "top1": 150,
      "top2": 105,
      "type": "pl-paired-vector",
      "label": "",
      "left1": 285,
      "left2": 375,
      "width": 48,
      "angle1": -90,
      "angle2": 90,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-paired-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "drawStartArrow": false,
      "offset_forward": 48,
      "widthErrorBox1": 116,
      "widthErrorBox2": 116,
      "disregard_sense": true,
      "heightErrorBox1": 20,
      "heightErrorBox2": 20,
      "offset_backward": 48,
      "XcenterErrorBox1": 285,
      "XcenterErrorBox2": 375,
      "YcenterErrorBox1": 150,
      "YcenterErrorBox2": 105,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    },
    {
      "id": 20,
      "x1": 510,
      "x2": 465,
      "y1": 255,
      "y2": 105,
      "top1": 255,
      "top2": 105,
      "type": "pl-paired-vector",
      "label": "",
      "left1": 510,
      "left2": 465,
      "width": 48,
      "angle1": -33.690067525979785,
      "angle2": 146.30993247402023,
      "graded": true,
      "stroke": "#c72c1c",
      "evented": false,
      "offsetx": 2,
      "offsety": 2,
      "originY": "center",
      "selectable": false,
      "gradingName": "pl-paired-vector",
      "strokeWidth": 3,
      "trueHandles": [
        "mtr"
      ],
      "drawEndArrow": true,
      "drawErrorBox": true,
      "drawStartArrow": false,
      "offset_forward": 48,
      "widthErrorBox1": 116,
      "widthErrorBox2": 116,
      "disregard_sense": true,
      "heightErrorBox1": 20,
      "heightErrorBox2": 20,
      "offset_backward": 48,
      "XcenterErrorBox1": 510,
      "XcenterErrorBox2": 465,
      "YcenterErrorBox1": 255,
      "YcenterErrorBox2": 105,
      "optional_grading": false,
      "objectDrawErrorBox": null,
      "arrowheadWidthRatio": 0.8,
      "arrowheadOffsetRatio": 0.8
    }
  ]
}
This box is not visible to students.
History
dec frac
rad deg