From b3c2ba8013bd3046f2f7ee8d4145cf1efe896179 Mon Sep 17 00:00:00 2001
From: Aren Wells <ajwc5f@mail.missouri.edu>
Date: Wed, 27 Jan 2016 15:07:54 -0600
Subject: [PATCH 1/3] Read Me Document

A general read me with info about the poll tracker.
---
 READMED.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)
 create mode 100644 READMED.md

diff --git a/READMED.md b/READMED.md
new file mode 100644
index 0000000..76c40c9
--- /dev/null
+++ b/READMED.md
@@ -0,0 +1,13 @@
+## 2016 Presidential Poll Tracker
+
+This project uses an API from the Huffington Post that provides polling information for
+primaries, elections, and various topics. It focuses on the Republican (GOP) candidates for the
+2016 Presidential Election.
+
+When the application loads, it retrieves a list of the GOP candidates and uses a data
+visualization library called D3.js to plot a bar graph of each candidate’s standing in the polls.
+
+#### Tools used:
+ * jQuery 1.12.0 http://jquery.com/download/
+ * D3.js https://github.com/mbostock/d3
+ * Huffington Post Pollster API http://elections.huffingtonpost.com/pollster/api 
\ No newline at end of file

From e779fa9220198777d415359a058f884197c89084 Mon Sep 17 00:00:00 2001
From: Aren Wells <ajwc5f@mail.missouri.edu>
Date: Wed, 27 Jan 2016 15:09:31 -0600
Subject: [PATCH 2/3] Revert "Read Me Document"

This reverts commit b3c2ba8013bd3046f2f7ee8d4145cf1efe896179.
---
 READMED.md | 13 -------------
 1 file changed, 13 deletions(-)
 delete mode 100644 READMED.md

diff --git a/READMED.md b/READMED.md
deleted file mode 100644
index 76c40c9..0000000
--- a/READMED.md
+++ /dev/null
@@ -1,13 +0,0 @@
-## 2016 Presidential Poll Tracker
-
-This project uses an API from the Huffington Post that provides polling information for
-primaries, elections, and various topics. It focuses on the Republican (GOP) candidates for the
-2016 Presidential Election.
-
-When the application loads, it retrieves a list of the GOP candidates and uses a data
-visualization library called D3.js to plot a bar graph of each candidate’s standing in the polls.
-
-#### Tools used:
- * jQuery 1.12.0 http://jquery.com/download/
- * D3.js https://github.com/mbostock/d3
- * Huffington Post Pollster API http://elections.huffingtonpost.com/pollster/api 
\ No newline at end of file

From bea6d53b929617abeaf5d5853bb514922ded6c71 Mon Sep 17 00:00:00 2001
From: Aren Wells <ajwc5f@mail.missouri.edu>
Date: Thu, 28 Jan 2016 21:36:41 -0600
Subject: [PATCH 3/3] Exercise 1 changes

Read me and added democratic primary poll
---
 README.md  | 13 +++++++++++++
 app.css    | 13 ++++++++++---
 index.html | 34 ++++++++++++++++++++++++++++++++--
 3 files changed, 55 insertions(+), 5 deletions(-)
 create mode 100644 README.md

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..76c40c9
--- /dev/null
+++ b/README.md
@@ -0,0 +1,13 @@
+## 2016 Presidential Poll Tracker
+
+This project uses an API from the Huffington Post that provides polling information for
+primaries, elections, and various topics. It focuses on the Republican (GOP) candidates for the
+2016 Presidential Election.
+
+When the application loads, it retrieves a list of the GOP candidates and uses a data
+visualization library called D3.js to plot a bar graph of each candidate’s standing in the polls.
+
+#### Tools used:
+ * jQuery 1.12.0 http://jquery.com/download/
+ * D3.js https://github.com/mbostock/d3
+ * Huffington Post Pollster API http://elections.huffingtonpost.com/pollster/api 
\ No newline at end of file
diff --git a/app.css b/app.css
index 17f5189..fd596d6 100644
--- a/app.css
+++ b/app.css
@@ -1,7 +1,8 @@
 body {
     background-color: #EEE;
 }
-#graph .choice {
+
+#GOPgraph .choice, #DEMgraph .choice {
     float: left;
     font-family: arial;
     font-size: 1.5em;
@@ -9,13 +10,19 @@ body {
     text-align: right;
     margin: 8px 5px;
 }
-#graph .bar {
+
+#GOPgraph .bar, #DEMgraph .bar {
     width: 0;
     height: 35px;
-    background-color: coral;
+    background-color: red;
     margin: 5px;
     float: left;
 }
+
+#DEMgraph .bar {
+    background-color: blue;
+}
+
 .group:after {
   content: "";
   display: table;
diff --git a/index.html b/index.html
index 39c1d51..3ceb30e 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
 </head>
 <body>
     
-    <div id="graph"></div>
+    <div id="GOPgraph"></div>    
     
     <script>
         
@@ -20,7 +20,37 @@
             cache: true,
             success: function(data) {
                 
-                var candidateBar = d3.select("#graph").selectAll("div").data(data.estimates),
+                    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";
+                        });
+            }
+        });
+    </script>
+    
+    <div id="DEMgraph"></div>
+
+    <script>
+        var url = "http://elections.huffingtonpost.com/pollster/api/charts/2016-national-democratic-primary";
+        $.ajax(url, {
+            dataType: "jsonp",
+            jsonpCallback: "pollsterCallback",
+            cache: true,
+            success: function(data) {
+                
+                var candidateBar = d3.select("#DEMgraph").selectAll("div").data(data.estimates),
                     candidateWrapper = candidateBar.enter().append("div").classed("group", true);
                 
                 candidateWrapper.append("div")