Current collected state Current
Observed since 20 Oct, 19:39 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
3dgraph
React component, 3D visualization of a graph.
Demo
npm install --save 3dgraph
import {ReactGraph, Node, generateRandomNodes} from '3dgraph';
let props = {
graphColor : 0x050505,
edgesHighlightColor : 0xF54848,
onSelectColor : 0xF54848,
onHoverColor : 0xBBF548,
highlightEdges : true,
labelsColor : 0x0ff003,
showLabels : true,
handleError : (err) => console.log(JSON.stringify(err)),
onReady : () => {},
handleClick : (node : Node) => {},
handleDoubleClick : (node : Node) => {},
handleMouseOver : (node : Node) => {},
transformLayout : false,
layoutGenerator : undefined,
className : '',
nodes : generateRandomNodes(30, 500),
/*
interface Node{
id : NodeID,
position:Vector3,
connections : Connection[],
incomingConnections : Connection[],
radius : number,
label : Label,
color? : number,
nodeObject? : Mesh,
dx? : number,
dy? : number,
dz? : number,
weight? : number,
repulsiveForce? : number,
attractiveForce? : number
};
*/
};
ReactDOM.render(
<ReactGraph {...props} />,
document.getElementById('graph')
)
Download counts and popularity will appear here as the collector receives them.
| Package / target | Requirement | Relationship |
|---|---|---|
@types/chaiEnvironment{
"local_name": "@types/chai",
"alias": false,
"peer_metadata": null
} | ^4.0.1 | runtime |
@types/mochaEnvironment{
"local_name": "@types/mocha",
"alias": false,
"peer_metadata": null
} | ^2.2.41 | runtime |
@types/nodeEnvironment{
"local_name": "@types/node",
"alias": false,
"peer_metadata": null
} | ^8.0.9 | runtime |
@types/ramdaEnvironment{
"local_name": "@types/ramda",
"alias": false,
"peer_metadata": null
} | ^0.24.4 | runtime |
@types/reactEnvironment{
"local_name": "@types/react",
"alias": false,
"peer_metadata": null
} | ^15.0.38 | runtime |
@types/react-domEnvironment{
"local_name": "@types/react-dom",
"alias": false,
"peer_metadata": null
} | ^15.5.1 | runtime |
@types/threeEnvironment{
"local_name": "@types/three",
"alias": false,
"peer_metadata": null
} | ^0.84.18 | runtime |
chaiEnvironment{
"local_name": "chai",
"alias": false,
"peer_metadata": null
} | ^4.0.2 | runtime |
html-webpack-pluginEnvironment{
"local_name": "html-webpack-plugin",
"alias": false,
"peer_metadata": null
} | ^2.29.0 | runtime |
mochaEnvironment{
"local_name": "mocha",
"alias": false,
"peer_metadata": null
} | ^3.4.2 | runtime |
ramdaEnvironment{
"local_name": "ramda",
"alias": false,
"peer_metadata": null
} | ^0.24.1 | runtime |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | ^15.6.1 | runtime |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | ^15.6.1 | runtime |
rxjsEnvironment{
"local_name": "rxjs",
"alias": false,
"peer_metadata": null
} | ^5.4.2 | runtime |
threeEnvironment{
"local_name": "three",
"alias": false,
"peer_metadata": null
} | ^0.86.0 | runtime |
three-orbitcontrols-tsEnvironment{
"local_name": "three-orbitcontrols-ts",
"alias": false,
"peer_metadata": null
} | ^0.1.2 | runtime |
awesome-typescript-loaderEnvironment{
"local_name": "awesome-typescript-loader",
"alias": false,
"peer_metadata": null
} | ^3.2.1 | development |
babel-coreEnvironment{
"local_name": "babel-core",
"alias": false,
"peer_metadata": null
} | ^6.25.0 | development |
babel-loaderEnvironment{
"local_name": "babel-loader",
"alias": false,
"peer_metadata": null
} | ^7.1.1 | development |
babel-preset-es2015Environment{
"local_name": "babel-preset-es2015",
"alias": false,
"peer_metadata": null
} | ^6.24.1 | development |
chai-enzymeEnvironment{
"local_name": "chai-enzyme",
"alias": false,
"peer_metadata": null
} | ^0.8.0 | development |
cheerioEnvironment{
"local_name": "cheerio",
"alias": false,
"peer_metadata": null
} | ^0.19.0 | development |
css-loaderEnvironment{
"local_name": "css-loader",
"alias": false,
"peer_metadata": null
} | ^0.28.4 | development |
enzymeEnvironment{
"local_name": "enzyme",
"alias": false,
"peer_metadata": null
} | ^2.9.1 | development |
html-webpack-pluginEnvironment{
"local_name": "html-webpack-plugin",
"alias": false,
"peer_metadata": null
} | ^2.29.0 | development |
imports-loaderEnvironment{
"local_name": "imports-loader",
"alias": false,
"peer_metadata": null
} | ^0.7.1 | development |
react-test-rendererEnvironment{
"local_name": "react-test-renderer",
"alias": false,
"peer_metadata": null
} | ^15.6.1 | development |
style-loaderEnvironment{
"local_name": "style-loader",
"alias": false,
"peer_metadata": null
} | ^0.18.2 | development |
typescriptEnvironment{
"local_name": "typescript",
"alias": false,
"peer_metadata": null
} | ^2.4.1 | development |
webpackEnvironment{
"local_name": "webpack",
"alias": false,
"peer_metadata": null
} | ^3.1.0 | development |
Source distribution
{
"shasum": "6455330c6d69347e68513c78c3acee3fce01581a",
"tarball": "https://registry.npmjs.org/3dgraph/-/3dgraph-1.0.2.tgz",
"integrity": "sha512-QhbfD8y8bIsrY/9cuSIXdGTA1On4zmo9kqUU1rNNZ/Xy1TNHMzm/pwkHhlNA9jgoCvRX9DotG8gdDaOV0FkbIg==",
"signatures": [
{
"keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
"sig": "MEQCIGcXm3qXtnI1uJh/8MyDBtUYl//5L5BCpfx1Cr6e9we8AiAgRb4F9mkV/ElFfICkU1GCYRQBc2wB5ne1Z770Wk4A5g=="
}
]
}Observed since 20 Oct, 19:39 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
package_version:a1d08da6d0fc080ffc890f2cb1bc2e012a374fe49bf2691f804c7f7634f755d7