Duncan Watts' lab at University of Pennsylvania
tbl2_final_7k = html`<div>${viewof table2Show_7k}</div><div>${
table2Show == "tem" ? tabel2_temporal_7k : table2_7k
} </div>`
viewof table2Show = radio({
title: "Table 2 Version",
options: [
{ label: "Summary", value: "bar" },
{ label: "Temporal", value: "tem" }
],
value: "tem"
})
viewof table2Show_7k = radio({
title: "Table 2 Version",
options: [
{ label: "Summary", value: "bar" },
{ label: "Temporal", value: "tem" }
],
value: "tem"
})
table2 = barheatmap(
tbl2_data.objects(),
"Video Location Method",
"Political Label",
["YT Homepage", "Search", "YT Channel", "YT Video", "External URLs", "Other"],
["fL", "L", "C", "AW", "R", "fR"]
)
table2_7k = barheatmap(
tbl2_7k_processed_data.objects(),
"Video Location Method",
"Political Label",
["YT Homepage", "Search", "YT Channel", "YT Video", "External URLs", "Other"],
["fL", "L", "C", "AW", "R", "fR"]
)
tabel2_temporal = timesHeatMap(
tbl2t3_processed.objects(),
"Access Point",
"Political Label",
"Percent of Videos",
["#ff1100", "#ffe100", "#26ff00", "#0040ff", "#ae00ff", "black"],
["#2166AC", "#92C5DE", "#7FC97F", "gray", "#F4A582", "#B2182B"],
["YT Homepage", "Search", "YT Channel", "YT Video", "External URLs", "Other"],
["fL", "L", "C", "AW", "R", "fR"],
["Far Left", "Left", "Center", "Anti-Woke", "Right", "Far Right"],
null
)
tabel2_temporal_7k = timesHeatMap(
tbl2t3_7k_processed.objects(),
"Access Point",
"Political Label",
"Percent of Videos",
["#ff1100", "#ffe100", "#26ff00", "#0040ff", "#ae00ff", "black"],
["#2166AC", "#92C5DE", "#7FC97F", "gray", "#F4A582", "#B2182B"],
["YT Homepage", "Search", "YT Channel", "YT Video", "External URLs", "Other"],
["fL", "L", "C", "AW", "R", "fR"],
["Far Left", "Left", "Center", "Anti-Woke", "Right", "Far Right"],
null
)
viewof tbl2_7k_processed_data = tbl2t3_7k_processed
.rename({
avg_value: "value",
avg_subvalue: "subvalue"
})
.select(aq.not("temporal"))
.view()
viewof tbl2_7k_raw_data = aq
.from(await FileAttachment("table2_ledwich.csv").csv())
.view()
viewof tbl2t3_7k_raw_data = aq
.from(await FileAttachment("table2_ledwich_tempral.csv").csv())
.view()
import { radio, select, slider } from "@jashkenas/inputs"
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.
