How to Diagram a Dining-Table Add-On: Flush Plugs, Two Shelf Supports, and a Sideways-Sliding Tray Frame

Use separate drawings for the flush plugs giving way to two shelf supports and the upper tray frame sliding sideways. Keep the table as a fixed reference, and label any illustrative geometry or unresolved timing.

The task is to record this particular visual scene: a proposed dining-table add-on has flush plugs that give way to two shelf supports, while its upper tray frame slides sideways. A useful diagram must preserve both component changes without supplying an unseen mechanism. This guide develops a drawing method for that task, including how to show the initial surface relationship, distinguish the two supports, and describe the frame’s lateral movement.

What must the diagram preserve?

Start with a short statement beside the drawing: “Proposed dining-table add-on: flush plugs give way to two shelf supports; upper tray frame slides sideways.” Keep “proposed” in that statement so the drawing retains the status supplied in the description.

Separate the information into three visual requirements:

• The plugs begin flush with the surface in which they sit.

• The changed configuration contains two shelf supports.

• The upper tray frame undergoes a sideways slide.

These requirements describe different things. “Flush” specifies a surface relationship. “Two” fixes the support count. “Slides sideways” specifies movement of the upper tray frame. Give each requirement its own visible treatment or annotation so that one conspicuous arrow does not become the explanation for the whole scene.

The wording leaves other details open: the plug count, component dimensions, materials, exact support shapes, direction and distance of the slide, and timing between the changes. In particular, “give way to” does not establish whether the plugs withdraw, disappear, change form, or are replaced. Preserve that wording wherever a more specific drawing would require a guess.

How should you organize the drawings?

