Interactive tool for creating directed graphs, created using d3.js.
Demo: http://bl.ocks.org/cjrd/6863459
Operation:
- drag/scroll to translate/zoom the graph
| license: gpl-3.0 | |
| height: 600 |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>Input test (circle)</title> | |
| <p> | |
| <label for="nRadius" | |
| style="display: inline-block; width: 240px; text-align: right"> | |
| radius = <span id="nRadius-value">…</span> | |
| </label> | |
| <input type="range" min="1" max="150" id="nRadius"> |
| license: mit |
| { | |
| "nodes": [ | |
| {"id": "9040079362", "group": 0, "img": "https://derivationmap.net/static/9040079362.png", "url": "https://derivationmap.net/list_all_expressions?referrer=d3js#9040079362", "width": 18, "height": 30, "linear index": 0}, | |
| {"id": "3131111133", "group": 0, "img": "https://derivationmap.net/static/3131111133.png", "url": "https://derivationmap.net/list_all_expressions?referrer=d3js#3131111133", "width": 121, "height": 34, "linear index": 0}, | |
| {"id": "4718871", "group": 2, "img": "https://derivationmap.net/static/multiplybothsidesby.png", "url": "https://derivationmap.net/list_all_inference_rules?referrer=d3js#multiply both sides by", "width": 309, "height": 32, "linear index": 2}, | |
| {"id": "2113211456", "group": 0, "img": "https://derivationmap.net/static/2113211456.png", "url": "https://derivationmap.net/list_all_expressions?referrer=d3js#2113211456", "width": 121, "height": 34, "linear index": 0}, | |
| {"id": "2131616531", "group": 0, "img": "https://derivationmap.net/static/2131616531 |
| { | |
| "nodes": [ | |
| { | |
| "id": "Person1", | |
| "group": "#000" | |
| }, | |
| { | |
| "id": "Person2", | |
| "group": "#000" | |
| }, |
Interactive tool for creating directed graphs, created using d3.js.
Demo: http://bl.ocks.org/cjrd/6863459
Operation:
Force layout test/experiment with images
Sources:
| Copyright (c) 2013 Ross Kirsling | |
| Permission is hereby granted, free of charge, to any person obtaining | |
| a copy of this software and associated documentation files (the | |
| "Software"), to deal in the Software without restriction, including | |
| without limitation the rights to use, copy, modify, merge, publish, | |
| distribute, sublicense, and/or sell copies of the Software, and to | |
| permit persons to whom the Software is furnished to do so, subject to | |
| the following conditions: |
| { | |
| "nodes": [ | |
| { | |
| "name": "Person1", | |
| "group": "#000" | |
| }, | |
| { | |
| "name": "Person2", | |
| "group": "#000" | |
| }, |
| { | |
| "nodes": [ | |
| {"id": "4718871", "group": 2, "img": "https://derivationmap.net/static/multiplybothsidesby.png", "width": 298, "height": 30, "linear index": 2}, | |
| {"id": "2131616531", "group": 0, "img": "https://derivationmap.net/static/2131616531.png", "width": 103, "height": 30, "linear index": 0}, | |
| {"id": "9565166889", "group": 0, "img": "https://derivationmap.net/static/9565166889.png", "width": 24, "height": 23, "linear index": 0}, | |
| {"id": "9040079362", "group": 0, "img": "https://derivationmap.net/static/9040079362.png", "width": 18, "height": 30, "linear index": 0}, | |
| {"id": "9278347", "group": 1, "img": "https://derivationmap.net/static/declareinitialexpr.png", "width": 270, "height": 30, "linear index": 1}, | |
| {"id": "6286448", "group": 4, "img": "https://derivationmap.net/static/declarefinalexpr.png", "width": 255, "height": 30, "linear index": 4}, | |
| {"id": "2113211456", "group": 0, "img": "https://derivationmap.net/static/2113211456.png", "width": 121, "height": 34, "linear index": |