Edit in JSFiddle

<svg style="background-color:#ecf0fc;" width="500" height="300">
    <line x1="40" y1="20" x2="40" y2="260" stroke="#4169e1" />
    <line x1="40" y1="260" x2="460" y2="260" stroke="#4169e1" /> 

    <rect x="120" y="120" height="140" width="20" fill="#4169e1" opacity="0.6" />
    <rect x="220" y="80" height="180" width="20" fill="#e14169"  opacity="0.6"/>
    <rect x="320" y="180" height="80" width="20" fill="#69e141"  opacity="0.6"/>
    <rect x="420" y="60" height="200" width="20" fill="#6941e1"  opacity="0.6"/>

    <polyline points="130,120 230,80 330,180 430,60" stroke="#4169e1" fill="none"  />
    </svg>