JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html><html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Scatter</title>
<style>
html {
	margin: 0px;
}
body {
	margin: 20px 30px;
}
#realchart {
	width: 850px;
	height: 550px;
    border: 1px solid lightgray;
    margin-bottom: 20px;
}
</style>
<link href="https://unpkg.com/realchart/realchart-style.css" rel="stylesheet" crossorigin="anonymous">
<script type="text/javascript" src="https://unpkg.com/realchart/index"></script>
<script type="text/javascript">
	window.addEventListener('DOMContentLoaded', function () {
		try {
			init();
		} catch (err) {
			alert(err);
			console.error(err);
		}
	});	
	
</script>

  <script>
    var realChartLic = 'upVcPE+wPOkOR/egW8JuxkM/nBOseBrflwxYpzGZyYkhw7qfHRQ+GiF0lY62mJi5KBwoSJHOA48O5+/xJSE3LhLB4LkQ8rWX0QeIbtyyIEGTFVqWmNPdyQ==';
  </script>
</head>
<body>
	<div id="realchart"></div>
	

		 </body></html>

JavaScript

const data = [{
  age: 63,
  thalachh: 150,
  sex: '0'
}, {
  age: 37,
  thalachh: 187,
  sex: '1'
}, {
  age: 56,
  thalachh: 178,
  sex: '0'
}, {
  age: 57,
  thalachh: 148,
  sex: '1'
}, {
  age: 44,
  thalachh: 173,
  sex: '0'
}, {
  age: 52,
  thalachh: 162,
  sex: '1'
}, {
  age: 57,
  thalachh: 174,
  sex: '0'
}, {
  age: 54,
  thalachh: 160,
  sex: '1'
}, {
  age: 49,
  thalachh: 171,
  sex: '0'
}, {
  age: 64,
  thalachh: 144,
  sex: '1'
}, {
  age: 43,
  thalachh: 171,
  sex: '0'
}, {
  age: 59,
  thalachh: 161,
  sex: '1'
}, {
  age: 44,
  thalachh: 179,
  sex: '0'
}, {
  age: 42,
  thalachh: 178,
  sex: '1'
}, {
  age: 61,
  thalachh: 137,
  sex: '0'
}, {
  age: 40,
  thalachh: 178,
  sex: '1'
}, {
  age: 59,
  thalachh: 157,
  sex: '0'
}, {
  age: 51,
  thalachh: 123,
  sex: '1'
}, {
  age: 53,
  thalachh: 152,
  sex: '0'
}, {
  age: 65,
  thalachh: 140,
  sex: '1'
}, {
  age: 44,
  thalachh: 188,
  sex: '0'
}, {
  age: 54,
  thalachh: 152,
  sex: '1'
}, {
  age: 51,
  thalachh: 125,
  sex: '0'
}, {
  age: 54,
  thalachh: 165,
  sex: '1'
}, {
  age: 48,
  thalachh: 180,
  sex: '0'
}, {
  age: 45,
  thalachh: 148,
  sex: '1'
}, {
  age: 39,
  thalachh: 182,
  sex: '0'
}, {
  age: 52,
  thalachh: 172,
  sex: '1'
}, {
  age: 44,
  thalachh: 180,
  sex: '0'
}, {
  age: 47,
  thalachh: 156,
  sex: '1'
}, {
  age: 66,
  thalachh: 151,
  sex: '0'
}, {
  age: 62,
  thalachh: 146,
  sex: '1'
}, {
  age: 52,
  thalachh: 158,
  sex: '0'
}, {
  age: 48,
  thalachh: 186,
  sex: '1'
}, {
  age: 45,
  thalachh: 185,
  sex: '0'
}, {
  age: 34,
  thalachh: 174,
  sex: '1'
}, {
  age: 54,
  thalachh: 156,
  sex: '0'
}, {
  age: 52,
  thalachh: 190,
  sex: '1'
}, {
  age: 41,
  thalachh: 132,
  sex: '0'
}, {
  age: 58,
  thalachh: 165,
  sex: '1'
}, {
  age: 51,
  thalachh: 143,
  sex: '0'
}, {
  age: 44,
  thalachh: 170,
  sex: '1'
}, {
  age: 54,
  thalachh: 147,
  sex: '0'
}, {
  age: 51,
  thalachh: 154,
  sex: '1'
}, {
  age: 29,
  thalachh: 202,
  sex: '0'
}, {
 ...