Device Sync

INFO-3171 Data Visualization and UI/Notes/Exercise1.html

@@ -0,0 +1,34 @@
+<!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>