JSFiddle - React, Tailwind, and code Playground

CSS

path {
    stroke: red;
    stroke-width: 1.5px;
}

JavaScript

var data = [
    {d: 'M 0 0 L 100 100'},
    {d: 'M 0 0 L 100 200'},
    {d: 'M 0 0 L 100 300'}
];

var svg = d3.select('body').append('svg').attr('width', 500).attr('height', 500)

var gs = svg.selectAll('g')
    .data(data)
    .enter()
    .append('g')
    .append('path')
    .attr('d', function (d) { return d.d; });