Skip to content

Instantly share code, notes, and snippets.

View bhpayne's full-sized avatar
💭
wandering in the wilderness

Ben bhpayne

💭
wandering in the wilderness
24 followers · 67 following
View GitHub Profile
@bhpayne
bhpayne / 884319.json
Last active May 25, 2020 21:06
d3js graph with images for nodes
{
"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":
@bhpayne
bhpayne / graph.json
Created May 13, 2020 22:14 — forked from JakeTTU/graph.json
Graph Link Filtering using Slider
{
"nodes": [
{
"name": "Person1",
"group": "#000"
},
{
"name": "Person2",
"group": "#000"
},
@bhpayne
bhpayne / LICENSE
Created May 14, 2020 12:14 — forked from rkirsling/LICENSE
Directed Graph Editor
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:
@bhpayne
bhpayne / README.md
Created May 14, 2020 12:15 — forked from eesur/README.md
d3 | Force layout with images
@bhpayne
bhpayne / README.md
Created May 14, 2020 12:15 — forked from cjrd/README.md
Interactive tool for creating directed graphs using d3.js.

directed-graph-creator

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
@bhpayne
bhpayne / graph.json
Created May 15, 2020 14:41 — forked from JakeTTU/graph.json
Graph with Link Filtering
{
"nodes": [
{
"id": "Person1",
"group": "#000"
},
{
"id": "Person2",
"group": "#000"
},
@bhpayne
bhpayne / 884319.json
Created May 25, 2020 21:12
d3js graph with hyperlinked images for nodes
{
"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
@bhpayne
bhpayne / .block
Created May 25, 2020 23:00 — forked from d3noob/.block
Multiple HTML inputs linked with d3.js
license: mit
@bhpayne
bhpayne / index.html
Created May 25, 2020 23:01 — forked from d3noob/index.html
Range input with v4
<!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">
@bhpayne
bhpayne / .block
Created June 4, 2020 11:59 — forked from XavierGimenez/.block
Grouping nodes in a Force-Directed Graph
license: gpl-3.0
height: 600