Skip to content

Instantly share code, notes, and snippets.

View apeter10's full-sized avatar

Brandon Yang apeter10

2 followers · 0 following
  • Taipei, Taiwan
View GitHub Profile
@apeter10
apeter10 / README.md
Created February 15, 2017 01:46 — forked from lgersman/README.md
improved version of my d3.js selection frame example (https://gist.github.com/lgersman/5310854) supporting draggable/selectable nodes
  • Click into the drawing area to start the selection frame
  • move the mouse to resize the selection frame
  • Release the mouse button to resize the selection frame

new features :

  • circles are draggable
  • circles can be selected (multiple selections possible by pressing CTRL while clicking a circle)
  • the selection frame selects all circles within the frame (by pressing CTRL the selected circles will be appended to current selection)
  • multiple selected circles will be dragged simultaneous
@apeter10
apeter10 / README.md
Created February 15, 2017 01:45 — forked from lgersman/README.md
state diagram editor example based on (https://gist.github.com/lgersman/5311083)
  • Click into the drawing area to start the selection frame
  • move the mouse to resize the selection frame
  • Release the mouse button to resize the selection frame
  • circles are draggable
  • circles can be selected (multiple selections possible by pressing CTRL while clicking a circle)
  • the selection frame selects all circles within the frame (by pressing CTRL the selected circles will be appended to current selection)
  • multiple selected circles will be dragged simultaneous

new features:

@apeter10
apeter10 / README.md
Created February 15, 2017 01:45 — forked from lgersman/README.md
d3.js selection frame example.
  • Click into the drawing area to start the selection frame
  • move the mouse to resize the selection frame
  • Release the mouse button to resize the selection frame

(The circles are just for illustrating purposes)

See it live : http://bl.ocks.org/lgersman/5310854