Create an SVG document that simulates a clock with a pendulum (i.e., hour hand, minute hand, pendulum). An example image is shown in Fig. 20.28.

Question

Answer 1

```
1
2
3
4
5
6
7
8Clock and pendulum
9
10
11 12 style = "fill: brown; stroke: black;
13 stroke-width: 5px"/>
14
15
16
17
18 19 style = "fill: tan; stroke: black;
20 stroke-width: 2px"/>
21
22
23 1
24 2
25 3
26 4
27 5
28 6
29 7
30 8
31 9
32 10
33 11
34 12
35
36
37
38
39
40 41 style = "fill: darkgrey; stroke: black"/>
42
43
44
45
46
47
48 49 style = "stroke: darkblue; stroke-width: 2px">
50 51 type="rotate" from="0" to="360" dur="1800s"
52 repeatCount = "indefinite"/>
53
54
55
56 57 style = "stroke: black; stroke-width: 3px">
58 59 type="rotate" from="0" to="360" dur="21600s"
60 repeatCount = "indefinite"/>
61
62
63
64
65
66
67
68
69
70 71 type="rotate" values="10; -10; 10" dur="1s"
72 repeatCount = "indefinite"/>
73
74 75 style = "stroke: brown; stroke-width: 2px"/>
76
77 78 style = "fill: brown"/>
79
80
81
82
83
84
```