pixel flipper, data sifter. trying to see what I can while I'm here
Plot.barX(metaLines, Plot.groupY({x: "count"}, {
y: "raw_character_text",
fill: "raw_character_text"
})).plot({
y: {
domain: topTwentyCharacters
},
color: {
domain: topTwentyCharacters
},
marginLeft: 150
})
Plot.tickX(firstTwentyEpisodes, {
x: "timestamp_in_ms",
y: "raw_character_text",
stroke: "raw_character_text"
}).plot({
y: {
domain: topTwentyCharacters
},
color: {
domain: topTwentyCharacters
},
marginLeft: 150
})
viewof episode = Inputs.range([1, linesByEpisode.length], { step: 1 })
Plot.tickX(episodeLines, {
x: "timestamp_in_ms",
y: "raw_character_text",
stroke: "raw_character_text"
}).plot({ grid: true,
y: { domain: topTwentyCharacters },
color: { domain: topTwentyCharacters },
marginLeft: 150,
})
Plot.tickX(firstTwentyEpisodes, {
x: "timestamp_in_ms",
y: "episode_id",
stroke: "raw_character_text"
}).plot({
marks: [ Plot.frame() ],
grid: true,
facet: {
data: firstTwentyEpisodes,
x: "raw_character_text",
marginTop: 100,
},
fx: {
domain: linesByCharacter.slice(0, 20).map(d => d[0]),
tickRotate: -45
},
color: {
domain: linesByCharacter.slice(0, 20).map(d => d[0])
},
// marginLeft: 150,
width
})
viewof character = Inputs.select(topTwentyCharacters)
Plot.tickX(metaLines.filter(d => d.raw_character_text == character && d.episode_id < 200), {
x: "timestamp_in_ms",
y: "episode_id",
stroke: "raw_character_text"
}).plot({
color: {
domain: topTwentyCharacters
},
y: { grid: true },
marginLeft: 80,
height: 700,
// width
})
episodes = FileAttachment("simpsons_episodes.csv").csv({ typed: true })
episodeMap = new Map(episodes.map(d => [d.id, d]))
linesByEpisode = d3.rollups(metaLines, v => v.length, d => d.episode_id).sort((a,b) => a[0] - b[0])
linesByCharacter = d3.rollups(metaLines, v => v.length, d => d.raw_character_text).sort((a,b) => b[1] - a[1])
topTwentyCharacters = linesByCharacter.slice(0, 21).filter(d => d[0]).map(d => d[0])
firstTwentyEpisodes = metaLines.filter(d => d.episode_id <= 20)
episodeLines = metaLines.filter(d => d.episode_id == episode)
metaLines = FileAttachment("metaLines.csv").csv({ typed: true })
// metaLines = allLines.map(({
// id, episode_id, timestamp_in_ms, speaking_line, raw_character_text, raw_location_text, word_count, normalized_text
// }) => {
// return {
// episode_id,
// timestamp_in_ms,
// speaking_line,
// raw_character_text,
// raw_location_text,
// word_count,
// // normalized_text
// }
// })
Inputs.table(metaLines)
// slimLines = FileAttachment("slimLines@1.csv").csv({ typed: true })
// slimLines = allLines.map(({id, episode_id, timestamp_in_ms, speaking_line, raw_character_text, raw_location_text, word_count, normalized_text}) => {
// return {
// episode_id,
// timestamp_in_ms,
// speaking_line,
// raw_character_text,
// raw_location_text,
// word_count,
// normalized_text
// }
// })
// Inputs.table(slimLines)
// allLines = FileAttachment("simpsons_script_lines.csv").csv({ typed: true })
// Inputs.table(allLines)
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.
