d3-bubble-plot/index.html at master · areff2000/d3-bubble-plot · 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
<!DOCTYPE html>
<html>
  <head>

<link rel = "stylesheet" type = "text/css" href="style.css">

  </head>
  <body>
<div>
      <svg class="chart">
        <circle class="sun" cx="100" cy="333" r="665"></circle>
        <circle class="jupiter" cx="100" cy="333" r="70"></circle>
        <circle class="saturn" cx="100" cy="333" r="58"></circle>
        <circle class="uranus" cx="100" cy="333" r="25"></circle>
        <circle class="neptune" cx="120" cy="333" r="25"></circle>
		<circle class="earth" cx="100" cy="333" r="6"></circle>
	      <circle class="moon" cx="100" cy="333" r="2"></circle>
      </svg>

      </div>


    <div>Hello world!</div>
    <h1>Hello world! - just H1</h1>
    <h1><em>Hello back! - em and h.1</em></h1>
    <span>Hello world! - just span, new line</span>
    <em>Inside EM tags - Makes italics</em>
    <span><em>Hello back! - span and em,  no new line</em></span>

    <div class = "description"> This is my CSS examples.

    The quick brown fox jumps over the lazy dog.

    </div>


  </body>
</html>