JSFiddle - React, Tailwind, and code Playground

HTML

<div id="multiline"></div>

CSS

fill: none;
	shape-rendering: crispedges;
	stroke: none;
}

.axis line{
	fill:none;
	shape-rendering: crispedges;
	stroke:grey;
}

.grid2 .tick {
	stroke: grey;
	opacity: 0.5 !important;
}
.bar rect {
	fill: #ed1e79;
}


.bar text.value {
	fill: black;
}
circle {
	fill: blue;
	stroke: blue; 
	stroke-width: 2;
}
.tooltip {
	background: none repeat scroll 0 0 #ed1e79;
	border: 0 solid #ffffff;
	border-radius: 8px;
	color: #ffffff;
	font: 12px sans-serif;
	height: 38px;
	padding: 2px;
	pointer-events: none;
	position: absolute;
	text-align: center;
	width: 90px;
}

JavaScript

var data = [
					{
						"label":"internal",
						"values":[
							{"week":1,"val":37},
							{"week":2,"val":38},
							{"week":3,"val":33},
							{"week":4,"val":32},
							{"week":5,"val":40},
							{"week":6,"val":27},
							{"week":7,"val":30},
							{"week":8,"val":37},
							{"week":9,"val":42},
							{"week":10,"val":36},
							{"week":11,"val":35},
							{"week":12,"val":37},
							{"week":13,"val":33}
						]
					},
					{
						"label": "high",
						"values": [
							{"week":1,"val":41},
							{"week":2,"val":41},
							{"week":3,"val":41},
							{"week":4,"val":39},
							{"week":5,"val":41},
							{"week":6,"val":49},
							{"week":7,"val":38},
							{"week":8,"val":42},
							{"week":9,"val":50},
							{"week":10,"val":38},
							{"week":11,"val":48},
							{"week":12,"val":50},
							{"week":13,"val":40},
						]
							},
							{
							"label": "low",
							"values":[
							{"week":1,"val":16},
							{"week":2,"val":17},
							{"week":3,"val":14},
							{"week":4,"val":15},
							{"week":5,"val":18},
							{"week":6,"val":20},
							{"week":7,"val":18},
							{"week":8,"val":14},
							{"week":9,"val":14},
							{"week":10,"val":19},
							{"week":11,"val":21},
							{"week":12,"val":16},
							{"week":13,"val":17},
						],
					},
					{
						"label":"average",
						"values":[
							{"week":1,"val":28.5},
							{"week":2,"val":29},
							{"week":3,"val":27.5},
							{"week":4,"val":27},
							{"week":5,"val":29.5},
							{"week":6,"val":34.5},
							{"week":7,"val":28},
							{"week":8,"val":28},
							{"week":9,"val":32.5},
							{"week":10,"val":28.5},
							{"week":11,"val":34.5},
							{"week":12,"val":33},
							{"week":13,"val":28.5}
						]
					}
				]

				var margin = {
					top: 20,
					right: 80,
					bottom: 60,
					left: 50
				},
						width = 895 - margin.left - margin.right,
						height = 355 - margin.top - margin.bottom;

				var x =...