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

<div id="myDiv" style="width:100%;height:400px;"></div>
var trace1 = {
  x: ['A12', 'BC2', 109, '12F', 215, 304],
  y: [1, 6, 3, 5, 1, 4],
  mode: 'markers',
  type: 'bar',
  name: 'Team A',
  text: ['Apples', 'Pears', 'Peaches', 'Bananas', 'Pineapples', 'Cherries'],
};

var data = [ trace1 ];

var layout = {
  xaxis: {
    type: 'category',
    title: 'Product Code',
  },
  yaxis: {
    range: [0, 7],
    title: 'Number of Items in Stock'
  },
  title:'Inventory'
};

Plotly.plot('myDiv', data, layout, {showSendToCloud: true});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.