JSFiddle - React, Tailwind, and code Playground

JavaScript

// Function to generate the graphic with am4charts
function load_graphics_benchmark() {
	load_average_score(graphObjects);
	countProperties(graphObjects);	
	remove_special_chars(graphObjects);
	am4core.ready(function() {

		am4core.useTheme(am4themes_animated);

		chart = am4core.create("chartdiv", am4charts.XYChart);
		chart.numberFormatter.numberFormat = "#.";
		chart.padding(40, 40, 40, 40);

		categoryAxis = chart.yAxes.push(new am4charts.CategoryAxis());
		categoryAxis.renderer.grid.template.location = 0;
		categoryAxis.dataFields.category = 'Company';		
		categoryAxis.renderer.minGridDistance = 1;
		categoryAxis.renderer.inversed = true;
		categoryAxis.renderer.grid.template.disabled = true;
		categoryAxis.maxPrecision = 0;
		categoryAxis.integersOnly = true;
			

		categoryAxis.renderer.labels.template.events.on("hit", function(event){
			window.open(event.target.dataItem.dataContext.dataURL);
		});
		   
		valueAxis = chart.xAxes.push(new am4charts.ValueAxis());			
		valueAxis.renderer.grid.template.disabled = true;
		valueAxis.renderer.labels.template.disabled = true;
		valueAxis.renderer.opposite = true;
		valueAxis.maxPrecision = 0;
		valueAxis.integersOnly = true;
		
		let i = 0;
		for(i = 0; i <= 100; i = i + 25) {
			let range = valueAxis.axisRanges.create();
			range.value = i;
			range.label.text = "{value}";
		}

		series = chart.series.push(new am4charts.ColumnSeries());
		series.tooltip.label.interactionsEnabled = true;
		series.tooltip.keepTargetHover = true;
		series.dataFields.categoryY = 'Company';
		series.dataFields.valueX = 'Score';
		series.dataFields.urllink = 'dataURL';
		series.dataFields.fullName = 'fullName';
		series.tooltip.getFillFromObject = false;
		series.tooltip.background.fill = am4core.color("#FFF");		
		series.columns.template.tooltipHTML = "<a href='{urllink}' target='_blank'><b>{fullName}</b></a><br><span style='color:black !important'>{valueX.value}/100</span>";
		series.columns.template.strokeOpacity =...