Senior Art Editor at Nature News in London.
Public
Edited
Oct 17, 2023
data = FileAttachment("Number of papers 2019-2021@1.csv").csv({ typed: true })
numberOfPaperschart = Plot.plot({
marginLeft: 150,
x: { grid: true, domain: [0, 500_000], label: "Number of papers" },
marks: [
Plot.barX(
data.filter((d) => d.measure === "Number of papers"),
{
x: "value",
y: "country_english",
fill: (d) => (d["country_english"] === "Japan" ? "#eb5b25" : "#36a9e1"),
sort: { y: "x", reverse: true }
}
),
Plot.ruleX([0])
]
})
top10chart = Plot.plot({
marginLeft: 150,
x: { grid: true, domain: [0, 60_000], label: "Top 10%" },
marks: [
Plot.barX(
data.filter((d) => d.measure === "Top 10%"),
{
x: "value",
y: "country_english",
fill: (d) => (d["country_english"] === "Japan" ? "#eb5b25" : "#36a9e1"),
sort: { y: "x", reverse: true }
}
),
Plot.ruleX([0])
]
})
top1chart = Plot.plot({
marginLeft: 150,
x: { grid: true, domain: [0, 60_000], label: "Top 1%" },
marks: [
Plot.barX(
data.filter((d) => d.measure === "Top 1%"),
{
x: "value",
y: "country_english",
fill: (d) => (d["country_english"] === "Japan" ? "#eb5b25" : "#36a9e1"),
sort: { y: "x", reverse: true }
}
),
Plot.ruleX([0])
]
})
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.
