JSFiddle - React, Tailwind, and code Playground

by jcubed111

HTML

<canvas width=1144 height=878 id='map'></canvas>

CSS

canvas{
    background: #ccc;
}

JavaScript

class Hex{
	constructor(props) {
    	this.x = props.x;
        this.y = props.y;
        this.name = 'abcdefghijklmnopqrstuvwxyz'[this.x] + this.y;
    }
}

const ctx = document.getElementById('map').getContext('2d');
const hexData =...