<svg id="circle" width="100" height="100"></svg>
//vars
$bgcolor: #081d3f;
html,
body {
margin: 0;
padding: 0;
}
#circle {
background-color: $bgcolor;
width: 100vw;
height: 100vh;
}
View Compiled
// instance of Zdog Illustration class
let circle = new Zdog.Illustration({
element: '#circle'
})
// create your circle
new Zdog.Ellipse({
addTo: circle,
diameter: 20,
stroke: 20,
color: '#ccc'
})
// render the graphic
circle.updateRenderGraph()
This Pen doesn't use any external CSS resources.