opiskelija_id,ryhma_id,opintojakso,laajuus,arvio,arviointipvm
297,1,Asiakkuuksien rakentaminen,5,S,19971216
168,2,Asiakkuuksien rakentaminen,5,S,19981213
167,2,Asiakkuuksien rakentaminen,10,S,19980611
166,2,Asiakkuuksien rakentaminen,15,S,19980603
165,2,Asiakkuuksien rakentaminen,10,S,19981213
164,2,Asiakkuuksien rakentaminen,5,S,19960530
163,2,Asiakkuuksien rakentaminen,5,S,19971215
162,2,Asiakkuuksien rakentaminen,10,S,19970602
161,2,Asiakkuuksien rakentaminen,5,S,19981213
160,2,Asiakkuuksien rakentaminen,5,S,19981213
2,1,Asiakkuuksien rakentaminen,5,S,19981213
1,1,Asiakkuuksien rakentaminen,5,S,19971217
151,3,Asiakkuus,10,S,19950911
150,3,Asiakkuus,10,0,19970828
149,3,Asiakkuus,10,4,19960614
148,3,Asiakkuus,10,4,19960514

function update(){

var change = document.getElementById('test').value;


        //Data
        var circles = svg.selectAll("circle")
            .data(data);


        //Enter
        circles.enter().append("circle")
                            .attr("r", 0)
                            .attr("cx", function(d) { return xScale(d.arviointipvm); })
                            .attr("cy", function(d, i){return i*15});


        //Update
        circles.filter(function(d) { return d.opintojakso == change})
            .attr("fill", function(d){return colorScale(d.arvio)})
            .on("mouseover", function(d){return tooltip.style("visibility", "visible")
                                                    .style("top",(d3.event.pageY-10)+"px")
                                                    .style("left",(d3.event.pageX+10)+"px")
                                                    .html("Opintojakso: " + d.opintojakso
                                                    +"<br />Arviointipvm: "+d.arviointipvm.getDate()+"."+(d.arviointipvm.getMonth()+1)+"."+d.arviointipvm.getFullYear()
                +"<br /> Arvio: "+d.arvio+"<br /> Opiskelija_Id: "+d.opiskelija_id)})
            .on("mouseout", function(){return tooltip.style("visibility", "hidden");})
            .transition()
            .attr("r", 8);

        //Exit
        circles.exit().remove();
}

update();

var f_data = data.filter(function(d){
  return (d.opintojakso === change);
});

svg.selectAll("circle")
  .data(f_data, function(d){
    return d.opiskelija_id;
  });