d3 handle data in multiple arrays

Question

I'm trying to plot a multi-line graph. I know how to build a d3 graph with one line, and I know how to build a d3 graph with multiple lines with the data is organized as such:

id, value1, value2
1, 10, 20
2, 10, 20
3, ...

However, my data is currently in three different 2D arrays. Is there a built in d3 function that I can use to plot three lines on the same graph with this data? Or do I have to manually construct three lines and add each of them to the svg.

adilapapaya · Accepted Answer · 2014-05-26 18:46:22Z

3

Not sure if this answers your question completely but can you combine the three 2D arrays into a single array and then pass that array into your plotting function? E.g. something like this:

var data = [data1,data2,data3];
var graph = svg.append('g').selectAll('graph')
               .data(data)
               .enter().append('g')
               .attr('class','graph');

graph.append('path')
     .attr('d',function(dat,i){
         // dat in this case will correspond to the data for
         // for a single curve.
         // This will return the path for
         // graphing a single curve.    
     });

answered May 26, 2014 at 18:46

adilapapaya

4,7953 gold badges28 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

d3 handle data in multiple arrays

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related