<head>
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<div id="myDiv" style="width: 480px; height: 400px;"><!-- Plotly chart will be drawn inside this DIV --></div>
<script>
<!-- JAVASCRIPT CODE GOES HERE -->
</script>
</body>
function trisurf(Tri, X, Y, Z, C) {
var data = {
type: 'mesh3d',
x: X,
y: Y,
z: Z,
i: Tri.map(function(f) { return f[0] }),
j: Tri.map(function(f) { return f[1] }),
k: Tri.map(function(f) { return f[2] }),
facecolor: C,
flatshading: true,
}
Plotly.newPlot('myDiv', [data], {}, {showSendToCloud: true})
}
//Example usage
trisurf(
[
[0, 1, 2],
[0, 2, 3],
[0, 3, 1],
[1, 2, 3]
],
[0, 1, 0, 0],
[0, 0, 1, 0],
[0, 0, 0, 1],
[
'rgb(0, 0, 0)',
'rgb(255, 0, 0)',
'rgb(0, 255, 0)',
'rgb(0, 0, 255)'
])
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.