IPFS Data Visualizations

ipfs data visualizations

Table of Contents

• Install
• Usage
  • graphmd
  • D3 Tree
• Contribute
  • Want to hack on IPFS?
• License

Install

To install and run the D3 Tree locally, first install IPFS. Then:

ipfs daemon
# Open a new terminal window
git clone git@github.com:ipfs/dataviz.git
cd dataviz/webapps/tree-ltr
make

This should load up the tree viz in your browser. Change the IPFS hash at the end of the URL to see any other IPFS tree.

Usage

graphmd

Status: stable

Graphs of Merkel DAGs from the command line.

More information here: https://ipfs.io/ipfs/QmTkzDwWqPbnAh5YiV5VwcTLnGdwSNsNTn2aDxdXBFca7D/example#/ipfs/QmQwAP9vFjbCtKvD8RkJdCvPHqLQjZfW7Mqbbqx18zd8j7/graphmd/README.md

D3 Tree

Status: experimental

We have adapted a D3 left-to-right tree example by Mike Bostock for use in visualizing IPFS.

This can be served up via IPFS, and read data from IPFS. For example, the tree visualizing its own source code:

https://v04x.ipfs.io/ipfs/QmX5smVTZfF8p1VC8Y3VtjGqjvDVPWvyBk24JgvnMwHtjC/viz#QmX5smVTZfF8p1VC8Y3VtjGqjvDVPWvyBk24JgvnMwHtjC

The first hash is the visualization; the second hash is whatever is being visualized.

For example, to explore Brewster Kahle's blog (quite large, give it a minute to load), we would visit:

https://v04x.ipfs.io/ipfs/QmX5smVTZfF8p1VC8Y3VtjGqjvDVPWvyBk24JgvnMwHtjC/viz#QmavE42xtK1VovJFVTVkCR5Jdf761QWtxmvak9Zx718TVr

(To see the raw blog content, visit https://ipfs.io/ipfs/QmavE42xtK1VovJFVTVkCR5Jdf761QWtxmvak9Zx718TVr)

Contribute

Feel free to join in. All welcome.

This repository falls under the IPFS Code of Conduct.

Want to hack on IPFS?

License

MIT