Steem top communites 3D force-directed graph visualization. Using ThreeJS Javascript 3D drawing library and 3D Force-Directed Graph layout engine.
> git clone https://github.com/mys/steemverse.git
> cd steemverse
> npm install
Host 'steemverse' catalog using eg. Apache/nginx
All data are collected using SteemSQL database.
Set SteemSQL connection server, credentials and DB.
data/config.py (secure this file privileges!)
server = ''
user = ''
password = ''
database = ''
> python3.6 data/data.py
The return will create categories.json and accounts.json data files.
This process takes ~2 hours long!
categories.json
{
"nodes": [
{
"id": "#category1",
"count": 1,
"type": "tag"
},
(...)
],
"links": [
{
"source": "#category1",
"target": "#category2".
"strength": 0.2
},
(...),
],
"snapshot": "2018-07-27"
}
accounts.json
{
"nodes": [
{
"id": "account1",
"sp": 25,
"category": "#category1"
},
(...)
],
"links": [
{
"source": "account1",
"target": "#category1",
"visible": 0,
"strength": 1
},
(...)
],
"snapshot": "2018-07-27"
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent