created by water, a live-coding editor (http://water.gabrielflor.it)

water.js

var chart = d3.select('svg');

//chart.append("circle")
 //           .attr('r', 100)
 //           .attr('cx', 100)
//            .attr('cy', 100);
            
            
chart.append("line")
        .attr('x1', 200)
        .attr('y1', 50)
        .attr('x2', 200)
        .attr('y2', 200)
        .attr('stroke-width', 2)
        .attr('stroke', 'black');
        
chart.append("line")
        .attr('x1', 200)
        .attr('y1', 50)
        .attr('x2', 200)
        .attr('y2', 200)
        .attr('stroke-width', 2)
        .attr('stroke', 'black')
        .attr('transform', 'rotate(250, 200, 200)');
        
chart.append("line")
        .attr('x1', 200)
        .attr('y1', 50)
        .attr('x2', 200)
        .attr('y2', 200)
        .attr('stroke-width', 2)
        .attr('stroke', 'black')
        .attr('transform', 'rotate(130, 200, 200)');
        
chart.append("line")
        .attr('x1', 200)
        .attr('y1', 70)
        .attr('x2', 70)
        .attr('y2', 250)
        .attr('stroke-width', 2)
        .attr('stroke', 'gray')
        
chart.append("line")
        .attr('x1', 200)
        .attr('y1', 70)
        .attr('x2', 257)
        .attr('y2', 249)
        .attr('stroke-width', 2)
        .attr('stroke', 'gray')
        
chart.append("line")
        .attr('x1', 70)
        .attr('y1', 2)
        .attr('x2', 257)
        .attr('y2', 249)
        .attr('stroke-width', 2)
        .attr('stroke', 'gray')