Hierarchy

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 510 510"
>
    <path
        fill="#cde8ff"
        d="m211.77 180-16.145 12.875L216.928 210H255l12.564-14L255 180zM136.77 330 108 345l13.771 15H255l13.5-14.5L255 330z"
    />
    <path fill="#a3dbff" d="M315 194.787 298.23 180H255v30h38.072z" />
    <path
        fill="#e9f4ff"
        d="m177.562 181.334 38.061-76.121L235.25 99l7.188 19.666-38.061 76.121L184.25 198z"
    />
    <path
        fill="#cde8ff"
        d="M267.564 118.666c4.603 9.209 33.425 66.852 38.059 76.121L327 200l5.436-18.666c-4.603-9.209-33.425-66.852-38.059-76.121L273 100.25z"
    />
    <path fill="#a3dbff" d="m397.5 345-24.27-15H255v30h133.23z" />
    <path
        fill="#cde8ff"
        d="m118.102 435-21.769 15 21.769 15h78.796L222 450l-25.102-15z"
    />
    <path
        fill="#a3dbff"
        d="m313.102 435-19.435 15 19.435 15h78.796L410 450l-18.102-15z"
    />
    <path
        fill="#e9f4ff"
        d="M125.623 285.213 72.562 391.334l5.688 20.416 21.127-6.963 53.061-106.121L144.5 278z"
    />
    <circle cx="60" cy="450" r="60" fill="#97de3d" />
    <path
        fill="#cde8ff"
        d="m357.564 298.666 53.059 106.121 21.627 6.963 5.186-20.416-53.059-106.121L365 279.25z"
    />
    <circle cx="450" cy="450" r="60" fill="#ff4a4a" />
    <circle cx="165" cy="240" r="60" fill="#ffd400" />
    <path
        fill="#ffd400"
        d="M195 450c0 33.084 26.916 60 60 60l20.5-60-20.5-60c-33.084 0-60 26.916-60 60z"
    />
    <path
        fill="#fb0"
        d="M315 450c0-33.084-26.916-60-60-60v120c33.084 0 60-26.916 60-60z"
    />
    <path
        fill="#ff9000"
        d="M195 60c0 33.084 26.916 60 60 60l20.5-60L255 0c-33.084 0-60 26.916-60 60z"
    />
    <path
        fill="#ff4a4a"
        d="M315 60c0-33.084-26.916-60-60-60v120c33.084 0 60-26.916 60-60z"
    />
    <circle cx="345" cy="240" r="60" fill="#59abff" />
</svg>