Public
Edited
Dec 24, 2022
Insert cell
Insert cell
nl = [22, 9, 10, 6, 5, 14, 4, 5, 18, 20, 9, 7, 10, 1, 1, 18, 7, 5, 12, 5, 33, 14, 15, 16, 27, 29, 36, 31, 10, 21, 14, 9,
14, 5, 43, 14, 53, 14, 8, 15, 32, 34, 4, 26, 5, 22, 31, 31, 20, 1, 3, 8, 36, 7, 23, 68, 8, 5, 20, 7, 9, 6, 2, 5, 19, 75, 32, 19, 6, 15, 18, 13, 40, 85, 5, 16, 21, 2, 12, 9, 3, 5, 68, 91, 71, 5, 23, 9, 12, 8, 9, 20, 46, 5, 89, 47, 11, 34, 22, 1, 32, 117, 1, 88, 108, 12, 4, 58, 7, 94, 96, 98, 1, 20, 15, 72, 18, 45, 46, 133, 20, 39, 41, 15, 13, 4, 139, 33, 43, 2, 18, 21, 9, 11, 118, 3, 150, 16, 18, 90, 19, 9, 84, 5, 77, 57, 5, 11, 125, 14, 86, 6, 19, 83, 44, 7, 15, 46, 81, 18, 160, 2, 28, 165, 16, 169, 165, 67, 16, 139, 18, 66, 31, 22, 15, 12, 7, 20, 152, 149, 13, 108, 176, 84, 1, 12, 45, 14, 165, 173, 19, 33, 51, 6, 98, 77, 118, 48, 13, 164, 170, 168, 110, 26, 28, 14, 81, 12, 11, 43, 75, 12, 200, 202, 140, 16, 33, 16, 12, 99, 19, 175, 83, 20, 22, 18, 40, 203, 173, 73, 199, 28, 6, 20, 81, 71, 258, 208, 260, 40, 12, 6, 70, 91, 23, 266, 6, 4, 18, 168, 72, 34, 63, 33, 35, 168, 14, 219, 269, 63, 284, 111, 14, 76, 78, 251, 253, 118, 123, 32, 275, 73, 61, 14, 21, 12, 260, 108, 74, 113, 62, 37].map((n, i) => {return {i, n}})
Insert cell
vl.markBar({width: 2}).data(nl)
.encode(
vl.x().fieldQ('i').scale({domain: [0, 290]}),
vl.y().fieldQ("n"),
vl.tooltip().fieldQ("n")
).width(1000).render();
Insert cell
fr = [9,12,25,1,20,18,5,14,20,5,3,9,14,17,1,14,19,12,5,17,21,38,26,5,10,47,14,13,27,44,14,5, 21, 6, 3, 33, 20, 46, 30, 32, 22, 38, 7, 20, 19, 5, 16, 20, 44, 6, 15, 18, 13, 30, 4, 5, 6, 9, 3, 8, 9, 5, 18, 7, 9, 6, 5, 20, 1, 9, 20, 16, 21, 2, 12, 87, 44, 3, 32, 30, 58, 18, 81, 61, 76, 78, 80, 9, 79, 7, 5, 19, 35, 22, 5, 23, 27, 86, 35, 117, 20, 109, 5, 128, 20, 35, 41, 57, 72, 1, 18, 61, 46, 5, 12, 106, 85, 14, 9, 139, 109, 15, 13, 16, 32, 19, 19, 9, 15, 14, 21, 20, 27, 9, 71, 72, 15, 21, 18, 44, 19, 90, 6, 19, 76, 14, 3, 158, 155, 57, 31, 117, 2, 87, 14, 1, 120, 3, 81, 19, 13, 15, 158, 169, 32, 16, 93, 96, 91, 19, 21, 57, 71, 139, 172, 129, 36, 86, 6, 6, 151, 196, 96, 166, 98, 160, 19, 41, 61, 19, 109, 38, 17, 16, 163, 32, 177, 150, 36, 160, 139, 12, 156, 13, 88, 15, 208, 74, 162, 38, 127, 236, 88, 18, 15, 7, 30, 154, 156, 172, 218, 81, 21, 24, 37, 39, 197, 4, 163, 49, 153, 24, 254, 21, 49, 31, 15, 226, 21, 30, 77, 261, 32, 9, 49, 251, 17, 71, 270, 225, 39, 71, 73, 8, 47, 97, 263, 34, 4, 238, 18, 240, 242, 174, 34, 240, 160, 57, 59, 49, 240, 67, 14, 69, 248, 24].map((n, i) => {return {i, n}})
Insert cell
vl.markBar({width: 2}).data(fr)
.encode(
vl.x().fieldQ('i').scale({domain: [0, 290]}),
vl.y().fieldQ("n")
).width(1000).render();
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more