emojivariation-react/index.html at main · srah99/emojivariation-react · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
    <head>
        <title>Hello HTML</title>
    </head>
    <body>
        <h1>Hello HTML</h1>
        <style>
            body {
                margin:0;
                overflow: hidden;
            }

        </style>
        <script src ="https://unpkg.com/react@18.2.0/umd/react.production.min.js"></script>
        <script src ="https://unpkg.com/react-dom@18.2.0/umd/react-dom.production.min.js"></script>
        <script src ="https://unpkg.com/d3@7.6.1/dist/d3.min.js"></script>


        <script>src="bundle.js"</script>
        <div id ="root"></div>

        <svg width="960" height="500">
            <circle cx="480"
            cy ="250"
            r ="50"
            fill ="yellow"
            stroke ="lavender"
            stroke-width="10"
            > </circle>

            <circle cx="350"
            cy ="180"
            r ="50"
            fill ="yellow"
            stroke ="lavender"
            stroke-width="10"
            > </circle>

            <circle cx="600"
            cy ="180"
            r ="50"
            fill ="yellow"
            stroke ="lavender"
            stroke-width="10"
            > </circle>
        </svg>

    </body>
</html>