<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="-5 -5 440 110">
 <title>CoG_of_L_shape.svg</title>
 <desc>A method to find the centre of gravity of an L shape, redrawn by CMG Lee. The shape is split into two rectangles in two ways (2) and (3). The intersection the lines joining the centres of the rectangles in each case, O gives its centre of gravity.</desc>
 <defs>
  <path id="shape" d="M 60,0 H 100 V 100 H 0 V 40 H 60 Z" stroke="#000000" stroke-width="1"/>
  <g id="ab">
   <path d="M 50,70 L 80,20" stroke="#0000ff" stroke-dasharray="0.05,3"/>
   <text x="50" y="83" dy="0.7ex" fill="#0000ff">A</text>
   <text x="90" y="13" dy="0.7ex" fill="#0000ff">B</text>
  </g>
  <g id="cd">
   <path d="M 30,70 L 80,50" stroke="#ff0000" stroke-dasharray="9,3"/>
   <text x="21" y="70" dy="0.7ex" fill="#ff0000">C</text>
   <text x="90" y="50" dy="0.7ex" fill="#ff0000">D</text>
  </g>
 </defs>
 <circle cx="0" cy="0" r="99999" fill="#ffffff"/>
 <g font-family="Helvetica,Arial,sans-serif" font-size="24" text-anchor="middle"
    fill="none" stroke="none" stroke-width="2" stroke-linejoin="round" stroke-linecap="round">
  <g transform="translate(0,0)">
   <text x="10" y="10" dy="0.7ex" fill="#000000">1.</text>
   <use xlink:href="#shape"/>
  </g>
  <g transform="translate(110,0)">
   <text x="10" y="10" dy="0.7ex" fill="#000000">2.</text>
   <path d="M 60,0 L 100,40 H 60 L 100,0 M 100,40 L 0,100 M 0,40 L 100,100" stroke="#66ccff"/>
   <use xlink:href="#shape"/>
   <use xlink:href="#ab"/>
  </g>
  <g transform="translate(220,0)">
   <text x="10" y="10" dy="0.7ex" fill="#000000">3.</text>
   <path d="M 0,40 L 60,100 V 40 L 0,100 M 60,100 L 100,0 M 60,0 L 100,100" stroke="#ffcc99"/>
   <use xlink:href="#shape"/>
   <use xlink:href="#cd"/>
  </g>
  <g transform="translate(330,0)">
   <text x="10" y="10" dy="0.7ex" fill="#000000">4.</text>
   <use xlink:href="#shape"/>
   <use xlink:href="#ab"/>
   <use xlink:href="#cd"/>
   <circle cx="56.6" cy="59.3" r="2.5" stroke="#990099"/>
   <text x="70" y="70" dy="0.7ex" fill="#990099">O</text>
  </g>
 </g>
</svg>
