StackGenVis: Alignment of Data, Algorithms, and Models for Stacking Ensemble Learning Using Performance Metrics
https://doi.org/10.1109/TVCG.2020.3030352
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
1.8 KiB
84 lines
1.8 KiB
gl-line3d
|
|
============
|
|
A 3D WebGL line plot
|
|
|
|
# Example
|
|
|
|
[Try it out in your browser](http://gl-vis.github.io/gl-line3d)
|
|
|
|
```javascript
|
|
var createScene = require('gl-plot3d')
|
|
var createLine = require('gl-line3d')
|
|
|
|
//Create the scene
|
|
var scene = createScene()
|
|
|
|
//Create a helix
|
|
var polyline = []
|
|
for(var i=0; i<100; ++i) {
|
|
var theta = (i / 100.0) * Math.PI
|
|
polyline.push([
|
|
Math.cos(3*theta),
|
|
Math.sin(3*theta),
|
|
(i/50) - 1.0
|
|
])
|
|
}
|
|
|
|
//Create the line plot
|
|
var lines = createLines({
|
|
gl: scene.gl,
|
|
position: polyline,
|
|
color: [1,0,0]
|
|
})
|
|
|
|
//Add the lines to the scene
|
|
scene.add(lines)
|
|
```
|
|
|
|
# Install
|
|
|
|
```
|
|
npm install gl-line3d
|
|
```
|
|
|
|
# Basic interface
|
|
|
|
## Constructor
|
|
|
|
#### `var lines = require('gl-line3d')(options)
|
|
Creates a new line plot
|
|
|
|
* `options.gl` A WebGL context
|
|
* `options.position` An array of position values for the points on the curve
|
|
* `options.color` An array of color values (or a singular color) for the curve
|
|
* `options.pickId` The selection ID for the line plot
|
|
* `options.lineWidth` The width of the line
|
|
* `options.dashes` An array of dash patterns representing the dash pattern. For example, `[0.5,0.5,0.5]`
|
|
* `options.dashScale` The number of times to repeat the dash pattern
|
|
* `options.opacity` The opacity of the lines
|
|
|
|
## Updating
|
|
|
|
#### `lines.update(options)`
|
|
Updates the plot. `options` has the same properties as in the constructor
|
|
|
|
## Properties
|
|
|
|
#### `lines.lineWidth`
|
|
The width of the lines
|
|
|
|
# Included example in the `example` directory
|
|
|
|
To run it, follow these steps:
|
|
|
|
```
|
|
git clone https://github.com/gl-vis/gl-line3d.git
|
|
cd gl-line3d
|
|
mkdir dist
|
|
browserify lines.js -o dist/bundle.js
|
|
browserify example/simple.js -o dist/simple_example_bundle.js
|
|
```
|
|
then open `simple.html` in the `example` directory.
|
|
|
|
# Credits
|
|
(c) 2014 Mikola Lysenko. MIT License
|
|
|