JSFiddle - React, Tailwind, and code Playground

HTML

<input type="range" id="range_year_donut" min="" max="" value="" onchange="slideyear()">
				<span id="chosen_year"></span>

JavaScript

var range_year = d3.select("#range_year_donut");

$('.selected-country').hide();

d3.csv("http://raw.githubusercontent.com/cvrnogueira/CODWorkData/master/database/final_data_set.csv").then(function(data){

	let max = d3.max(data, function(d) {return +d.year});
	let min = d3.min(data, function(d) {return +d.year});
		range_year.attr("min", min)
		.attr("max", max)
		.attr("value", max);

 });

function slideyear(){
	let year = range_year.node().value;
}