Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#0a789b"
        d="M256 452c-8.284 0-15-6.716-15-15V275c0-8.284 6.716-15 15-15s15 6.716 15 15v162c0 8.284-6.716 15-15 15z"
    />
    <path
        fill="#08475e"
        d="M271 437V275c0-8.284-6.716-15-15-15v192c8.284 0 15-6.716 15-15z"
    />
    <path
        fill="#0a789b"
        d="M96 452c-8.284 0-15-6.716-15-15v-60c0-8.284 6.716-15 15-15s15 6.716 15 15v60c0 8.284-6.716 15-15 15z"
    />
    <path
        fill="#08475e"
        d="M96 362v90c8.284 0 15-6.716 15-15v-60c0-8.284-6.716-15-15-15z"
    />
    <path
        fill="#0a789b"
        d="M416 452c-8.284 0-15-6.716-15-15v-60c0-8.284 6.716-15 15-15s15 6.716 15 15v60c0 8.284-6.716 15-15 15z"
    />
    <path
        fill="#08475e"
        d="M416 362v90c8.284 0 15-6.716 15-15v-60c0-8.284-6.716-15-15-15zM497 482h-51c-8.284 0-15-6.716-15-15s6.716-15 15-15h51c8.284 0 15 6.716 15 15s-6.716 15-15 15zM386 482H286c-8.284 0-15-6.716-15-15s6.716-15 15-15h100c8.284 0 15 6.716 15 15s-6.716 15-15 15zM226 482H126c-8.284 0-15-6.716-15-15s6.716-15 15-15h100c8.284 0 15 6.716 15 15s-6.716 15-15 15zM66 482H15c-8.284 0-15-6.716-15-15s6.716-15 15-15h51c8.284 0 15 6.716 15 15s-6.716 15-15 15z"
    />
    <path
        fill="#ff8859"
        d="M256 290a15.002 15.002 0 0 1-12.731-7.067l-76.331-122.506c-20.453-32.826-21.456-72.61-2.684-106.425C183.027 20.188 217.324 0 256 0s72.973 20.188 91.745 54.002 17.769 73.599-2.684 106.425L268.73 282.933A14.999 14.999 0 0 1 256 290z"
    />
    <path
        fill="#ff5c5c"
        d="m268.731 282.933 76.331-122.506c20.453-32.826 21.456-72.61 2.684-106.425C328.973 20.188 294.676 0 256 0v290c5.179 0 9.992-2.672 12.731-7.067z"
    />
    <path
        fill="#fff5f5"
        d="M256 150c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
    />
    <path
        fill="#e1ebf0"
        d="M301 105c0-24.813-20.187-45-45-45v90c24.813 0 45-20.187 45-45z"
    />
    <path
        fill="#ccfc5c"
        d="M416 392a15.001 15.001 0 0 1-12.957-7.442l-52.094-89.304c-13.754-23.577-13.849-51.784-.253-75.453C364.291 196.131 388.704 182 416 182s51.709 14.131 65.304 37.801c13.595 23.669 13.5 51.876-.253 75.454l-52.094 89.303A15.001 15.001 0 0 1 416 392z"
    />
    <path
        fill="#8ee26b"
        d="M481.304 219.801C467.709 196.131 443.296 182 416 182v210a15.001 15.001 0 0 0 12.957-7.442l52.094-89.303c13.753-23.578 13.848-51.785.253-75.454z"
    />
    <circle cx="416" cy="257" r="15" fill="#fff5f5" />
    <path
        fill="#e1ebf0"
        d="M416 242v30c8.284 0 15-6.716 15-15s-6.716-15-15-15z"
    />
    <path
        fill="#fff04a"
        d="M96 392a15.001 15.001 0 0 1-12.957-7.442L30.95 295.254c-13.754-23.577-13.849-51.784-.253-75.453C44.291 196.131 68.704 182 96 182s51.709 14.131 65.304 37.801c13.595 23.669 13.5 51.876-.253 75.454l-52.094 89.303A15.001 15.001 0 0 1 96 392z"
    />
    <path
        fill="#ffcd00"
        d="M161.304 219.801C147.709 196.131 123.296 182 96 182v210a15.001 15.001 0 0 0 12.957-7.442l52.094-89.303c13.753-23.578 13.848-51.785.253-75.454z"
    />
    <circle cx="96" cy="257" r="15" fill="#fff5f5" />
    <path
        fill="#e1ebf0"
        d="M96 242v30c8.284 0 15-6.716 15-15s-6.716-15-15-15z"
    />
    <path
        fill="#ff8859"
        d="M256 512c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
    />
    <path
        fill="#ff5c5c"
        d="M301 467c0-24.813-20.187-45-45-45v90c24.813 0 45-20.187 45-45z"
    />
    <path
        fill="#fff04a"
        d="M96 512c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
    />
    <path
        fill="#ffcd00"
        d="M96 422v90c24.813 0 45-20.187 45-45s-20.187-45-45-45z"
    />
    <path
        fill="#ccfc5c"
        d="M416 512c-24.813 0-45-20.187-45-45s20.187-45 45-45 45 20.187 45 45-20.187 45-45 45z"
    />
    <path
        fill="#8ee26b"
        d="M416 422v90c24.813 0 45-20.187 45-45s-20.187-45-45-45z"
    />
</svg>