Published
Edited
May 6, 2020
4 stars
data1 = d3.csvParse(await FileAttachment("keywords.csv").text(), (d, i, columns) => (d3.autoType(d), d.total = d3.sum(columns, c => d[c]), d)).sort((a, b) => b["rosalind"] / b.total - a["rosalind"] / a.total)
series = d3.stack()
.keys(data1.columns.slice(1))
.offset(d3.stackOffsetExpand)
(data1)
.map(d => (d.forEach(v => v.key = d.key), d))
rects = d3.select(chart).selectAll("rect");
annotations = d3.select(chart).select("g#annotation");
x = d3.scaleLinear()
.range([margin.left, width - margin.right])
y = d3.scaleBand()
.domain(data1.map(d => d.name))
.range([margin.top, height - margin.bottom])
// .padding(0.1)
chartTitle = g => g.append("text")
.attr("font-family", "sans-serif")
.attr("font-size", 30)
.attr("x", width/2)
.attr("y", 50)
.attr("text-anchor", "middle")
.text("The Breakdown: Top Ten Topics According to LDA")
xAxis = g => g
.attr("transform", `translate(0,${margin.top})`)
// .call(d3.axisTop(x).ticks(width / 100, "%"))
.call(g => g.selectAll(".domain").remove())
yAxis = g => g
.attr("transform", `translate(${margin.left},0)`)
.call(d3.axisLeft(y).tickSizeOuter(0))
.call(g => g.selectAll(".domain").remove())
height = data1.length * 55 + margin.top + margin.bottom
margin = ({top: 60, right: 10, bottom: 0, left: 80})
useStopwords = true
customStopwords = ["shall", "thee", "thou", "le", "thy", "well", "go", "yet", "come", "enter", "hath", "first", "good", "man", "one", "say", "take", "see", "make", "might", "tis", "sir", "let", "us", "upon", "every", "may", "must", "de", "quoth", "sans"]
metadata = d3.csv(
"https://raw.githubusercontent.com/span728/asyoulikeit/master/index.csv"
)
acts = metadata.map(d => d.act);
files = metadata.map(d => `https://raw.githubusercontent.com/span728/asyoulikeit/master/words/${d.filename}`);
words = Promise.all(files.map(d=> d3.text(d)))
corpus = new tfidf.Corpus(
acts,
words,
useStopwords,
customStopwords,
K1,
b
)
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.
