Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <path fill="#c8cded" d="M58 41H2V23h56l4 9z" />
    <path fill="#e2e7f6" d="m62 32-4-9H2v14h57.778z" />
    <path fill="#5e87ca" d="m19 41 4-9-4-9h21l4 9-4 9z" />
    <path fill="#78a0d4" d="m19 23 4 9-2.222 5h21L44 32l-4-9z" />
    <path fill="#5e87ca" d="M45 45h14v17H45z" />
    <path fill="#78a0d4" d="M45 45h11v13H45z" />
    <path fill="#5e87ca" d="M25 2h14v17H25z" />
    <path fill="#78a0d4" d="M25 2h11v13H25z" />
    <path fill="#5e87ca" d="M5 45h14v17H5z" />
    <path fill="#78a0d4" d="M5 45h11v13H5z" />
    <circle cx="12" cy="32" r="2" fill="#3b5892" />
    <path
        fill="#3b5892"
        d="M12 34a1.987 1.987 0 0 1-1-.277V45h2V33.723A1.987 1.987 0 0 1 12 34z"
    />
    <circle cx="32" cy="32" r="2" fill="#3b5892" />
    <path
        fill="#3b5892"
        d="M32 30a1.987 1.987 0 0 1 1 .277V19h-2v11.277A1.987 1.987 0 0 1 32 30z"
    />
    <circle cx="52" cy="32" r="2" fill="#3b5892" />
    <path
        fill="#3b5892"
        d="M52 34a1.987 1.987 0 0 1-1-.277V45h2V33.723A1.987 1.987 0 0 1 52 34z"
    />
    <g fill="#f7fafd">
        <path
            d="M8 48h8v2H8zM8 52h8v2H8zM8 56h8v2H8zM48 48h8v2h-8zM48 52h8v2h-8zM48 56h8v2h-8zM28 5h8v2h-8zM28 9h8v2h-8zM28 13h8v2h-8z"
        />
    </g>
</svg>