JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width="1000" height="1000"></canvas>

JavaScript

class IsometricGraphics {
		constructor(canvas, thickness) {
    		this.Canvas  = canvas;
        this.Context = canvas.getContext("2d");
    
    		if(thickness) {
        		this.thickness = thickness;
        } else {
        		this.thickness = 2;
        }
    }

		LeftPanelWide(x, y, fillStyle) {
    		this.Context.fillStyle = fillStyle;
        
        for(var i = 0; i < 16; i++) {
           	this.Context.fillRect(x + i * 2, y + i * 1, 2, this.thickness *4);
        }
    }
    
    RightPanelWide(x, y, fillStyle) {
    		this.Context.fillStyle = fillStyle;
        
        for(var i = 0; i < 16; i++) {
           	this.Context.fillRect(x + (i * 2), y + 15 - (i * 1), 2, this.thickness * 4);
        }
    }
    
    UpperPanelWide(x, y, fillStyle) {
    		this.Context.fillStyle = fillStyle;
        
        for(var i = 0; i < 17; i++) {
        		this.Context.fillRect(x + 16 + 16 - (i * 2), y + i - 2, i * 4, 1);            
        }
        
        for(var i = 0; i < 16; i++) {
        		this.Context.fillRect(x + i * 2, y + (32 / 2) - 1 + i, ((32 / 2) - i) * 4, 1);              
        }
    }
    
    UpperPanelWideBorder(x, y, fillStyle) {
    		this.Context.fillStyle = fillStyle;
        
    		var y = y + 2;
        
        for(var i = 0; i < 17; i++) {
            this.Context.fillRect(x + 17 + 16 - (i * 2) - 2, y + i - 2, (i == 17) ? 1 : 2, 1);
            this.Context.fillRect(x + 17 + 16 + (i * 2) - 2, y + i - 2, (i == 17) ? 1 : 2, 1);
        }
        
        for(var i = 0; i < 32/2; i++) {
            this.Context.fillRect(x + i * 2, y + 16 - 1 + i, 2, 1);   
            this.Context.fillRect(x + 62 - i * 2, y + 16 - 1 + i, 2, 1);                
        }
    }
    
    RightUpperPanelSmall(x, y, fillStyle) {
    		this.Context.fillStyle = fillStyle;
        
        for(var i = 0; i < 32/2 + 4; i++) {
        		this.Context.fillRect(x + (i * 2), (i >= 4) ? (i - 1) + y : 3 - i + 3 + y, 2, (i >= 4) ? (i <= 20-5) ? 8 : (20 - i) * 2 - 1 : 1 +...