Coffeescript practice

_.md

[ Launch: Tributary inlet ] 6510627 by tarvaina

config.json

{"description":"Coffeescript practice","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"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},"inlet.coffee":{"default":true,"vim":false,"emacs":false,"fontSize":12},"leon_main.csv":{"default":true,"vim":false,"emacs":false,"fontSize":12},"style.css":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/f4ZSgnZ.png"}

inlet.coffee

margin = 66
chart_height = tributary.sh - 2*margin
chart_width = tributary.sw - 2*margin

data = tributary.leon_main
minWordCount = 0
maxWordCount = d3.max(data, (d) -> d["wordCount"])

color = d3.scale.category20()
x = d3.scale.linear().domain([0, data.length]).range([0, chart_width])
y = d3.scale.linear().domain([minWordCount, maxWordCount]).range([0, chart_height])


svg = d3.select("svg")
g = svg.append("g")
g.attr("transform", "translate(" + [margin, margin] + ")")

g.selectAll("rect").data(data).enter().append("rect").attr
  x: (d, i) -> x(i)
  y: (d, i) -> chart_height - y(d["wordCount"])
  width: x(1)-x(0)
  height: (d, i) -> y(d["wordCount"])
  fill: (d, i) -> color(d["user"])

sortings = [
  (a, b) -> a["id"] - b["id"]
  (a, b) -> b["wordCount"] - a["wordCount"]
  (a, b) -> b["user"] - a["user"]
]
sorting_idx = 0

svg.on("click", ->
  sorting_idx = (sorting_idx + 1) % sortings.length
  data.sort(sortings[sorting_idx])
  g.selectAll("rect").data(data, (d) -> d["id"]).
    transition().duration(1000).delay((d, i) -> 2*i).
    attr
      x: (d, i) -> x(i)
)

leon_main.csv

style.css

rect {
    shape-rendering: crispEdges;
}