Public
Edited
Dec 27, 2023
1 fork
2 stars
Insert cell
Insert cell
img3D = {
let div = d3.create("div").style("width", "800px").style("height", "500px");
let chart = echarts.init(div.node());
chart.setOption(option);
return div.node();
}
Insert cell
option = ({
tooltip: {},
backgroundColor: "#fff",
visualMap: {
show: false,
dimension: 2,
min: -1,
max: 1,
inRange: {
color: d3.schemeRdBu[11]
}
},
xAxis3D: {
type: "value"
},
yAxis3D: {
type: "value"
},
zAxis3D: {
type: "value"
},
grid3D: {
viewControl: {
projection: "orthographic"
}
},
series: [
{
type: "surface",
wireframe: {
// show: false
},
equation: {
x: {
step: 0.05
},
y: {
step: 0.05
},
z: (x, y) => Math.sin(x * Math.PI) * Math.sin(y * Math.PI)
}
}
]
})
Insert cell
echarts = require("echarts", "echarts-gl")
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more