D3 Examples - d3-x3d : 3D Scatter Plot Example

d3-x3d : 3D Scatter Plot Example

Generate a 3D axis and scatterplot using D3 and X3DOM.

Download d3-x3d from GitHub: https://github.com/jamesleesaunders/d3-x3d

Download d3-x3d from NPM: https://www.npmjs.com/package/d3-x3d

Also see Observable Example: https://observablehq.com/@jamesleesaunders/d3-x3d-components-bubbles

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
​
<head>
  <title>d3-x3d : 3D Scatter Plot Example</title>
  <script src="https://d3js.org/d3.v5.min.js"></script>
  <script src="https://x3dom.org/download/dev/x3dom-full.js"></script>
  <link rel="stylesheet" href="https://x3dom.org/download/dev/x3dom.css" />
  <script src="https://raw.githack.com/jamesleesaunders/d3-x3d/master/dist/d3-x3d.js"></script>
</head>
​
<body>
  <div id="chartholder"></div>
​
  <script>
    // Select chartholder
    var chartHolder = d3.select("#chartholder");
​
    // Generate some data
    var myData = d3.x3d.randomData.dataset3(200);
​
    // Declare the chart component
    var myChart = d3.x3d.chart.scatterPlot();
​
    // Attach chart and data to the chartholder
    chartHolder.datum(myData).call(myChart);
​
  </script>
</body>
    