The avatar for @miker
miker
Public
Edited
Dec 1
Paused
4
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// viewof allsome = Inputs.radio(new Map([["Entire Match", "all"], ["Chains Shown Above Only", "some"]]), {value: "some", label: "Chains to search:"}) turning this off for now as updates as above animation cycles when 'some' is selected.
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
Insert cell
// disp_data2 = scrollrad === 3 ? chains.filter(d => d.matchId === selected_match_id[[[0]]].matchId && chainnumbers.includes(d.chain_number)) : chains.filter(d => d.matchId === selected_match_id[[[0]]].matchId && scroll_opt.includes(d.chain_number))
Insert cell
Insert cell
disp_data = scrollrad <= 3 ? chains.filter(d => d.matchId === selected_match_id[[[0]]].matchId && d.chain_number === scrub) : chains.filter(d => d.matchId === selected_match_id[[[0]]].matchId && radplayers.includes(d.chain_number))
Insert cell
chainrange = d3.extent(chains.filter(d => d.matchId === selected_match_id[[[0]]].matchId), d => d.chain_number)
Insert cell
scroll_opt = scrollrad === 1 ? matchchain : scrollrad === 2 ? playerchains : scrollrad === 3 ? chainnumbers : chainnumbers
Insert cell
chainnumbers
Insert cell
// viewof scroll = Inputs.range([chainmin, chainmax], {step: 1, value: chainmin, label: "Chain Scroll"})
radplayers = chains.filter(d => d.matchId === selected_match_id[[[0]]].matchId && chainnumbers.includes(d.chain_number)).map(d => d.chain_number).filter((value, index, self) => self.indexOf(value) === index)
Insert cell
Insert cell
matchchain = range(chainmin, chainmax, 1)
Insert cell
scrub
Insert cell
Insert cell
Insert cell
Insert cell
firstplayer = chains.filter(d => d.matchId === selected_match_id[[[0]]].matchId).map(d => d.player_name).filter((value, index, self) => self.indexOf(value) === index).sort().slice(0,1)
Insert cell
Insert cell
Insert cell
chains_time2@4.csv
Type Table, then Shift-Enter. Ctrl-space for more options.

Insert cell
import {Scrubber} from "@mbostock/scrubber"
Insert cell
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