JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ccchart.org/js/ccchart.js" charset="utf-8"></script>
<canvas id="hoge"></canvas>

JavaScript

var chartdata101 = {

  "config": {
    "title": "リアルタイム ヒートマップ",
    "type": "heatmap",
    "maxWsColLen":300,
    "outerCircle": 70,
    "bg": "#eee"
  },

  "data": [
    ["X"],
    ["Y"]
  ]
};

  ccchart.wsCloseAll();//一旦クリア
  ccchart
      .init('hoge', chartdata101)
      .ws('ws://ccchart.com:8024')
      .on('message', ccchart.wscase.oneColAtATime)