styles.css
@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');
body {
margin: 0;
overflow: hidden;
select:
font-family: 'Muli', sans-serif;
}
text {
color: #666;
font-size: 12px;
font-family: 'Muli', sans-serif;
}
.axis-label {
fill: red;
font-size: 16px;
text-anchor: middle;
}
circle:hover {
fill: red;
cursor: pointer;
}
::selection {
fill: white;
color: white;
background: red;
}
.line {
fill: none;
stroke: steelblue;
stroke-width: 2px;
Reusable scatter plot with axis labels and tooltip inspired by Towards Reusable Charts.
Shows the Countries in the EU by population (2022) table of data.
MIT Licensed