JSFiddle - React, Tailwind, and code Playground

HTML

<canvas class="canvas_graph" id="canvasGraph" width="400" height="300"></canvas>

CSS

.canvas_graph{
  background: cyan;
}

JavaScript

var canvasGraphElem = document.getElementById("canvasGraph");  
var ctx = canvasGraphElem.getContext('2d');

ctx.translate(200, 150);
ctx.rotate(-(Math.PI / 2));

ctx.font = "48px serif";

ctx.fillText("Hello", 0, 0);
ctx.fillText("world", 0, 60);
ctx.fillText("some", 0, 120);
ctx.fillText("text", 0, 180);