Catalog npm
Back to packageRELEASE DETAILS

1.0.2

npm

3dgraph

React component, 3D visualization of a graph.

3dgraphvisualization
Published27 Jul 2017
Direct dependencies29
Transitive dependenciesNot calculated

README

Current package documentation

3dgraph

Demo

Install

npm install --save 3dgraph

Usage


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')
)    


 

License

MIT

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 30

Native requirements
29 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
@types/chai
Environment
{
  "local_name": "@types/chai",
  "alias": false,
  "peer_metadata": null
}
^4.0.1runtime
@types/mocha
Environment
{
  "local_name": "@types/mocha",
  "alias": false,
  "peer_metadata": null
}
^2.2.41runtime
@types/node
Environment
{
  "local_name": "@types/node",
  "alias": false,
  "peer_metadata": null
}
^8.0.9runtime
@types/ramda
Environment
{
  "local_name": "@types/ramda",
  "alias": false,
  "peer_metadata": null
}
^0.24.4runtime
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^15.0.38runtime
@types/react-dom
Environment
{
  "local_name": "@types/react-dom",
  "alias": false,
  "peer_metadata": null
}
^15.5.1runtime
@types/three
Environment
{
  "local_name": "@types/three",
  "alias": false,
  "peer_metadata": null
}
^0.84.18runtime
chai
Environment
{
  "local_name": "chai",
  "alias": false,
  "peer_metadata": null
}
^4.0.2runtime
html-webpack-plugin
Environment
{
  "local_name": "html-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^2.29.0runtime
mocha
Environment
{
  "local_name": "mocha",
  "alias": false,
  "peer_metadata": null
}
^3.4.2runtime
ramda
Environment
{
  "local_name": "ramda",
  "alias": false,
  "peer_metadata": null
}
^0.24.1runtime
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^15.6.1runtime
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^15.6.1runtime
rxjs
Environment
{
  "local_name": "rxjs",
  "alias": false,
  "peer_metadata": null
}
^5.4.2runtime
three
Environment
{
  "local_name": "three",
  "alias": false,
  "peer_metadata": null
}
^0.86.0runtime
three-orbitcontrols-ts
Environment
{
  "local_name": "three-orbitcontrols-ts",
  "alias": false,
  "peer_metadata": null
}
^0.1.2runtime
awesome-typescript-loader
Environment
{
  "local_name": "awesome-typescript-loader",
  "alias": false,
  "peer_metadata": null
}
^3.2.1development
babel-core
Environment
{
  "local_name": "babel-core",
  "alias": false,
  "peer_metadata": null
}
^6.25.0development
babel-loader
Environment
{
  "local_name": "babel-loader",
  "alias": false,
  "peer_metadata": null
}
^7.1.1development
babel-preset-es2015
Environment
{
  "local_name": "babel-preset-es2015",
  "alias": false,
  "peer_metadata": null
}
^6.24.1development
chai-enzyme
Environment
{
  "local_name": "chai-enzyme",
  "alias": false,
  "peer_metadata": null
}
^0.8.0development
cheerio
Environment
{
  "local_name": "cheerio",
  "alias": false,
  "peer_metadata": null
}
^0.19.0development
css-loader
Environment
{
  "local_name": "css-loader",
  "alias": false,
  "peer_metadata": null
}
^0.28.4development
enzyme
Environment
{
  "local_name": "enzyme",
  "alias": false,
  "peer_metadata": null
}
^2.9.1development
html-webpack-plugin
Environment
{
  "local_name": "html-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^2.29.0development
imports-loader
Environment
{
  "local_name": "imports-loader",
  "alias": false,
  "peer_metadata": null
}
^0.7.1development
react-test-renderer
Environment
{
  "local_name": "react-test-renderer",
  "alias": false,
  "peer_metadata": null
}
^15.6.1development
style-loader
Environment
{
  "local_name": "style-loader",
  "alias": false,
  "peer_metadata": null
}
^0.18.2development
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^2.4.1development
webpack
Environment
{
  "local_name": "webpack",
  "alias": false,
  "peer_metadata": null
}
^3.1.0development

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "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=="
    }
  ]
}

Repository

PENDING
strashkevich/3dgraph

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:39 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:a1d08da6d0fc080ffc890f2cb1bc2e012a374fe49bf2691f804c7f7634f755d7

Other collected versions

1.1.020 Oct1.0.294 Aug1.0.284 Aug1.0.274 Aug1.0.264 Aug1.0.253 AugView all collected versions →