First Commit

INFO-3171 Data Visualization and UI/Notes/D3js/domManipulation.js

@@ -0,0 +1,24 @@
+            d3.select('body').append('h1');
+            d3.select('h1').text('Hello World');
+            d3.select('h1').style('color', 'pink');
+            //d3.select('h1').attr('class', 'first-heading')
+            d3.select('h1').attr('id', 'first-heading')
+            d3.select('h1').classed("class-added", true)
+            // d3.select('h1').remove();
+
+            // d3.select('body').append('p');
+            // d3.select('p').text('Added First Paragraph');
+            // d3.select('p').style('color', 'red');
+            d3.select('body').append('p').text('Added First Paragraph with Method Chaning').style('color', 'red')
+            d3.select('body').append('div').text('outerdiv text here').style('border', '1px solid blue')
+                            .append('div').text('Innerdiv text here').style('border', '1px solid green')
+                            
+            d3.select("body").append('p').text('First Message').text('Second Message')
+
+            d3.select('div').insert('div', 'div').text('inserted text')
+
+            d3.select('body').append('div').html('<a href="https://google.com">Click Here!</a>')
+
+            d3.select('body').append('div').classed("new-class", true).attr('id', 'new-id');
+            d3.select('.new-class').text('select element with class').style('color', 'aqua');
+            d3.select('#new-id').style("font-family", "sans-serif");