JSFiddle - React, Tailwind, and code Playground

by Maria Karanasou

HTML

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>

<body>
  
  <div id="myDiv"><!-- Plotly chart will be drawn inside this DIV --></div>

JavaScript

var data = [
  {
    z: [[1, 20, 30, 50, 1], [20, 1, 60, 80, 30], [30, 60, 1, -10, 20]],
    x: ['Healthy', 'Healthy', 'Moderate', 'Diseased', 'Diseased'],
    y: ['Morning', 'Afternoon', 'Evening'],
    type: 'heatmap'
  }
];

Plotly.newPlot('myDiv', data);