This is a markdown cell.
1+1
year = 2022
We can use the variable in markdown with a dollar sign and braces: ${year}.
We can also define an interactive input.
viewof name = Inputs.text({ label: "Character", value: "Snowy" })
And we call this variable in the same way : ${name}.
import {get_label} from "@pac02/user-level-gender-statistics-for-wikipedia"
get_label("Q1640056", "en")
query_characters = `SELECT ?character ?characterLabel ?book ?bookLabel ?rk WHERE {
?book p:P179 ?statement.
?statement ps:P179 wd:Q744536;
pq:P1545 ?rank.
BIND(xsd:integer(?rank) AS ?rk)
?book wdt:P674 ?character.
SERVICE wikibase:label { bd:serviceParam wikibase:language "en". }
}
ORDER BY (?rk) (?characterLabel)`
data_characters = fetch(
`https://query.wikidata.org/sparql?query=${encodeURIComponent(
query_characters
)}`,
{ headers: { accept: "application/sparql-results+json" } }
).then((d) => d.json())
import {aq, op} from "@uwdata/arquero"
df_characters = aq.from(data_characters.results.bindings.map(res => ({
rank: res.rk.value,
book: res.bookLabel.value,
character: res.characterLabel.value
})))
df_characters.view()// display only the 50 first lines
df_characters
.groupby("character")
.count()
.orderby(aq.desc("count"))
.view()
vl.markBar()
.data(
df_characters
.groupby("character")
.count() // count by character
.orderby(aq.desc("count"))
)
.encode(
vl.y().field('character') // y axis
.type('nominal') // nominal variable. Could also be 'quantitative' or 'ordinal'
.sort("count") // sort the bars
.title("Characters of Tintin"), // y axis title
vl.x().field('count') // x-axis
.type('quantitative') // quantitative variable
.title("Number of appearances"), // title of the x-axis
vl.tooltip(['character', 'count'])
)
.width(width) // full width
.render()
viewof range = Inputs.range([0, 24], {step: 1}, {label: "Nombre d'apparitions"})
vl.markBar()
.data(
df_characters
.groupby("character")
.count()
.orderby(aq.desc("count"))
.filter(aq.escape(d => d.count >= range)) // add a filter
)
.encode(
vl.y().field('character')
.type('nominal')
.sort("count")
.title("Characters of Tintin"),
vl.x().field('count')
.type('quantitative')
.title("Number of appearances"),
vl.tooltip(['character', 'count'])
)
.width(width)
.render()
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.
