Bubble Graph

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 100 100"
>
    <path fill="#455a64" d="M16.667 83.334V10H10v80h80v-6.666z" />
    <circle cx="80" cy="66.667" r="3.333" fill="#f1f7e9" />
    <path
        fill="#7cb342"
        d="M80 56.667c-5.521 0-10 4.479-10 10s4.479 10 10 10c5.523 0 10-4.479 10-10s-4.477-10-10-10zM80 70c-1.839 0-3.333-1.494-3.333-3.333s1.494-3.333 3.333-3.333c1.843 0 3.332 1.494 3.332 3.333S81.843 70 80 70z"
    />
    <circle cx="33.333" cy="20" r="3.333" fill="#fff8e1" />
    <path
        fill="#ffc00e"
        d="M33.333 10c-5.523 0-10 4.478-10 10 0 5.521 4.477 10 10 10s10-4.479 10-10c0-5.522-4.477-10-10-10zm0 13.333a3.333 3.333 0 1 1 0-6.667 3.333 3.333 0 0 1 0 6.667z"
    />
    <circle cx="43.333" cy="56.667" r="13.333" fill="#f1f7e9" />
    <path
        fill="#7cb342"
        d="M43.333 36.667c-11.049 0-20 8.955-20 20 0 11.043 8.951 20 20 20 11.045 0 20.001-8.957 20.001-20 0-11.045-8.956-20-20.001-20zm0 33.333C35.967 70 30 64.029 30 56.667c0-7.363 5.967-13.334 13.333-13.334 7.364 0 13.334 5.971 13.334 13.334 0 7.362-5.97 13.333-13.334 13.333z"
    />
    <path
        fill="#dbebc7"
        d="M43.671 43.351c-.113-.003-.224-.018-.338-.018-1.262 0-2.479.188-3.635.515 1.572 8.314 8.139 14.882 16.454 16.455.327-1.157.515-2.374.515-3.636 0-.114-.014-.224-.017-.337a16.69 16.69 0 0 1-12.979-12.979z"
    />
    <path
        fill="#568b3f"
        d="M43.333 40c0-1.139.116-2.25.334-3.324-.111-.002-.222-.009-.334-.009a20.06 20.06 0 0 0-3.783.362A20.654 20.654 0 0 0 39.333 40c0 1.315.129 2.601.365 3.848a13.329 13.329 0 0 1 3.635-.515c.114 0 .225.015.338.018A16.742 16.742 0 0 1 43.333 40zM60 56.667c-1.146 0-2.268-.116-3.35-.337.003.113.017.223.017.337 0 1.262-.188 2.479-.515 3.636a20.77 20.77 0 0 0 3.848.364c1.01 0 2-.076 2.972-.216a20.17 20.17 0 0 0 .362-3.784c0-.111-.008-.222-.009-.333a16.71 16.71 0 0 1-3.325.333z"
    />
    <circle cx="60" cy="40" r="10" fill="#fff8e1" />
    <path
        fill="#ffebb2"
        d="M57.172 32.828c5.524 0 10 4.479 10 10a9.95 9.95 0 0 1-1.659 5.513A9.988 9.988 0 0 0 70 40c0-5.521-4.475-10-10-10a9.989 9.989 0 0 0-8.339 4.488 9.945 9.945 0 0 1 5.511-1.66z"
    />
    <path
        fill="#ffc00e"
        d="M60 23.333c-9.205 0-16.667 7.463-16.667 16.667 0 9.201 7.462 16.667 16.667 16.667S76.667 49.201 76.667 40c0-9.204-7.462-16.667-16.667-16.667zM60 50c-5.523 0-10-4.479-10-10 0-5.522 4.477-10 10-10s10 4.478 10 10c0 5.521-4.477 10-10 10z"
    />
    <path
        fill="#dbebc7"
        d="M78.93 68.93a3.335 3.335 0 0 1 3.333-3.333c.323 0 .63.061.925.146A3.324 3.324 0 0 0 80 63.334a3.335 3.335 0 0 0-3.333 3.333 3.322 3.322 0 0 0 2.408 3.186 3.317 3.317 0 0 1-.145-.923z"
    />
    <path
        fill="#ffebb2"
        d="M32.263 22.263a3.336 3.336 0 0 1 3.333-3.333c.323 0 .629.062.925.146a3.324 3.324 0 0 0-3.188-2.409A3.335 3.335 0 0 0 30 20a3.321 3.321 0 0 0 2.408 3.186 3.317 3.317 0 0 1-.145-.923z"
    />
</svg>