PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.24

npm

3dgraph

React component, 3D visualization of a graph.

3dgraphvisualization
Published3 Aug 2017
Direct dependencies22
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 22

Native requirements
22 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
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
chai
Environment
{
  "local_name": "chai",
  "alias": false,
  "peer_metadata": null
}
^4.0.2development
html-webpack-plugin
Environment
{
  "local_name": "html-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^2.29.0development
mocha
Environment
{
  "local_name": "mocha",
  "alias": false,
  "peer_metadata": null
}
^3.4.2development
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
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
{
  "integrity": "sha512-VgDfzvS1UOfFQKsF14augbk0W5Yave6O3Fx/kqIUjTcPjG6YavVMIt/UZX2XR0gAqdd5S8P8Y1Un+NDuv1ff0A==",
  "shasum": "49f0cbddd3cb09bacfb1805e6c574e3d1baba78c",
  "tarball": "https://registry.npmjs.org/3dgraph/-/3dgraph-1.0.24.tgz",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQCQEda94Snb1Rpe8FpfnmiLNNJbOBDkFcNq5IiQFHw1JAIgA4Hu3qWhd7VKKpSFIFuQeaNi2cdOUIQWCJWGshT2PAI="
    }
  ]
}

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:86e7dc534d947b0f4d2bbe2553be430749ec2a2ef0a1b1d9f8bc37213b2ecc81

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 →