I love to build dataviz for insight discovery. I also love to put technology to the service of humanity
Published
Edited
May 1, 2022
Importers
1 star
viewof selected = navio(papers, { addAllAttribsIncludeArrays: true })
selected
Inputs.table(papers)
papers = program.contents
.map((p) => ({
...p,
track: mapTracks.get(p.trackId),
authors: p.authors.map((a) => ({
...a,
author: mapAuthors.get(a.personId)
})),
sessions: p.sessionIds
.map((s) => mapSessions.get(s))
.map((s) =>
Object.assign(s, { timeSlot: mapTimeSlots.get(s.timeSlotId) })
),
sessionsNames: p.sessionIds.map((s) => mapSessions.get(s).name),
type: mapType.get(p.typeId),
type_name: mapType.get(p.typeId).name
}))
.map((p) => Object.assign(p, getTimes(p)))
mapAuthors = new Map(program.people.map((p) => [p.id, p]))
mapTracks = new Map(program.tracks.map((t) => [t.id, t]))
mapSessions = new Map(program.sessions.map((s) => [s.id, s]))
mapType = new Map(program.contentTypes.map((d) => [d.id, d]))
mapTimeSlots = new Map(program.timeSlots.map((d) => [d.id, d]))
function getTimes(p) {
try {
const position = p.sessions[0].contentIds.indexOf(p.id);
return {
startTime: new Date(
p.sessions[0].timeSlot.startDate + 15000 * 60 * position
)
};
} catch (e) {
return {};
}
}
program = FileAttachment("CHI_2022_program.json")
.json()
.then((program) =>
Object.assign(program, {
people: program.people.map((a) =>
Object.assign(a, { name: `${a.firstName} ${a.lastName}` })
)
})
)
import { multiAutoSelect } from "@john-guerra/multi-auto-select"
import { navio } from "@john-guerra/navio"
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.
