D3 V4 Force Layout Editor

This is a playground for the forces in D3 V4 force layout.

Example taken from https://bl.ocks.org/mbostock/4062045

D3 Force Layout

Forces

Check Doc

d3.forceCenter



d3.forceCollide



d3.forceLink



d3.forceManyBody



d3.forceX

Check Doc

d3.forceY

Check Doc

d3.forceRadial

Check Doc



Graph




Code




Util - Export JSON graph in Python

Code example to export a JSON from an adjency matrix in Python

  import json

nodes = [{'id':a, 'group':'red'} for a in RED_LIST] + [{'id':a, 'group':'blue'} for a in BLUE_LIST]
links = []

for index, a in enumerate(matrix):
    for index2, b in enumerate(a):
        if b and index > index2:
            links.append({
                'source':index,
                'target':index2,
                'value':1
            })
graph = {
    'nodes':nodes,
    'links':links
}

with open('graph.json', 'w') as outfile:
    json.dump(graph, outfile)