1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
|
// Create and draw x and y axes
function add_axes(selection, dims, settings, scales) {
// x axis
selection.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + dims.height + ")")
.style("font-size", settings.axes_font_size)
.call(scales.xAxis);
// y axis
selection.append("g")
.attr("class", "y axis")
.style("font-size", settings.axes_font_size)
.call(scales.yAxis);
// x axis label
selection.append("text")
.attr("class", "x-axis-label")
.attr("transform", "translate(" + (dims.width - 5) + "," + (dims.height - 6) + ")")
.style("text-anchor", "end")
.style("font-size", settings.axes_font_size)
.text(settings.xlab);
// y axis label
selection.append("text")
.attr("class", "y-axis-label")
.attr("transform", "translate(5,6) rotate(-90)")
.attr("dy", ".71em")
.style("text-anchor", "end")
.text(settings.ylab);
}
// Add unit circle
function add_unit_circle(selection, scales) {
selection
.attr('cx', scales.x(0))
.attr('cy', scales.y(0))
.attr('rx', scales.x(1)-scales.x(0))
.attr('ry', scales.y(0)-scales.y(1))
.style("stroke", "#888")
.style("fill", "none")
.style("opacity", "1");
}
|
