<3<3
d3js
<3<3
Part Deux
More skill sharpening practice... continuing from
yesterday.
Some standard experiments...
Chord + arc - simple [d3.svg.chord, d3.svg.arc]
Chord - proper [d3.svg.chord]
Unique chord vals per D property [d3.svg.chord]
0.0
4.0
2.0
0
1
2
3
7
12
6
11
9
13
4
16
21
24
0
1
4
8
5
6
3
7
11
16
0
1
2
3
6
8
14
18
13
19
7
0
1
3
4
2
8
6
12
15
14
7
X axis - [d3.svg.axis]
0.0
1.0
2.0
0.0
1.0
0
2
3
6
5
7
10
11
1
0.0
2.0
4.0
6.0
Y axis - [d3.svg.axis]
154
98
34
239
200
21
114
196
50
247
74
174
Diagonal radial cluster - [d3.layout.cluster]
Check out the power of iterating over chord layouts with different parameters, so easily done with
d3.range
:
Randomized - 1 [d3.svg.chord]
Randomized - 2 [d3.svg.chord]
Randomized - 3 [d3.svg.chord]
Randomized - 4 [d3.svg.chord]
Randomized - 5 [d3.svg.chord]
Randomized - 6 [d3.svg.chord]
Randomized - 7 [d3.svg.chord]
Randomized - 8 [d3.svg.chord]
Randomized - 9 [d3.svg.chord]
Randomized - 10 [d3.svg.chord]
Scale types, illustrated through examples
1
17.466666666666665
33.93333333333333
50.4
66.86666666666666
83.33333333333333
Scale - [d3.scale.linear]
1
17.466666666666665
33.93333333333333
50.4
66.86666666666666
83.33333333333333
Scale - [d3.scale.linear - clamped]
1
14.722222222222223
28.444444444444446
42.166666666666664
55.88888888888889
69.61111111111111
Scale - [d3.scale.linear - nice]
10
24.666666666666664
39.33333333333333
53.99999999999999
68.66666666666666
83.33333333333333
Scale - [d3.scale.linear - rangeRound]
1
17.466666666666665
33.93333333333333
50.4
66.86666666666666
83.33333333333333
Scale - [d3.scale.power]
1
1
83.33333333333333
83.33333333333333
166.66666666666666
166.66666666666666
Scale - [d3.scale.quantize]
1
1
83.33333333333333
83.33333333333333
166.66666666666666
166.66666666666666
Scale - [d3.scale.quantile]