part1 = passes.map(decode).map(seatId).sort((a, b) => b - a)[0]
part2 = vl.markRect({ tooltip: true, stroke: 'white' })
.data(passes.map(decode).map(([row, column]) => ({row, column, seatId: seatId([row, column])})))
.encode(
vl.x().fieldO('row').axis({ labelOverlap: true }),
vl.y().fieldO('column'),
vl.detail().fieldN('seatId'),
)
.width(width)
.autosize({ type: 'fit-x', contains: 'padding' })
.render()
seatId = ([row, column]) => row * 8 + column
decode = (str) => [str.substring(0, 7), str.substring(7)].map(partition)
partition = (str) => parseInt(str.split('').map(l => l === 'B' || l === 'R' ? 1 : 0).join(''), 2)
passes = input.trim().split('\n')
import { vl } from '@vega/vega-lite-api'
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.
