JSFiddle - React, Tailwind, and code Playground

by dylan Holmes

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
<pre id="data"></pre>

JavaScript

var data = [{
	"code": "4176",
	"practice": 3
}, {
	"code": "5493",
	"practice": 3
}, {
	"code": "5556",
	"practice": 4
}, {
	"code": "5819",
	"practice": 4
}, {
	"code": "3005N",
	"practice": 6
}, {
	"code": "44775",
	"practice": 6
}, {
	"code": "44775",
	"practice": 6
}, {
	"code": "4525",
	"practice": 6
}, {
	"code": "4583",
	"practice": 6
}, {
	"code": "5606N",
	"practice": 6
}, {
	"code": "68",
	"practice": 6
}, {
	"code": "111",
	"practice": 7
}, {
	"code": "111",
	"practice": 7
}, {
	"code": "111",
	"practice": 7
}, {
	"code": "5580",
	"practice": 7
}, {
	"code": "5580",
	"practice": 7
}, {
	"code": "5724",
	"practice": 7
}, {
	"code": "5724",
	"practice": 7
}, {
	"code": "3846N",
	"practice": 8
}, {
	"code": "3847N",
	"practice": 8
}, {
	"code": "5018",
	"practice": 8
}, {
	"code": "520REF",
	"practice": 8
}, {
	"code": "4327",
	"practice": 9
}, {
	"code": "1660",
	"practice": 10
}, {
	"code": "27",
	"practice": 10
}, {
	"code": "27",
	"practice": 10
}, {
	"code": "3695",
	"practice": 10
}, {
	"code": "8426",
	"practice": 10
}, {
	"code": "8426",
	"practice": 10
}, {
	"code": "8659",
	"practice": 10
}, {
	"code": "8659",
	"practice": 10
}, {
	"code": "2073",
	"practice": 11
}, {
	"code": "2073",
	"practice": 11
}, {
	"code": "4707",
	"practice": 11
}, {
	"code": "4707",
	"practice": 11
}, {
	"code": "5970",
	"practice": 12
}, {
	"code": "8992",
	"practice": 12
}, {
	"code": "4696",
	"practice": 13
}, {
	"code": "4696",
	"practice": 13
}, {
	"code": "5525REF",
	"practice": 13
}, {
	"code": "5838N",
	"practice": 13
}, {
	"code": "2481REF",
	"practice": 17
}, {
	"code": "2481REF",
	"practice": 17
}, {
	"code": "2481REF",
	"practice": 17
}, {
	"code": "4158N",
	"practice": 17
}, {
	"code": "4158N",
	"practice": 17
}, {
	"code": "4158N",
	"practice": 17
}, {
	"code": "4283N",
	"practice": 17
}, {
	"code": "4283N",
	"practice": 17
}, {
	"code": "4683",
	"practice": 17
}, {
	"code": "4683",
	"practice": 17
}, {
	"code": "709",
	"practice": 17
}, {
	"code":...