<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<div id="lines" style="width: 100%; height: 100%;" class="plotly-graph-div"></div>
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) {
Plotly.newPlot('lines', figure.data, figure.layout);
});
</script>
</body>
</html>var figure = {
data: [
{
type: "scatter3d",
mode: "lines",
x: [
13331.859006881714,
13338.400645256042,
13344.942283630371,
13351.4839220047,
13358.025560379028,
13364.567198753357,
13371.108837127686,
13377.650475502014,
13384.192113876343,
13390.733752250671
],
y: [
"2022-12-08T17:15:32.000Z",
"2022-12-08T17:15:32.000Z",
"2022-12-08T17:15:32.000Z",
"2022-12-08T17:15:32.000Z",
"2022-12-08T17:15:32.000Z",
"2022-12-08T17:15:32.000Z",
"2022-12-08T17:15:32.000Z",
"2022-12-08T17:15:32.000Z",
"2022-12-08T17:15:32.000Z",
"2022-12-08T17:15:32.000Z"
],
z: [
0.0004045638532642078,
0.0003705464496479684,
0.0002772374712166342,
0.00019155430599328657,
0.0006269806832904432,
0.00034889826425448504,
0.00010072238987921568,
0.00005708923753383528,
0.00014615292055152108,
0.00033229882567584824
],
line: {
width: 2,
color: [
"#7EB61C",
"#7EB61C",
"#7EB61C",
"#7EB61C",
"#7EB61C",
"#7EB61C",
"#7EB61C",
"#7EB61C",
"#7EB61C",
"#7EB61C"
]
}
},
{
type: "scatter3d",
mode: "lines",
x: [
13340.98998451233,
13347.536103248596,
13354.082221984863,
13360.62834072113,
13367.174459457397,
13373.720578193665,
13380.266696929932,
13386.812815666199,
13393.358934402466,
13399.905053138733
],
y: [
"2022-12-08T16:47:01.000Z",
"2022-12-08T16:47:01.000Z",
"2022-12-08T16:47:01.000Z",
"2022-12-08T16:47:01.000Z",
"2022-12-08T16:47:01.000Z",
"2022-12-08T16:47:01.000Z",
"2022-12-08T16:47:01.000Z",
"2022-12-08T16:47:01.000Z",
"2022-12-08T16:47:01.000Z",
"2022-12-08T16:47:01.000Z"
],
z: [
0.0005374557441456286,
0.00023870939295247534,
0.000341163765669574,
0.0004656490102220328,
0.0002000484452526233,
0.000146125242777664,
0.0003388778365770248,
0.00017491980085236703,
0.00010764465420557386,
0.0003346505502956422
],
line: {
width: 2,
color: [
"#555",
"#555",
"#555",
"#555",
"#555",
"#555",
"#555",
"#555",
"#555",
"#555",
]
}
}
],
layout: {
title: "3dPlot",
}
};
External CSS
This Pen doesn't use any external CSS resources.