Public
Edited
Dec 5, 2024
Insert cell
Insert cell
dataset=FileAttachment("gsc_data_v5.csv").csv()
Insert cell
Insert cell
Insert cell
Plot.plot({
marks: [
Plot.barX(dataset, Plot.groupY({x: "count"}, {y: "URL", fill: "#65a7ff", sort: {y: "x", reverse: true, limit: 10}})),
Plot.ruleX([0])
],
marginLeft: 300
})

Insert cell
Plot.plot({
marks: [
Plot.barX(
dataset,
Plot.groupY(
{ x: "count" },
{ y: "URL", fill: "#65a7ff", sort: { y: "x", reverse: true, limit: 10 } }
)
),
Plot.ruleX([0])
],
y: {
tickFormat: d =>
d.replace(
/^(https?:\/\/[^/]+)(?:\/(.*))?$/,
(_, root, path) => (path ? path.replace(/\//g, "") : root)
)
},
marginLeft: 200
});

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