d3.js, besoin de traduction front-end ?

salut tout le monde :

en tant que programmeur back-end , je n'ai pas reussi a dechifre quelque etape du code suivant , il me faut le comprendre absolument pour l'ajouter au site vous pouvez me le commenter svp , merci d'avance :

d3.csv('data/bycountry.csv')
                .then(function(data){
                    console.log(data)
                    var myGroups = d3.select('svg')
                        .selectAll('g')
                        .data(data)
                        .enter()
                        .append('g') 
                    myGroups.append('rect')
                        .attr('width', (d, i) => d.num)
                        .attr('height', 5)
                        .attr('y', (d, i) => i * 6)
                        .style('opacity', .2)
                        myGroups.append('g')
                        .attr('transform', (d, i) => 'translate(0,' + (i*6) + ')')
                        .selectAll('circle')
                        .data((d, i) => d3.range(d.num))
                        .enter()
                        .append('circle')
                        .attr('r', 2)
                        .attr('cx', (d, i) => i*5)
                        myGroups.append('text')
                        .text((d, i) => d.country)
                        .attr('y', (d, i) => i * 6)
                        .attr('x', 50)
                        .style('opacity', 0)
                         })