34 lines
835 B
HTML
34 lines
835 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>Exercise 1</title>
|
|
<script src="https://d3js.org/d3.v7.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Exercise 1</h1>
|
|
<script>
|
|
d3.select("body")
|
|
.append("svg")
|
|
.attr("width", 110)
|
|
.attr("height", 200)
|
|
.append("rect")
|
|
.attr("x", 10)
|
|
.attr("width", 100)
|
|
.attr("height", 200)
|
|
.attr("fill", "blue");
|
|
d3.select("body")
|
|
.append("svg")
|
|
.attr("width", 220)
|
|
.attr("height", 200)
|
|
.style("margin-left", "50px")
|
|
.append("rect")
|
|
.attr("x", 120)
|
|
.attr("width", 100)
|
|
.attr("height", 200)
|
|
.attr("fill", "green");
|
|
</script>
|
|
</body>
|
|
|
|
</html> |