About 2

Bridge Abutment Drawer

single‑file HTML SVG + JS

Inputs (units in metres unless stated)

Dirty wall height H (underside of cap to top of shoe)

Abutment cap thickness T_cap

Top width (stem at underside of cap) W_top

Front batter (horizontal per 1m vertical) B_f

Back/End batter ABOVE kink (per 1m vertical) B_b

Kink level from underside of cap (m) L_k

Back batter BELOW kink (per 1m vertical) B_k

Shoe (pedestal) thickness T_shoe

Shoe projection – front P_f

Shoe projection – back P_b

Batter is taken as horizontal offset per 1.0 m vertical (e.g., 0.20 → 1V:0.20H). Positive values taper outwards as you go down.

Elevation (not to scale until you set values)

Stem & faces Shoe Cap Dimensions

Conventions: origin is top‑left of drawing area; up is −Y. Scale auto‑fits geometry to the viewport with margins. Use download buttons for vector (SVG) or raster (PNG).

Assumptions & Notes

• Dirty wall height (H) is measured from underside of cap to top of shoe (i.e., stem height).
• Top width is the stem thickness right below the cap (excluding cap overhangs, if any).
• Front batter acts on the front (river) face across the full H.
• Back/End batter acts on the back face and changes at the kink level measured downward from the underside of cap.
• Shoe sits below the stem: thickness T_shoe, projecting beyond the stem base by P_f (front) and P_b (back).
• All inputs are geometric only (no loads/design). Add your own standards‑based checks if needed.

If your organization uses a different sign convention or definition for batters/kink level, adjust the inputs accordingly (or tweak the code where marked).