index.html
<!DOCTYPE html>
<html>
<head>
<title> A scatter plot comparing EU fertility rate with urban population %</title>
<link rel="stylesheet" href="styles.css" />
<script src="https://unpkg.com/d3@7.6.1/dist/d3.min.js"></script>
</head>
<body>
<div class="message">A Scatter Plot comparing EU fertility rate with urban population percentage</div>
</body>
<script>
const {
csv,
select,
scaleLinear,
extent,
axisLeft,
axisBottom
} = d3;
const url = [
'https://gist.githubusercontent.com', //web
'/yiorgosbagakis', //user
'/c3bb0aa590d0685c484b2459be4a7b75/raw', //commit
'/euCountriesStatistics.csv', //file
];
const csvUrl = url.join('');
const w = window.innerWidth;
const h = window.innerHeight;
const rad = 10
const margin = {
top: 50,
right: 60,
bottom: 50,
left: 50,
};
I created this scatter plot with d3 for the Episode 8 exercise with Vanilla JS.
MIT Licensed