https://github.com/peer-base/peer-star-network-vis-react

Network and Stats Visualization for a peer-star-app collaboration
https://github.com/peer-base/peer-star-network-vis-react

Last synced: 11 months ago
JSON representation

Network and Stats Visualization for a peer-star-app collaboration

• Host: GitHub
• URL: https://github.com/peer-base/peer-star-network-vis-react
• Owner: peer-base
• Created: 2018-08-16T10:15:56.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2018-08-20T13:59:26.000Z (almost 8 years ago)
• Last Synced: 2025-01-10T23:47:13.816Z (over 1 year ago)
• Language: JavaScript
• Size: 359 KB
• Stars: 1
• Watchers: 6
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# peer-star-network-vis-react

React Component for [Peer-\*](https://github.com/ipfs-shipyard/peer-star-app) collaboration network.

[![made by Protocol Labs](https://img.shields.io/badge/made%20by-Protocol%20Labs-blue.svg?style=flat-square)](https://protocol.ai)

![Example video](docs/example-video.gif)

## Example

```js

import PeerStar from 'peer-star-app'

import NetworkVis from 'peer-star-network-vis-react'

dApp = PeerStar('my app')

await dApp.start()

collaboration = await dApp.collaborate('collaboration name', ...)

// inside react component.render:

```

## Styling

This component relies on some CSS classes that are defined in [the Bootstrap framework](https://getbootstrap.com).

## Modifying

If you find those class names, the layout or the markup not suitable to you, perhaps you can instead use this component as an example and use the underlying d3 network visualization canvas in [peer-star-network-vis](https://github.com/ipfs-shipyard/peer-star-network-vis).

## License

MIT