| license: mit |
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
| <!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> |
