Filter on button click D3.js?

Posted by user1461701 on Stack Overflow See other posts from Stack Overflow or by user1461701
Published on 2012-06-17T21:12:34Z Indexed on 2012/06/17 21:16 UTC
Read the original article Hit count: 343

Filed under:

d3.js

I'm working on a version of this bubble chart http://vallandingham.me/vis/gates/. As I'm using a different set of data - instead of the "All Grants" and "Grants by Year" buttons - I have one for 5 consecutive years - 2010, 2009 etc.

My opening graph depicts the data for 2010 which is achieved by filtering the data from the .csv file , which contains the data for all 5 years. The problem I'm having is filtering and re-rendering the graph if another year is then chosen.

I'd really appreciate it if anyone has any suggestions how I could simply achieve this?

Thanks,

Majella

Related posts about d3.js

D3.js binding an object to data and appending for each key

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm a D3.js newbie and I'm learning how to play around with data. Let's say I have an object with names as keys, and each key has an array of numbers like this: var userdata = { 'John' : [0, 1, 3, 9, 8, 7], 'Harry': [0, 10, 7, 1, 1, 11], 'Steve': [3, 1, 4, 4, 4, 17], 'Adam' : [4… >>> More
D3.js transition callback on frame

as seen on Stack Overflow - Search for 'Stack Overflow'
Does anyone know how I could accomplish a per frame callback for a transition with D3. Here is and example of what I am doing currently. link.transition() .duration(duration) .attr("d", diagonal) .each("end",function(e) { if(e.target.id == current) show_tooltip(e.target) … >>> More
d3.js force layout increase linkDistance

as seen on Stack Overflow - Search for 'Stack Overflow'
How to increase linkDistance without affecting the node alignment, example: http://mbostock.github.com/d3/talk/20110921/force.html when I try to increase the circle radius and linkDistance the it collapse <script type="text/javascript"> var w = 1280, h = 800, z = d3.scale.category20c(); var… >>> More
Having trouble animating Line in D3.js using and array of objects as data

as seen on Stack Overflow - Search for 'Stack Overflow'
I can't seem to get an animated transition between line graphs when I pass in a new set of data. I am using an array of objects as data like this: [{ clicks: 40 installs: 10 time: "1349474400000" },{ clicks: 61 installs: 3 time: "1349478000000" }]; I am using this… >>> More
Filter on button click D3.js?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm working on a version of this bubble chart http://vallandingham.me/vis/gates/. As I'm using a different set of data - instead of the "All Grants" and "Grants by Year" buttons - I have one for 5 consecutive years - 2010, 2009 etc. My opening graph depicts the data for 2010 which is achieved… >>> More

Developer IT