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

<div id="myDiv" style="width:100%;"></div>
var trace1 = {
 	x:['Zebras', 'Lions', 'Pelicans'],
	y: [90, 40, 60],
	type: 'bar',
	name: 'New York Zoo'
};

var trace2 = {
 	x:['Zebras', 'Lions', 'Pelicans'],
	y: [10, 80, 45],
	type: 'bar',
	name: 'San Francisco Zoo'
};

var data = [trace1, trace2];
var layout = {
	title: 'Hide the Modebar',
	showlegend: true};
Plotly.newPlot('myDiv', data, layout, {displayModeBar: false});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.