diff --git a/README.md b/README.md new file mode 100644 index 0000000..7840839 --- /dev/null +++ b/README.md @@ -0,0 +1,7 @@ +##Mizzou SENG 2016 Presidential Candidate Polling App +This app uses the D3.js visualization library to compile updated graphs visualizing the current presidential nomination standings between candidates in both GOP and Democrat parties. + +###Tools used +* [jQuery](https://jquery.com/) +* [D3.js](http://d3js.org/) +* [Huffington Post Pollster API](http://elections.huffingtonpost.com/pollster/api) diff --git a/app.css b/app.css index 17f5189..a9463cf 100644 --- a/app.css +++ b/app.css @@ -1,7 +1,7 @@ body { background-color: #EEE; } -#graph .choice { +#gop .choice { float: left; font-family: arial; font-size: 1.5em; @@ -9,14 +9,35 @@ body { text-align: right; margin: 8px 5px; } -#graph .bar { +#gop .bar { width: 0; height: 35px; - background-color: coral; + background-color: maroon; margin: 5px; float: left; } -.group:after { +#gop .group:after { + content: ""; + display: table; + clear: both; +} + +#dem .choice { + float: left; + font-family: arial; + font-size: 1.5em; + min-width: 200px; + text-align: right; + margin: 8px 5px; +} +#dem .bar { + width: 0; + height: 35px; + background-color: blue; + margin: 5px; + float: left; +} +#dem > .group:after { content: ""; display: table; clear: both; diff --git a/index.html b/index.html index 39c1d51..405893d 100644 --- a/index.html +++ b/index.html @@ -8,10 +8,19 @@
- +| Republican (GOP) Candidates | +Democrat Candidates | +
| + | + |