Public
Edited
Jan 3, 2023
1 fork
3 stars
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
ribbon2 = {
let chartHolder = d3.select(document.createElement("div"));
chartHolder.attr("style", "height: 420px");
// Generate some data
let data = d3X3d.randomData.dataset2();
console.log(data);
// Construct components
let ribbons = d3X3d.component.ribbonMultiSeries();
let viewpoint = d3X3d.component.viewpoint();

// Create x3d and scene
let scene = chartHolder
.append("X3D")
.attr("width", width + "px")
.attr("height", height + "px")
.append("Scene");

// Append components to scene
scene
.datum(data)
.call(ribbons);
scene
.call(viewpoint);

return chartHolder.node();
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
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