How to make an example of a line with a title in d3.js?

Question

JavaScript

I make a graph using d3 js, there is a style for the line like this:

.lineone path.line {
    fill: none;
    stroke: red;
    stroke-width: 2;
    stroke-dasharray: 10, 5;
}

circle.lineone {
    fill: red;
    stroke: red;

}

And the code for adding a label for the line at the bottom of the chart.

svg.append("g")
        .append('text')
        .attr("class", "chart-label-actual")
        .text(' Label for lineone')
        .attr('x', 1)
        .attr('y', height - 50)

The question is how to draw a straight line as an example on the right side of the label? A straight line with styles for .lineone ?

Answer 1

svg.append("g")
        .append("line")
        .attr("x1", width - 100)
        .attr("y1", height - 55)
        .attr("x2", width - 30)
        .attr("y2", height - 55)
        .attr("class", "lineone");