I'm a professor of mathematics at the University of North Carolina Asheville. I've also done a fair amount of consulting work over the years focusing on scientific and data visualization.
I'm happy to be part of the first Observable Ambassador's cohort.
// Computation of the mean, standard deviation, and z-score.
msz = {
let n = data.map((o) => o.Total);
let m = d3.mean(n);
let s = d3.deviation(n);
let q = d3.quantile(n, 0.5);
let max = d3.max(n);
return { m: m, s: s, z: (21 - m) / s, q: q, max };
}
tippy = require("tippy.js@6")
data = {
let data = await FileAttachment("tennis_slams@1.csv").csv({ typed: true });
data.forEach(function (d) {
if (d.Player == "Carlos Alcaraz") {
d.Total = 2;
d.Wimbledon = 1;
}
});
return data;
}
data.filter((o) => o.Player.slice(0, 6) == "Carlos")
viewof update_data = Inputs.button("Update data")
{
if (update_data == 1) {
let data = await fetch(
"https://corsproxy.io/?https://www.landoftennis.com/statistics_men/grand_slam_most_titles.htm"
)
.then((r) => r.text())
.then(function (t) {
let data = [];
d3.select(html`${t}`)
.selectAll("table")
.nodes()
.forEach(function (t) {
let rows = d3.select(t).selectAll("tr");
rows.nodes().forEach(function (r) {
let this_data = d3
.select(r)
.selectAll("td")
.nodes()
.map(function (node, i) {
let value = d3.select(node).text();
value = value == "-" ? "0" : value;
if (i == 0) {
return ["Player", value];
} else if (i == 1) {
return ["Total", value];
} else if (i == 2) {
return ["Australian Open", value];
} else if (i == 3) {
return ["French Open", value];
} else if (i == 4) {
return ["US Open", value];
} else if (i == 5) {
return ["Wimbledon", value];
}
});
if (this_data[0][1] != "Player") {
data.push(Object.fromEntries(this_data));
}
});
});
return data;
});
return data;
} else {
return md``;
}
}
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.
