diff --git a/CSS/style.css b/CSS/style.css new file mode 100644 index 0000000..3b26154 --- /dev/null +++ b/CSS/style.css @@ -0,0 +1,58 @@ +/* General Reset */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +/* Body Styling */ +body { + font-family: Arial, sans-serif; + line-height: 1.6; + background-color: #f4f4f4; + color: #333; + padding: 20px; +} + +/* Header Styling */ +header { + background: #333; + color: #fff; + padding: 10px 20px; + text-align: center; +} + +/* Navigation Styling */ +nav { + margin: 20px 0; + text-align: center; +} + +nav a { + color: #333; + text-decoration: none; + margin: 0 10px; + font-weight: bold; +} + +nav a:hover { + color: #007BFF; +} + +/* Main Content Styling */ +main { + background: #fff; + padding: 20px; + border-radius: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); +} + +/* Footer Styling */ +footer { + text-align: center; + margin-top: 20px; + padding: 10px; + background: #333; + color: #fff; + border-radius: 5px; +} \ No newline at end of file diff --git a/Javascript/script.js b/Javascript/script.js new file mode 100644 index 0000000..9dd536a --- /dev/null +++ b/Javascript/script.js @@ -0,0 +1,31 @@ +// Basic D3 Script + +// Create an SVG container +const svg = d3.select("body") + .append("svg") + .attr("width", 500) + .attr("height", 500); + +// Add a circle to the SVG +svg.append("circle") + .attr("cx", 250) + .attr("cy", 250) + .attr("r", 50) + .attr("fill", "blue"); + +// Add a rectangle to the SVG +svg.append("rect") + .attr("x", 200) + .attr("y", 300) + .attr("width", 100) + .attr("height", 50) + .attr("fill", "green"); + +// Add some text to the SVG +svg.append("text") + .attr("x", 250) + .attr("y", 100) + .attr("text-anchor", "middle") + .attr("font-size", "20px") + .attr("fill", "black") + .text("Hello, D3!"); \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..a6b217a --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ + + + + + + Basic Webpage with D3 + + + +
+

Welcome to My D3 Webpage

+
+
+

D3 Content Area

+
+
+ + + + + \ No newline at end of file