Use two paired comparisons: one for the plug-to-support change and another for the tray-frame movement. This is an adaptation of storyboarding, which presents events through a sequence of images with accompanying captions. Nielsen Norman Group identifies the scenario, visuals, and captions as the common elements of a storyboard. Here, those elements provide a useful structure for recording the supplied scene. Storyboards Help Visualize UX Ideas (https://www.nngroup.com/articles/storyboards-visualize-ideas/)

For this scene, label the pairs “A: plugs to supports” and “B: upper tray frame slides sideways.” Within each pair, show the relevant earlier and later states. The separation makes the changes legible without claiming that all of A finishes before B begins.

Use these four drawing labels:

1. A1 — Flush-plug state.

2. A2 — Two-support state.

3. B1 — Upper tray frame before the sideways slide.

4. B2 — Upper tray frame after the sideways slide.

Add a note beneath the pairs: “A and B separate the component changes for clarity; their relative timing is unspecified.” This preserves the complete described change while avoiding an invented pause, trigger, or simultaneous action. Numbering all four drawings as a single timeline would imply more temporal detail than the supplied description provides.

Keep the viewpoint and drawing size consistent within each pair. Copy the same visible table reference into both drawings, then alter only the component being recorded. If another component’s state is unresolved at that moment, crop the drawing to the relevant area or label the unresolved relationship in the caption.

How do you show that the plugs are flush?

Make the surface relationship readable before adding detail. In A1, show the visible plug boundary where its shape and position are established. A flush plug should not acquire a raised lip or a sunken center merely because those features are easier to draw. Its exposed face belongs at the level of the surrounding surface.

If the outline alone cannot communicate that relationship, place a short leader beside it reading “plug face flush with surrounding surface.” A caption can preserve a known relation without inventing the thickness beneath it. Avoid a cutaway that would introduce an unsupported plug body or opening.

A schematic detail may be useful when the supplied geometry is too sparse for a fuller drawing. For example, you could depict a short surface line with a marked plug segment at the same level. Label this “illustrative surface relation; plug shape and dimensions unspecified.” That example records the meaning of flush without presenting a fabricated plug design as part of the scene.

Do not infer two plugs from the presence of two shelf supports. The stated support count belongs to the changed configuration; it does not establish a one-to-one correspondence with the plugs. Where plug number or placement is unavailable, retain the plural label and explicitly mark those details as unspecified.

How do you record the change to two shelf supports?

In A2, make two distinct supports identifiable. Use “Support 1” and “Support 2” as drawing labels if their outlines are difficult to distinguish. Those labels count the components; they do not assign different functions, sizes, or positions.

Connect A1 and A2 with the caption “Flush plugs give way to two shelf supports.” Place that wording between the drawings or beneath the pair. Avoid arrows that suggest a particular deployment path. An upward arrow, for example, would add a direction of emergence that the description does not supply.

Preserve any established contact, alignment, or overlap in the visible scene. Where those relations are unspecified, use a labeled schematic rather than making the supports touch a conveniently placed surface. Their name alone does not establish their attachment points, cross-sections, or the presence of a separate shelf board.

If an illustrative arrangement is needed, identify it directly: “Example schematic: two separated support outlines; spacing and shape are illustrative.” Keep that note next to the drawing. A distant general note is easy to miss, especially when a concrete shape looks more definite than the words supporting it.

The interval between A1 and A2 can remain undrawn. Showing the two established states preserves the change without inserting a partially raised support, a departing plug, or an assembly action.

How do you make the sideways tray-frame slide clear?

Give the upper tray frame its own pair of drawings, B1 and B2. Retain the word “frame” in both labels so that the drawing does not silently turn it into a solid tray, a shelf, or the entire add-on. Preserve its visible outline if known; otherwise identify any simplified outline as schematic.

Use the same table reference and viewpoint in both drawings. This gives the frame a stable visual reference for its displacement. Changing the viewing angle between B1 and B2 would make it harder to tell whether the frame moved or was simply seen from somewhere else.

Parallel projection is one optional drawing choice. SketchUp’s documentation describes it as a view in which parallel lines remain parallel, whereas perspective uses convergence toward the horizon. A simple parallel-projection sketch can therefore provide a consistent way to compare the two frame positions. It remains an illustrative presentation choice, not evidence of the scene’s original viewpoint. Viewing a Model (https://help.sketchup.com/en/sketchup/viewing-model)

Place a movement arrow close to the upper tray frame and label it “slides sideways.” ACMI’s storyboarding guidance uses arrows to communicate movement and distinguishes movement within the scene from camera movement marked near the panel edge. Applying that distinction here helps the arrow refer to the frame. Storyboards (https://www.acmi.net.au/education/school-program-and-resources/film-it-storyboards/)

The supplied description does not identify left or right. If your example drawing moves the frame toward the page’s right edge, write “rightward on page for illustration; actual direction unspecified.” Likewise, treat the gap between its two depicted positions as illustrative unless a travel distance is supplied. Avoid a double-headed arrow, which could imply movement in both directions.

Keep the frame’s outline and orientation consistent across the example positions. Do not add a turn, lift, tilt, or extension to explain the slide. Where the final position is unknown, B2 can show an explicitly illustrative displacement rather than an asserted endpoint.

What captions keep the record precise?

Use captions to distinguish what the description establishes from what the drawing merely needs for presentation. A practical caption set is:

• A1: “Flush plugs. Plug count, outline, and placement unspecified.”

• A2: “The plugs give way to two shelf supports. Intermediate change unspecified.”

• B1: “Upper tray frame before the stated sideways slide.”

• B2: “Upper tray frame displaced sideways. Direction and distance shown schematically.”

Add material notes only when material information exists. The description supplies component names and spatial relations, but no wood species, metal finish, transparent surface, or texture. Plain outlines can carry this record without those additions. If you use hatching simply to distinguish components, label it as a drawing key rather than a material designation.

Before finishing, trace each mark back to its purpose. The plug annotation should establish flushness. The support drawing should establish two distinct components. The frame comparison and arrow should establish lateral movement. Remove any line that supplies an unsupported fitting, attachment, or intermediate action.

The finished record should let a reader recover the whole scene in one pass: a proposed dining-table add-on, flush plugs giving way to two shelf supports, and an upper tray frame sliding sideways. Separate comparisons, stable reference geometry, and nearby uncertainty notes preserve those specific changes while keeping illustrative choices visible.

Sources

• Nielsen Norman Group — Storyboards Help Visualize UX Ideas (https://www.nngroup.com/articles/storyboards-visualize-ideas/)

• SketchUp Help — Viewing a Model (https://help.sketchup.com/en/sketchup/viewing-model)

• ACMI — Storyboards (https://www.acmi.net.au/education/school-program-and-resources/film-it-storyboards/)