D3 jQuery range slider does not work

Vote count: 0

I have searched stackoverflow but I couldn't find a solution for my case.
I am doing a simple interactive visualization with D3. I want to include a range slider for users to select a range. Then create a filter function that filters the data based on the selected range and updates the visualization. The range slider just does not show up in my browser (both Chrome and Safari).

Relevant code:

Stocks Scatterplot

jQuery:

$(function() {
  $("#assits").slider({
    range: true,
    min: 0,
    max: maxAssists,
    values:[0,maxAssists],
    slide: function(event, ui) {
      $("#assistamount").val(ui.values[0]+"-"+ui.values[1]);
      filterAssists(ui.values);}
    });
  $("#assistamount").val($("#assits").slider("values",0) + "-" + $("#assits").slider("values",1));
});

Any thoughts? Thanks in advance.

asked 59 secs ago

Emile

Let's block ads! (Why?)

D3 jQuery range slider does not work