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);