Multiple Earths

by linzoey

CSS

body{
background-color:white;
}

JavaScript

var draw = SVG().addTo('body').size(1000, 1000)

function earth (xPosition, yPosition, size){
//let text=draw.text('Hello World').move(50+xPosition,100+yPosition).fill('white').font({ size:50})
/* let circle=draw.circle(size + (Math.random()*20)).move(120+xPosition,200+yPosition).fill('white').stroke({width:1,color:'black'}).transform({scale: (size/30) })

let circle2=draw.circle(size + (Math.random()*20)).move(175+xPosition,243+yPosition).fill('white').stroke({width:1,color:'black'}).transform({scale: (size/30) })

let circle3=draw.circle(size + (Math.random()*20)).move(65+xPosition,243+yPosition).fill('white').stroke({width:1,color:'black'}).transform({scale: (size/30) })

let circle4=draw.circle(size + (Math.random()*20)).move(85+xPosition,310+yPosition).fill('white').stroke({width:1,color:'black'}).transform({scale: (size/30) })

let circle5=draw.circle(size + (Math.random()*20)).move(155+xPosition,310+yPosition).fill('white').stroke({width:1,color:'black'}).transform({scale: (size/30) })} */

let circle2=draw.circle(60).move(170+xPosition,370+yPosition).fill('white').stroke({width:1,color:'black'})

let circle3=draw.circle(60).move(220+xPosition,370+yPosition).fill('white').stroke({width:1,color:'black'})

let circle=draw.circle(70).move(155+xPosition,310+yPosition).fill('white').stroke({width:1,color:'black'})

let circle1=draw.circle(70).move(230+xPosition,310+yPosition).fill('white').stroke({width:1,color:'black'})

let circle4=draw.ellipse(25,115).move(214+xPosition,310+yPosition).fill('white').stroke({width:1,color:'black'})

let line=draw.line(20, 25, 45, 75).move(194+xPosition, 270+yPosition)
line.stroke({ color: 'black', width: 1, linecap: 'round' })

let line1=draw.line( 50, 75, 70, 25).move(234+xPosition, 270+yPosition)
line1.stroke({ color: 'black', width: 1, linecap: 'round' })

}

  earth(100,100,20);
  earth(330,100,25);
  earth(560,100,30);
  earth(220,300,35);
  earth(450,300,40);