vl.markPoint({ size: 9, shape: 'square', opacity: 1, filled: true, clip: true })
.data(gaia_parallax_bins)
.encode(
vl.x().fieldQ('color')
.scale({ zero: false, domain: [-0.5, 4.5] })
.axis({ tickCount: 5, title: '← warmer BP-RP Color cooler →' }),
vl.y().fieldQ('mag')
.scale({ zero: false, domain: [21, 2] })
.axis({ title: '← dimmer Magnitude brighter →' }),
vl.color().fieldQ('count')
.scale({ type: 'sqrt', scheme: 'plasma' })
.legend(null)
)
.width(300)
.height(500)
.config({
axis: { domain: false, grid: false, labelColor: '#888', titleColor: '#888' },
view: { stroke: null }
})
.padding({ left: 5, right: 20, top: 10, bottom: 5 })
.background('black')
.render()