Lead maintainer of of d3-x3d.
area1 = {
let chartHolder = d3.select(document.createElement("div"));
chartHolder.attr("style", "height: 420px");
let myChart = d3X3d.chart
.areaChartMultiSeries()
.colors(colors)
.width(width)
.height(height)
.dimensions({ x: 60, y: 60, z: 60 });
chartHolder.datum(data).call(myChart);
return chartHolder.node();
}
area2 = {
let chartHolder = d3.select(document.createElement("div"));
chartHolder.attr("style", "height: 420px");
// Construct components
let area = d3X3d.component.area();
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[0])
.call(area);
scene
.call(viewpoint);
return chartHolder.node();
}
area3 = {
let chartHolder = d3.select(document.createElement("div"));
chartHolder.attr("style", "height: 420px");
// Construct components
let area = d3X3d.component.areaMultiSeries();
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(area);
scene
.call(viewpoint);
return chartHolder.node();
}
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.
