Vega-Lite Offset Horizon Graph
This example visualizes a small dataset of twenty numeric values using a horizon graph, a technique that increases data density by layering a single chart into multiple offset bands. The Vega-Lite specification defines four layered area marks, each with a clipped y-scale domain of 0 to 50, and uses calculated transforms to shift values upward by 50, 100, or downward by 50 to create stacked bands with varying opacity. The chart is rendered via vegaEmbed, which loads Vega-Lite v4 and Vega v5 from a CDN, and applies monotone interpolation to smooth the area curves.
AI-generated descriptionVega-Lite Bl.ocks example.
You can go to the blockbuilder and to fork this block and create your own visualizations. Check out the Vega-Lite website for more information, tutorials, and documentation. Happy hacking!
forked from <a href='http://bl.ocks.org/domoritz/'>domoritz</a>'s block: <a href='http://bl.ocks.org/domoritz/455e1c7872c4b38a58b90df0c3d7b1b9'>Vega-Lite Bl.ocks example</a>