π Public
[Vega-Lite] 3.4 Composition
This example shows the S&P 500 index price over time as two stacked area charts, one above the other. The upper chart displays the full temporal range with a standard height, while the lower chart repeats the same data at a reduced height of 60 pixels. Both charts use the Vega-Lite specification language within a single `vconcat` composition, referencing the sp500.csv dataset. The visualization is rendered in the browser using the Vega-Embed API, which loads the vega-lite v5 schema and executes the chart definitions.
AI-generated descriptionMIT Licensed
![[Vega-Lite] 3.2 Line Chart](/viz/9d29d7728d8344d5abc5e2039f22d5c3/social-image.png?v=eb83357be732420688cbd7151e63f6fe)
![[Vega-Lite] 3.3 Area Chart](/viz/18d6f40719644b3797144983fdd56380/social-image.png?v=d0d6f4b85d4e4ea8ba847cfca92f38c5)
![[Vega-Lite] 3.2 Line Chart](/viz/9e059a347e544f90b43daaaf5aa6cee3/social-image.png?v=053839e3d3114a1b90422063fb23bff5)
![[Vega-Lite] 3.3 Area Chart](/viz/c831224d68c945bd9ff28242ce589485/social-image.png?v=fbb868dae9844f0d8710ffc7ef1ac5dc)
![[Vega-Lite] 3.2 Line Chart](/viz/56c09f3cf1c14b61bde137530cc99256/social-image.png?v=e326c9e1281f4b76b4a9e7ef897c3890)
![[Vega-Lite] 3.3 Area
Chart](/viz/b0a76449bb5f41588819ba8728b19b27/social-image.png?v=e6bcc3a3f7d14b9085c432581183e19e)
![[Vega-Lite] 3.1 HTML setup](/viz/d2e9defde5384516a19738f869ad708d/social-image.png?v=5cf2d4b67a3545e2a3c0fa1c1c492f80)
![[Vega-Lite] 3.2 Line Chart](/viz/5d66fff1d0cb472291ec94af10c69117/social-image.png?v=42b5e437792843c48070da7bd395922d)
Comments
Sign in to join the discussion.