Design Driven Engineer
Public
Edited
May 22
peaks = await d3.csv("https://raw.githubusercontent.com/rfordatascience/tidytuesday/refs/heads/main/data/2025/2025-01-21/peaks_tidy.csv").then(response => response)
Inputs.table(peaks)
exp = await d3.csv("https://raw.githubusercontent.com/rfordatascience/tidytuesday/refs/heads/main/data/2025/2025-01-21/exped_tidy.csv").then(response => response)
viewof search = Inputs.search(exp, { placeholder: 'search for expidition data...' })
Inputs.table(search)
// viewof sel_country = Inputs.radio([...new Set(exp.map(item => item['NATION']))], {label: "Host Country"})
viewof sel_country = Inputs.select([...new Set(exp.map(d => d['NATION']))], { label: 'Select country', sort: true })
Inputs.table(exp.filter(d => d['NATION'] == sel_country), { columns: ['PEAKID', 'YEAR', 'NATION', 'SEASON_FACTOR', 'HOST_FACTOR', 'SUCCESS1', 'CLAIMED', 'DISPUTED'] })
exp.filter(d => d['NATION'] == sel_country).length
viewof t = Inputs.table(exp, { columns: ["YEAR", "LEADERS", "SUCCESS1", "BCDATE", "SMTDATE"] })
Inputs.table(aq.from(exp).groupby('SEASON_FACTOR').count())
seasonwise = aq.from(exp).groupby('SEASON_FACTOR', 'SUCCESS1').count().orderby('SEASON_FACTOR', aq.desc('SUCCESS1'))
Inputs.table(seasonwise)
Plot.plot({
color: {legend: true},
marks: [
Plot.barY(seasonwise, {
x: "SEASON_FACTOR",
y: "count",
fill: 'SUCCESS1',
sort: {x: "y", reverse: true}}),
Plot.ruleY([0])
]
})
countrywise = aq.from(exp).groupby('NATION', 'SUCCESS1').count().orderby('count', 'SUCCESS1')
Inputs.table(countrywise)
Plot.plot({
marginLeft: 150,
width: width,
color: { legend: true },
marks: [
Plot.barX(countrywise, {
y: 'NATION',
x: 'count',
fill: 'SUCCESS1',
sort: {y: "x", reverse: true},
})
]
})
viewof c = Inputs.select(new Set([...countrywise.array('NATION')]), {sort: true})
Plot.plot({
color: { legend: true },
marks: [
Plot.rectY(countrywise.filter(d => d['NATION'] == c), Plot.binX({y: "count"}, {x: "count", fy: 'SUCCESS1'})),
Plot.ruleY([0])
]
})
import {SummaryTable} from "@observablehq/summary-table"
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.
