index.html
<!DOCTYPE html>
<html>
<head>
<title>Smiley Face</title>
<script src='https://unpkg.com/react@17/umd/react.production.min.js'></script>
<script src='https://unpkg.com/d3@6.6.0/dist/d3.min.js'></script>
<script src='https://unpkg.com/react-dom@17/umd/react-dom.production.min.js'></script>
<!-- <script crossorigin src="..."></script> -->
<style>
body {
margin: 0;
over-flow: hidden
}
</style>
</head>
<body>
<div id='root'></div>
<!-- <script src='bundle.js'></script> -->
<!-- <svg width="960" height="500">
<circle
cx="480"
cy="250"
r="200"
fill="yellow"
stroke="black"
stroke-width="5"
/>
<circle
cx="400"
cy="180"
r="40"
/>
<circle
cx="560"
cy="180"
r="40"
