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.
Unlisted
Edited
Apr 20, 2023
download_button = DOM.download(() => rasterize(graph), "graph", "Save as PNG")
import { rasterize } from "@mbostock/saving-svg"
kings_board_statement = {
if (kings_board_selector.name != "---") {
return md`How many ways are there to place non-attacking Kings on a chessboard of dimensions ${tex`${kings_board_selector.m} \times ${kings_board_selector.n}`}?`;
} else {
return md``;
}
}
names = [
{ name: "---" },
{ name: "Alyson", seed: 22 },
{ name: "Andrew", seed: 1 },
{ name: "Audrey", seed: 23 },
{ name: "Brian", seed: 2 },
{ name: "Chris", seed: 3 },
{ name: "Christopher", seed: 4 },
{ name: "Elliot", seed: 5 },
{ name: "Ethan", seed: 6 },
{ name: "Gavin", seed: 7 },
{ name: "Haley", seed: 8 },
{ name: "Hunter", seed: 9 },
{ name: "Jacob B", seed: 10 },
{ name: "Jacob T", seed: 11 },
{ name: "Jahfari", seed: 12 },
{ name: "Jasmine", seed: 13 },
{ name: "Joel", seed: 14 },
{ name: "Jonathan", seed: 15 },
{ name: "Matthew", seed: 16 },
{ name: "Nadia", seed: 17 },
{ name: "Patrick", seed: 18 },
{ name: "Seth", seed: 19 },
{ name: "Taylor", seed: 20 },
{ name: "William", seed: 21 }
]
links = [
["A", "B"],
["A", "B"],
["A", "C"],
["A", "D"],
["B", "C"],
["B", "D"],
["C", "D"],
["C", "D"]
]
.map(make_link)
.join("\n")
source = d3.randomLcg((name.seed + 1) / 42)
d3.randomUniform.source(source)(0, 1)()
function make_link([u, v]) {
if (d3.randomUniform.source(source)(0, 1)() < 0.5) {
[u, v] = [v, u];
}
let label = Math.ceil(8 * d3.randomUniform.source(source)(0, 1)());
return `${u} -> ${v} [label=${label}]`;
}
dot_source = `digraph {
A [pos = "0,2!"]
B [pos = "2,2!"]
C [pos = "2,0!"]
D [pos = "0,0!"]
${links}
}`
dot`${dot_source}`
d3 = require("d3@7", "d3-graphviz@2")
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.
