JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="myDiv1" style="width: 580px; height: 250px;"></div>
<div id="myDiv2" style="width: 580px; height: 250px;"></div>
JavaScript
var trace1 = {
x: ['giraffes', 'orangutans', 'monkeys'],
y: [20, 14, 23],
name: 'SF Zoo',
type: 'bar'
};
var data = [trace1];
var layout1 = {
bargap: 0.01
};
var layout2 = {
bargap: 0
};
Plotly.newPlot('myDiv1', data, layout1);
Plotly.newPlot('myDiv2', data, layout2);