Public
Edited
Mar 21, 2023
Importers
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
sec_structure = [
{ id: "1-2" },
{ id: "1-4", parentId: "1-2" },
{ id: "2-3", parentId: "1-2" },
{ id: "1-8", parentId: "1-4" },
{ id: "4-5", parentId: "1-4" },
{ id: "2-7", parentId: "2-3" },
{ id: "3-6", parentId: "2-3" },
{ id: "6-11", parentId: "3-6" },
{ id: "7-10", parentId: "2-7" },
{ id: "11-14", parentId: "6-11" },
{ id: "8-9", parentId: "1-8" },
{ id: "5-12", parentId: "4-5" },
{ id: "12-13", parentId: "5-12" }
]
Insert cell
Insert cell
sec_games = {
let sec_games;
if (display == "empty") {
// List of games should be empty
sec_games = [];
} else if (display == "start") {
// List just the initial seed placement with no score data.
sec_games = [
["1-8", { top_team: "Alabama" }],
["2-7", { top_team: "Texas A&M" }],
["3-6", { top_team: "Kentucky" }],
["4-5", { top_team: "Missouri" }],
["5-12", { top_team: "Tennessee" }],
["6-11", { top_team: "Vanderbilt" }],
["7-10", { top_team: "Auburn", bot_team: "Arkansas" }],
["8-9", { top_team: "Florida", bot_team: "Mississippi St" }],
["11-14", { top_team: "Georgia", bot_team: "LSU" }],
["12-13", { top_team: "South Carolina", bot_team: "Mississippi" }]
];
} else if (display == "finish") {
// List out results associated with each seed pair.
sec_games = [
[
"7-10",
{
top_team: "Auburn",
bot_team: "Arkansas",
top_score: 73,
bot_score: 76
}
],
[
"8-9",
{
top_team: "Florida",
bot_team: "Mississippi St",
top_score: 68,
bot_score: 69
}
],
[
"11-14",
{ top_team: "Georgia", bot_team: "LSU", top_score: 67, bot_score: 72 }
],
[
"12-13",
{
top_team: "South Carolina",
bot_team: "Mississippi",
top_score: 68,
bot_score: 69
}
],
[
"5-12",
{
top_team: "Tennesee",
bot_team: "Mississippi",
top_score: 70,
bot_score: 55
}
],
[
"6-11",
{
top_team: "Vanderbilt",
bot_team: "LSU",
top_score: 77,
bot_score: 68
}
],
[
"1-8",
{
top_team: "Alabama",
bot_team: "Mississippi St",
top_score: 72,
bot_score: 49
}
],
[
"4-5",
{
top_team: "Missouri",
bot_team: "Tennessee",
top_score: 79,
bot_score: 71
}
],
[
"2-7",
{
top_team: "Texas A&M",
bot_team: "Arkansas",
top_score: 67,
bot_score: 61
}
],
[
"3-6",
{
top_team: "Kentucky",
bot_team: "Vanderbilt",
top_score: 73,
bot_score: 80
}
],
[
"1-4",
{
top_team: "Alabama",
bot_team: "Missouri",
top_score: 72,
bot_score: 61
}
],
[
"2-3",
{
top_team: "Texas A&M",
bot_team: "Vanderbilt",
top_score: 87,
bot_score: 75
}
],
// The championship game
[
"1-2",
{
top_team: "Alabama",
bot_team: "Texas A&M",
top_score: 82,
bot_score: 63,
top_champion: true // Alabama wins it all!
}
]
];
}

return new Map(sec_games);
}
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
<style>
.NC {
border: solid 3px blue !important;
}
.NC > .team {
background-color: #aaf;
}

</style>
Insert cell
Insert cell
Insert cell
Insert cell
// Note that you've got to execute styles in the notebook;
// it's not sufficient to just import it.
styles
Insert cell
import { graph, stratified_big_south_pic } from "77c3660b9750b297"
Insert cell
import { game_container, styles } from "690c6934394e5f86"
Insert cell

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.
Learn more