oin("circle")
      .attr("cx", d => x(d.gdpPercap))
      .attr("cy", d => y(d.lifeExp))
      .attr("r", d => z(d.pop))
      .style("fill", d => myColor(d.continent))
      .style("opacity", "0.7")
      .attr("stroke", "white")
      .style("stroke-width", "2px")

  })

</script></xmp></code></pre>
            <!-- ==================================== -->
          </div>
        </div>
      </div>
    </section>
    <br />

    <!-- ============================ -->

    <!-- ==========================