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
46
47
48
49
50
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="40 25 320 70">
<!-- Main number line -->
<line x1="50" y1="50" x2="350" y2="50" stroke="black" stroke-width="2"/>
<polyline points="57, 43 50, 50 57, 57 50, 50" stroke="black" stroke-width="1.4"/>
<polyline points="343, 43 350, 50 343, 57 350, 50" stroke="black" stroke-width="1.4"/>
<!-- Uniform tick marks (without first and last) -->
<line x1="70" y1="45" x2="70" y2="55" stroke="black" stroke-width="1"/>
<line x1="80" y1="45" x2="80" y2="55" stroke="black" stroke-width="1"/>
<line x1="90" y1="45" x2="90" y2="55" stroke="black" stroke-width="1"/>
<line x1="100" y1="45" x2="100" y2="55" stroke="black" stroke-width="1"/>
<line x1="110" y1="45" x2="110" y2="55" stroke="black" stroke-width="1"/>
<line x1="120" y1="45" x2="120" y2="55" stroke="black" stroke-width="1"/>
<line x1="130" y1="45" x2="130" y2="55" stroke="black" stroke-width="1"/>
<line x1="140" y1="45" x2="140" y2="55" stroke="black" stroke-width="1"/>
<line x1="150" y1="45" x2="150" y2="55" stroke="black" stroke-width="1"/>
<line x1="160" y1="45" x2="160" y2="55" stroke="black" stroke-width="1"/>
<line x1="170" y1="45" x2="170" y2="55" stroke="black" stroke-width="1"/>
<line x1="180" y1="45" x2="180" y2="55" stroke="black" stroke-width="1"/>
<line x1="190" y1="45" x2="190" y2="55" stroke="black" stroke-width="1"/>
<line x1="200" y1="45" x2="200" y2="55" stroke="black" stroke-width="1"/>
<line x1="210" y1="45" x2="210" y2="55" stroke="black" stroke-width="1"/>
<line x1="220" y1="45" x2="220" y2="55" stroke="black" stroke-width="1"/>
<line x1="230" y1="45" x2="230" y2="55" stroke="black" stroke-width="1"/>
<line x1="240" y1="45" x2="240" y2="55" stroke="black" stroke-width="1"/>
<line x1="250" y1="45" x2="250" y2="55" stroke="black" stroke-width="1"/>
<line x1="260" y1="45" x2="260" y2="55" stroke="black" stroke-width="1"/>
<line x1="270" y1="45" x2="270" y2="55" stroke="black" stroke-width="1"/>
<line x1="280" y1="45" x2="280" y2="55" stroke="black" stroke-width="1"/>
<line x1="290" y1="45" x2="290" y2="55" stroke="black" stroke-width="1"/>
<line x1="300" y1="45" x2="300" y2="55" stroke="black" stroke-width="1"/>
<line x1="310" y1="45" x2="310" y2="55" stroke="black" stroke-width="1"/>
<line x1="320" y1="45" x2="320" y2="55" stroke="black" stroke-width="1"/>
<line x1="330" y1="45" x2="330" y2="55" stroke="black" stroke-width="1"/>
<!-- Short interval (open left, closed right) -->
<line x1="105" y1="75" x2="120" y2="75" stroke="#2f8dbc" stroke-width="2"/>
<circle cx="100" cy="75" r="4" stroke="#2f8dbc" stroke-width="2" fill="transparent"/>
<circle cx="120" cy="75" r="4" stroke="#2f8dbc" stroke-width="2" fill="#2f8dbc"/>
<!-- Medium interval (closed left, open right) -->
<line x1="200" y1="75" x2="265" y2="75" stroke="#2f8dbc" stroke-width="2"/>
<circle cx="200" cy="75" r="4" stroke="#2f8dbc" stroke-width="2" fill="#2f8dbc"/>
<circle cx="270" cy="75" r="4" stroke="#2f8dbc" stroke-width="2" fill="transparent"/>
<!-- Long interval (closed left, extending to infinity) -->
<line x1="300" y1="75" x2="350" y2="75" stroke="#2f8dbc" stroke-width="2"/>
<circle cx="300" cy="75" r="4" stroke="#2f8dbc" stroke-width="2" fill="#2f8dbc"/>
<polyline points="343, 67 350, 75 343, 83 350, 75" stroke="#2f8dbc" stroke-width="1.4"/>
</svg>
|
