Skip to content

Instantly share code, notes, and snippets.

@jspschool

jspschool/_.md

Created February 8, 2013 05:42
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jspschool/4736909 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jspschool/4736909 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jspschool revised this gist Feb 8, 2013. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion config.json
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    {"description":"개찰구 통행량 그래프","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"turnstile_traffic.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"chart.css":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"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}
    {"description":"개찰구 통행량 그래프","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"turnstile_traffic.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"chart.css":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"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}
  2. jspschool revised this gist Feb 8, 2013. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions _.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    [ <a href="http://tributary.io/inlet/4736909">Launch: 개찰구 통행량 그래프</a> ] 4736909 by jspschool<br>
  3. jspschool created this gist Feb 8, 2013.
    36 changes: 36 additions & 0 deletions chart.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,36 @@
    .axis {
    font-family: arial;
    font-size:0.6em;
    }

    path {
    fill:none;
    stroke:black;
    stroke-width:2px;
    }

    .tick {
    fill:none;
    stroke:black;
    }

    circle{ s
    troke:black;
    stroke-width:0.5px;
    }

    circle.times_square{
    fill:DeepPink;
    }

    circle.grand_central{
    fill:MediumSeaGreen;
    }

    path.times_square{
    stroke:DeepPink;
    }

    path.grand_central{
    stroke:MediumSeaGreen;
    }
    1 change: 1 addition & 0 deletions config.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"description":"개찰구 통행량 그래프","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"turnstile_traffic.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"chart.css":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"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}
    100 changes: 100 additions & 0 deletions inlet.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,100 @@
    var data = tributary.turnstile_traffic;

    var margin = 40,
    width = 700 - margin,
    height = 300 - margin;

    var svg = d3.select("svg");

    svg.attr("width", width + margin)
    .attr("height", height + margin)
    .append("g")
    .attr("class", "chart");

    svg.selectAll("circle.times_square")
    .data(data.times_square)
    .enter()
    .append("circle")
    .attr("class", "times_square");

    svg.selectAll("circle.grand_central")
    .data(data.grand_central)
    .enter()
    .append("circle")
    .attr("class", "grand_central");

    var count_extent = d3.extent(
    data.times_square.concat(data.grand_central),
    function(d){ return d.count }
    );

    var count_scale = d3.scale.linear()
    .domain(count_extent)
    .range([height, margin]);

    d3.selectAll("circle")
    .attr("cy", function(d){ return count_scale(d.count);});

    var time_extent = d3.extent(
    data.times_square.concat(data.grand_central),
    function(d){ return d.time }
    );

    var time_scale = d3.time.scale()
    .domain(time_extent)
    .range([margin, width]);

    d3.selectAll("circle")
    .attr("cx", function(d){ return time_scale(d.time);});

    d3.selectAll("circle")
    .attr("r",3);

    var time_axis = d3.svg.axis()
    .scale(time_scale);

    svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0, "+ height +")")
    .call(time_axis);

    var count_axis = d3.svg.axis()
    .scale(count_scale)
    .orient("left");

    svg.append("g")
    .attr("class", "y axis")
    .attr("transform", "translate("+margin+",0)")
    .call(count_axis);

    var line = d3.svg.line()
    .x(function(d){ return time_scale(d.time)})
    .y(function(d){ return count_scale(d.count)})

    svg.append("path")
    .attr("d", line(data.times_square))
    .attr("class", "times_square");


    svg.append("path")
    .attr("d", line(data.grand_central))
    .attr("class", "grand_central");


    d3.select(".y.axis")
    .append("text")
    .text("mean number of turnstile revolutions")
    .attr("transform", "rotate (90, "+ -margin +", 0)")
    .attr("x", 20)
    .attr("y", 0);











    1 change: 1 addition & 0 deletions turnstile_traffic.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"times_square": [{"count": 36.333333333333336, "time": 1328356800000}, {"count": 87.361111111111114, "time": 1328371200000}, {"count": 216.22222222222223, "time": 1328385600000}, {"count": 418.80555555555554, "time": 1328400000000}, {"count": 351.11111111111109, "time": 1328414400000}, {"count": 213.94444444444446, "time": 1328428800000}, {"count": 29.361111111111111, "time": 1328443200000}, {"count": 69.444444444444443, "time": 1328457600000}, {"count": 152.41666666666666, "time": 1328472000000}, {"count": 291.80555555555554, "time": 1328486400000}, {"count": 205.44444444444446, "time": 1328500800000}, {"count": 98.388888888888886, "time": 1328515200000}, {"count": 34.777777777777779, "time": 1328529600000}, {"count": 245.33333333333334, "time": 1328544000000}, {"count": 274.61111111111109, "time": 1328558400000}, {"count": 758.47222222222217, "time": 1328572800000}, {"count": 391.97222222222223, "time": 1328587200000}, {"count": 88.666666666666671, "time": 1328601600000}, {"count": 39.833333333333336, "time": 1328616000000}, {"count": 20.0, "time": 1328618993000}, {"count": 140.0, "time": 1328630400000}, {"count": 328.94444444444446, "time": 1328644800000}, {"count": 788.86111111111109, "time": 1328659200000}, {"count": 441.77777777777777, "time": 1328673600000}, {"count": 101.33333333333333, "time": 1328688000000}, {"count": 37.388888888888886, "time": 1328702400000}, {"count": 264.27777777777777, "time": 1328716800000}, {"count": 293.75, "time": 1328731200000}, {"count": 794.33333333333337, "time": 1328745600000}, {"count": 434.38888888888891, "time": 1328760000000}, {"count": 104.02777777777777, "time": 1328774400000}, {"count": 36.694444444444443, "time": 1328788800000}, {"count": 253.97222222222223, "time": 1328803200000}, {"count": 329.5625, "time": 1328817600000}, {"count": 70.0, "time": 1328832000000}, {"count": 467.33333333333331, "time": 1328846400000}, {"count": 120.86111111111111, "time": 1328860800000}, {"count": 39.138888888888886, "time": 1328875200000}, {"count": 249.66666666666666, "time": 1328889600000}, {"count": 334.30555555555554, "time": 1328904000000}, {"count": 815.86111111111109, "time": 1328918400000}, {"count": 475.05555555555554, "time": 1328932800000}], "grand_central": [{"count": 22.842105263157894, "time": 1328356800000}, {"count": 143.57894736842104, "time": 1328371200000}, {"count": 329.94736842105266, "time": 1328385600000}, {"count": 411.57894736842104, "time": 1328400000000}, {"count": 255.42105263157896, "time": 1328414400000}, {"count": 89.578947368421055, "time": 1328428800000}, {"count": 14.368421052631579, "time": 1328443200000}, {"count": 99.84210526315789, "time": 1328457600000}, {"count": 220.31578947368422, "time": 1328472000000}, {"count": 301.73684210526318, "time": 1328486400000}, {"count": 141.89473684210526, "time": 1328500800000}, {"count": 75.0, "time": 1328515200000}, {"count": 56.315789473684212, "time": 1328529600000}, {"count": 606.66666666666663, "time": 1328538796000}, {"count": 196.58333333333334, "time": 1328544000000}, {"count": 405.21052631578948, "time": 1328558400000}, {"count": 27.857142857142858, "time": 1328560024000}, {"count": 683.71428571428567, "time": 1328572800000}, {"count": 492.21052631578948, "time": 1328587200000}, {"count": 73.0, "time": 1328601600000}, {"count": 72.578947368421055, "time": 1328616000000}, {"count": 767.68421052631584, "time": 1328630400000}, {"count": 467.21052631578948, "time": 1328644800000}, {"count": 1003.578947368421, "time": 1328659200000}, {"count": 501.63157894736844, "time": 1328673600000}, {"count": 73.421052631578945, "time": 1328688000000}, {"count": 62.157894736842103, "time": 1328702400000}, {"count": 531.0, "time": 1328716800000}, {"count": 405.68421052631578, "time": 1328731200000}, {"count": 1038.3157894736842, "time": 1328745600000}, {"count": 511.31578947368422, "time": 1328760000000}, {"count": 79.15789473684211, "time": 1328774400000}, {"count": 63.05263157894737, "time": 1328788800000}, {"count": 536.68421052631584, "time": 1328803200000}, {"count": 458.21052631578948, "time": 1328817600000}, {"count": 1025.2105263157894, "time": 1328832000000}, {"count": 561.84210526315792, "time": 1328846400000}, {"count": 101.89473684210526, "time": 1328860800000}, {"count": 58.789473684210527, "time": 1328875200000}, {"count": 481.31578947368422, "time": 1328889600000}, {"count": 479.89473684210526, "time": 1328904000000}, {"count": 1072.421052631579, "time": 1328918400000}, {"count": 508.84210526315792, "time": 1328932800000}]}