Vega

John Alexis Guerra Gómez

Examples using the Vega-Lite JavaScript API

Vega-Lite API

This spike map is not ideal. It uses the size channel and resized proportionally, so the size channel is sqrt to encoded value. Generally, the spike map uses the same the bottom width, so that the height channel is linear to the encoding. I changed a bit in my notebook, it's a bit more tricky than this, but still done perfectly under vega lite schemas.

https://observablehq.com/@vorbei/vega-lite-spike-map/2

Zhida Cheng

Great idea, but using data.value will only work for small values as in your example. Left a comment there