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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
import * as Plot from "https://cdn.jsdelivr.net/npm/@observablehq/plot@0.6/+esm";
const alphabet = [{
letter: "a",
frequency: 10,
}, {
letter: "b",
frequency: 15,
}, {
letter: "c",
frequency: 200,
}, {
letter: "d",
frequency: 25,
}, {
letter: "e",
frequency: 30,
}, {
letter: "f",
frequency: 35,
}, {
letter: "g",
frequency: 40,
}, {
letter: "h",
frequency: 45,
}, {
letter: "i",
frequency: 50,
}, {
letter: "j",
frequency: 55,
}, {
letter: "k",
frequency: 60,
}, {
letter: "l",
frequency: 65,
}, {
letter: "m",
frequency: 70,
}, {
letter: "n",
frequency: 75,
}, {
letter: "o",
frequency: 80,
}, {
letter: "p",
frequency: 85,
}, {
letter: "q",
frequency: 90,
}, {
letter: "r",
frequency: 95,
}, {
letter: "s",
frequency: 100,
}, {
letter: "t",
frequency: 105,
}, {
letter: "u",
frequency: 110,
}, {
letter: "v",
frequency: 115,
}, {
letter: "w",
frequency: 120,
}, {
letter: "x",
frequency: 125,
}, {
letter: "y",
frequency: 130,
}, {
letter: "z",
frequency: 135,
}];
const plot = Plot.dot(alphabet, {
x: "letter",
r: "frequency",
tip: true,
}).plot();
const div = document.querySelector("#myplot");
div.append(plot);
Val Town is a social website to write and deploy JavaScript.
Build APIs and schedule functions from your browser.
Comments
Nobody has commented on this val yet: be the first!
April 23, 2024