CodePen Embed - Creating a Non-Interactive Chart with Plotly.js

<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: [0, 1, 2, 3, 4, 5, 6],
  y: [1, 9, 4, 7, 5, 2, 4],
  mode: 'markers',
	marker: {
    size: [20, 40, 25, 10, 60, 90, 30],
  }
};

var data = [trace1];
var layout = {
	title: 'Create a Static Chart',
	showlegend: false};
Plotly.newPlot('myDiv', data, layout, {staticPlot: true});

This Pen is owned by plotly on CodePen.

See more by @plotly on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.