<head>
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<!-- Plotly chart will be drawn inside this DIV -->
<div id="myDiv" style="width: 100%; height: 500px;"></div>
<script>
/* JAVASCRIPT CODE GOES HERE */
</script>
</body>
var trace1 = {
x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
y: [8, 7, 6, 5, 4, 3, 2, 1, 0],
type: 'scatter'
};
var trace2 = {
x: [0, 1, 2, 3, 4, 5, 6, 7, 8],
y: [0, 1, 2, 3, 4, 5, 6, 7, 8],
type: 'scatter'
};
var data = [trace1, trace2];
var layout = {
xaxis: {
showgrid: true,
zeroline: true,
showline: true,
mirror: 'ticks',
gridcolor: '#bdbdbd',
gridwidth: 2,
zerolinecolor: '#969696',
zerolinewidth: 4,
linecolor: '#636363',
linewidth: 6
},
yaxis: {
showgrid: true,
zeroline: true,
showline: true,
mirror: 'ticks',
gridcolor: '#bdbdbd',
gridwidth: 2,
zerolinecolor: '#969696',
zerolinewidth: 4,
linecolor: '#636363',
linewidth: 6
}
};
Plotly.newPlot('myDiv', data, layout, {showSendToCloud: true});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.