CodePen Embed - Line and Scatter Plot with Plotly.js Charts

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

<body>
  <div id="myDiv"></div>
</body>

var trace1 = {
  x: [1, 2, 3, 4],
  y: [10, 15, 13, 17],
  error_y: {
    array: [1, 1, 1, 1]
  },
  marker: {
    color: [0, 10, 15, 20],
    colorscale: [
      [0.0, "#FF0000"],
      [0.33, "#444444"],
      [0.66, "#AAAAAA"],
      [1.0, "#FFFF00"],
    ],
  },
  mode: 'markers'
};

var data = [ trace1 ];

var layout = {};

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

Run Pen

This Pen is owned by Henrik Norman on CodePen. It is a fork of this Pen.

See more by @HenrikNorman on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.