diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e3456d1
--- /dev/null
+++ b/README.md
@@ -0,0 +1,22 @@
+# MizzouSEG
+
+
+## Project Description
+
+This project utalizes a Huffington Post API to gather polling information for elections and other various topics. It then takes the informaion and visulizes it using the D3.js javascript library.
+
+### Links to Resources
+
+* [jQuery](https://jquery.com/)
+* [D3](http://d3js.org/)
+* [Huffington Post API](http://elections.huffingtonpost.com/pollster/api/)
+
+
+
+
+
+
+
+
+
+
diff --git a/app.css b/app.css
index 17f5189..72e1fb7 100644
--- a/app.css
+++ b/app.css
@@ -1,7 +1,8 @@
 body {
     background-color: #EEE;
 }
-#graph .choice {
+
+#gopGraph .choice {
     float: left;
     font-family: arial;
     font-size: 1.5em;
@@ -9,15 +10,34 @@ body {
     text-align: right;
     margin: 8px 5px;
 }
-#graph .bar {
+
+#gopGraph .bar {
     width: 0;
     height: 35px;
     background-color: coral;
     margin: 5px;
     float: left;
 }
+
+#demGraph .choice {
+    float: left;
+    font-family: arial;
+    font-size: 1.5em;
+    min-width: 200px;
+    text-align: right;
+    margin: 8px 5px;
+}
+
+#demGraph .bar {
+    width: 0;
+    height: 35px;
+    background-color: cornflowerblue;
+    margin: 5px;
+    float: left;
+}
+
 .group:after {
   content: "";
   display: table;
   clear: both;
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index 39c1d51..458fdb0 100644
--- a/index.html
+++ b/index.html
@@ -8,19 +8,63 @@
 </head>
 <body>
     
-    <div id="graph"></div>
+    
+    <h1>GOP Polls</h1>
+    <div id="gopGraph"></div>
+
+    <hr>
+    
+    <h1>Democratic Polls</h1>
+    <div id="demGraph"></div>
     
     <script>
         
-        var url = "http://elections.huffingtonpost.com/pollster/api/charts/2016-national-gop-primary";
+        function pollsterCallback(data) {
+        }
+       
+ $(document).ready(function(){ 
+ 
+                   
+                   
+        var GOPurl = "http://elections.huffingtonpost.com/pollster/api/charts/2016-national-gop-primary";
+        
+        $.ajax(GOPurl, {
+            dataType: "jsonp",
+            jsonpCallback: "pollsterCallback",
+            cache: true,
+            success: function(data) {
+                
+                var candidateBar = d3.select("#gopGraph").selectAll("div").data(data.estimates),
+                    candidateWrapper = candidateBar.enter().append("div").classed("group", true);
+                
+                candidateWrapper.append("div")
+                    .classed("choice", true)
+                    .text(function(candidate) {
+                        return candidate.choice + " " + candidate.value + "%";
+                    });
+                
+                candidateWrapper.append("div")
+                    .classed("bar", true)
+                    .transition()
+                    .duration(1000)
+                    .style("width", function(candidate) {
+                        return candidate.value * 10 + "px";
+                    });
+                
+            }
+        });
+	
+
+
+	var DEMurl = "http://elections.huffingtonpost.com/pollster/api/charts/2016-national-democratic-promary";
         
-        $.ajax(url, {
+        $.ajax(DEMurl, {
             dataType: "jsonp",
             jsonpCallback: "pollsterCallback",
             cache: true,
             success: function(data) {
                 
-                var candidateBar = d3.select("#graph").selectAll("div").data(data.estimates),
+                var candidateBar = d3.select("#demGraph").selectAll("div").data(data.estimates),
                     candidateWrapper = candidateBar.enter().append("div").classed("group", true);
                 
                 candidateWrapper.append("div")
@@ -39,6 +83,9 @@
                 
             }
         });
+ }
+
+	
     </script>
 </body>
-</html>
\ No newline at end of file
+</html>
