Skip to content
Permalink
main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Political-Compass-Project/results.html

Go to file
 
 
Cannot retrieve contributors at this time
201 lines (151 sloc) 6.13 KB
Raw Blame
Open in GitHub Desktop
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel = stylesheet href="style.css"/>
<script src="logic.js"></script>
</head>
<body>
<script>
let econSave=localStorage.getItem("econSave");
let authSave=localStorage.getItem("authSave");
let cultureSave=localStorage.getItem("cultureSave");
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.bundle.js"></script>
<h1 class ="resultsHeader" style="margin-top:2em">
Results
</h1>
<hr class="sectionBreak">
<div class="paragraphs">
<div width="300">
<canvas class="resultsBox" id="myChart" width="400" height="400"></canvas>
<script>
//settup block
const ctx = document.getElementById('myChart');
const myChart = new Chart(ctx, {
type: 'scatter',
data: {
datasets: [{
label:"",
data: [
{
x:econSave,
y:authSave
}
],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 10
}]
},
options: {
scales: {
xAxes: [{
ticks:{
//beginAtZero: true,
min: -10,
max:10,
},
},],
yAxes:[{
//beginAtZero: true,
ticks:{
min: -10,
max: 10
},
}],
}
},
});
</script>
</div>
<div>
<div class="label">
Progressive
</div>
<hr class="barLabel">
<canvas class="cultureAxis" id="chart2" width="150" height="600"></canvas>
<script>
const ctx2 = document.getElementById('chart2');
const chart2 = new Chart(ctx2, {
type: 'bar',
data: {
datasets: [{
label:"Culture Axis",
data: [ cultureSave ],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 3
}]
},
options: {
scales: {
yAxes:[{
//beginAtZero: true,
ticks:{
min: -10,
max: 10
},
}],
}
},
});
</script>
</div>
<hr class="barLabel">
<div class="label">
Conservative
</div>
</div>
<div>
<div >
<h1 class="resultsHeader">
Congressional analysis
</h1>
<hr class="sectionBreak">
<div class="analyticsText">
<h2 class="paragraphs">
As a part of this project, I obtained voting data of Congress for the past 5 years. Wrangling the raw data into something useful was challenging, but I ended up with some interesting results.
The first issue I wanted to look at was partisanship. The countries political rhetoric has certainly become more divided and partisan over the last 5, even 10 years.
<br>
<br>
To determine if the actual voting paterns of our representatives
are as
<hr class= "sectionBreak">
<img src ="2017-2021Partisanship.png" alt="Increasing partisanship">
</h2>
</div>
</div>
</body>
</html