In d3.js, I am trying to add circles from two different datasets (actually two transformations of the same dataset) to the same SVG. Only the first ones are rendered : the other ones are not added (even if I look through the "element" pane). What am I doing wrong ? Thanks for your help

            canevas2.selectAll('circle')
                .data(dataSet1)
                .enter()
                .append('circle')
                    .attr('cx',(d,i) => 100+ (window.innerWidth-250)/4 *i)
                    .attr('cy',200)
                    .attr('r',d => d[1])
                    .attr('opacity',0.8)        


            canevas2.selectAll('circle')
                    .data(dataSet2)
                    .enter()
                    .append('circle')
                        .attr('cx',(d,i) => 100+ (window.innerWidth-250)/4 *i)
                        .attr('cy',200)
                        .attr('r',d => d[1])
                        .attr('opacity',0.8)        
            })