1024 members userSpace

index.html

<div class="meetup-pane">
</div>

<svg class="timeline">
</svg>

<svg class="force">
</svg>

<button class="back">Prev</button>
<button class="forward">Next</button>

_.md

[ <a href="http://tributary.io/inlet/5538737">Launch: 1024 members userSpace</a> ] 5538737 by enjalot<br>[ <a href="http://tributary.io/inlet/5537943">Launch: 1024 members</a> ] 5537943 by enjalot<br>[ <a href="http://tributary.io/inlet/5537659">Launch: 1024 members</a> ] 5537659 by enjalot<br>

config.json

{"description":"1024 members userSpace","endpoint":"","display":"div","public":true,"require":[{"name":"crossfilter","url":"http://square.github.io/crossfilter/crossfilter.v1.min.js"}],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"meetups.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"rsvps.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"members.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"index.html":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/ZCOd3gh.png"}

inlet.js

meetups.json

[{"id":"52020632","name":"Discuss Transitions","venue":"Epicenter Cafe","time":1329442200000},{"id":"53698992","name":"Open Data Hacking at the Library","venue":"Sf public Library Main Branch","time":1330643700000},{"id":"55266432","name":"Getting your Data Drivers License","venue":"swissnex San Francisco ","time":1331863200000},{"id":"57477392","name":"Getting Started with Nutrition and BART","venue":"Nokia Research Center Palo Alto","time":1333503000000},{"id":"64825422","name":"Visualization Open Mic","venue":"BitTorrent","time":1337824800000},{"id":"84262482","name":"Open Data Hacking at the Library","venue":"Sf public Library Main Branch","time":1349472600000},{"id":"102356032","name":"d3.selectAll('meetup').data([2013]).enter()","venue":"Trulia","time":1361500200000},{"id":"51422112","name":".enter() (the first d3.js user group meeting)","venue":"Epicenter Cafe","time":1328835600000},{"id":"52773222","name":"Real-time Dashboards","venue":"Boundary HQ","time":1330050600000},{"id":"54700892","name":"Co-Working Session","venue":"Noisebridge","time":1331173800000},{"id":"55699192","name":"Put some d3 source files up on the screen and discuss","venue":"San Francisco Public Library; Potrero Branch","time":1332281700000},{"id":"58592772","name":"Exploratory Graph Visualization","venue":"Twitter","time":1334280600000},{"id":"57231572","name":"Underscore.js and Canvas","venue":"Tolman Hall, University of California, Berkeley, Berkeley, CA 94720","time":1335313800000},{"id":"63143652","name":"D3 BOF at Fluent Conference 2012","venue":"Hilton Hotel","time":1338346800000},{"id":"67903012","name":"Visual Perception and Illusions","venue":"Groupon","time":1339723800000},{"id":"74765322","name":"d3 goes mobile","venue":"Twitter","time":1344562200000},{"id":"75754562","name":"Rackspace Visualization Hack Day","venue":"Rackspace San Francisco","time":1346428800000},{"id":"84485982","name":"Data geography with d3.geo","venue":"RocketSpace Inc","time":1350610200000},{"id":"102072932","name":"Urban Data Challenge Kick-off","venue":"swissnex San Francisco ","time":1360204200000},{"id":"103428452","name":"Urban Data Hackathon","venue":"Gray Area Foundation for the Arts (GAFFTA)","time":1361642400000},{"id":"111696362","name":"Urban Data Challenge Awards","venue":"swissnex San Francisco ","time":1365271200000}]

style.css

svg.timeline {
  width:100%;
  height:120px;
  position:absolute;
  left:0;
  bottom:0;
}

svg.force {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events:none;
}

.meetup {
  fill: #ffffff;
}
.active-meetup {
  stroke: #ff0000;
}

.members-by-day {
}

.meetup-pane {
  float:left;
  width: 400px;
  text-align: center
}

.meetup-pane span {
  clear:left;
  float:left;
}

.node circle {
  background-image: 
}