Skip to content

Instantly share code, notes, and snippets.

View dsaffo's full-sized avatar
☄️

David Saffo dsaffo

☄️
  • Boston, Detroit
View GitHub Profile
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
@dsaffo
dsaffo / README.md
Last active October 15, 2020 19:17 — forked from WilliamQLiu/index.html
D3 Mouse Events Adapted For VisConnect

VisConnect Mouse Events

This VisConnect example is adapted from this block. The only changes are adding the PeerJS and VisConnect script tags. Click the visconnect logo on the bottom right and send the coppied URL to a friend. Once they open the link all your interactions will be synchronized!

@dsaffo
dsaffo / README.md
Last active October 15, 2020 19:20 — forked from mbostock/.block
click-to-zoom via transform adapted for VisConnect

VisConnect Mouse Events

This VisConnect example is adapted from this block. The only changes are adding the PeerJS and VisConnect script tags. Click the visconnect logo on the bottom right and send the coppied URL to a friend. Once they open the link all your interactions will be synchronized!

@dsaffo
dsaffo / README.md
Last active October 15, 2020 19:18 — forked from michaschwab/index.html
VisConnect Simple Drag Demo

VisConnect Drag

Basic draging demo, simultaneously click and drag the circles with friends.The only changes are adding the PeerJS and VisConnect script tags, aswell as replacing d3.drag with vc.drag . Click the visconnect logo on the bottom right and send the coppied URL to a friend. Once they open the link all your interactions will be synchronized!

@dsaffo
dsaffo / README.md
Last active October 15, 2020 19:19 — forked from michaschwab/index.html
Collaborative Scatter Plot Brushing

VisConnect Brushing

This VisConnect example is a copy of this block. The only changes are adding the PeerJS and VisConnect script tags, adding the collaboration attribute to the HTML body, replacing d3.brush with vc.brush, and telling d3 to use vc.random instead of Math.random.

@dsaffo
dsaffo / README.md
Last active October 15, 2020 19:20
VisConnect UI example

VisConnect UI

This VisConnect example is adapted from demo. The only changes are adding the PeerJS and VisConnect script tags, and adding the collaboration attribute to the HTML body. Click the visconnect logo on the bottom right and send the coppied URL to a friend. Once they open the link all your interactions will be synchronized!

@dsaffo
dsaffo / README.md
Last active October 15, 2020 19:22 — forked from nitaku/README.md
Freehand drawing adapted with VisConnect

VisConnect Drawing

This VisConnect example is adapted from this block. The only changes are adding the PeerJS and VisConnect script tags, adding the collaboration attribute to the HTML body, and replacing d3.drag with vc.drag.

@dsaffo
dsaffo / README.md
Last active October 15, 2020 19:23
Collaborative game by Micha Schwab using VisConnect

Fire Fighters

This VisConnect game was created by Micha Schwad to creatively demonstrate a collaberative task. Click the visconnect logo on the bottom right and send the coppied URL to a friend. Once they open the link all your interactions will be synchronized!

@dsaffo
dsaffo / README.md
Last active July 28, 2020 19:57
Collaborative wheres Waldo game by Micha Schwab using VisConnect

VisConnect Wheres Waldo

This VisConnect example, created by Micha Schawb, demonstrates divde and conquer collaberative brushing. Click the visconnect logo on the bottom right and send the coppied URL to a friend. Once they open the link all your interactions will be synchronized!

@dsaffo
dsaffo / README.md
Last active June 25, 2023 20:42
Planarity Party

VisConnect Planarity Party

This VisConnect example is adapted from this web game. The only changes are adding the PeerJS and VisConnect script tags, and replacing d3.drag() with vc.drag(). Click the visconnect logo on the bottom right and send the coppied URL to a friend. Once they open the link all your interactions will be synchronized!