xxxxxxxxxx
<html lang="en">
<head>
<meta charset="utf-8">
<title>Scatterplot Chart</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="scatter plot">
<meta name="author" content="Michal Škop">
<script src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://code.jquery.com/jquery-1.8.2.min.js"></script>
<script src="./jquery.csv-0.71.min.js"></script>
<script src="./scatterplot2.js"></script>
<style type="text/css">
text {
font-family: sans-serif;
}
.tick {
fill-opacity: 0;
stroke: #000000;
stroke-width: 1;
}
.domain {
fill: none;
fill-opacity: 0;
stroke: black;
stroke-width: 1;
}
.axis line {
fill: none;
fill-opacity: 0;
stroke: black;
stroke-width: 1;
shape-rendering: crispEdges;
}
.axis text {
font-family: sans-serif;
font-size: 11px;
}
.axis {
}
circle {
fill-opacity: .5;
stroke-opacity: 0.99;
}
.year-2011 {
fill: #000;
stroke: #000;
}
.year-2013 {
fill: #fff;
fill-opacity: 0;
stroke: #000;
}
.gov-1 {
stroke-width: 5;
stroke-opacity: 0.99;
}
.regression-line {
stroke: #000;
stroke-width: 20;
stroke-opacity: 0.3;
}
.label {
font-family: sans-serif;
font-size: 15px;
}
</style>
</head>
<body>
<div id="chart"></div>
<p>Effect of lemas on election results in Argentina 2011 and 2013.</p>
<p>2011: white, 2013: filled; with governor: bold</p>
<p>Example for black and white printing</p>
</body>
</html>
Modified http://d3js.org/d3.v3.min.js to a secure url
Modified http://code.jquery.com/jquery-1.8.2.min.js to a secure url
https://d3js.org/d3.v3.min.js
https://code.jquery.com/jquery-1.8.2.min.js