π Public
Fork of [Vega-Lite] 3.3 Area Chart
This example displays a simple area chart of S&P 500 prices over time, using a temporal x-axis and quantitative y-axis. The visualization is built with Vega-Lite 5, which compiles the specification from `area.vl.json` into a Vega chart, and is rendered into the page via `vegaEmbed`. The data is loaded from a remote CSV file containing historical daily price records. The area mark fills the region below the line, showing price trends across the date range.
AI-generated descriptionMIT Licensed
![[Vega-Lite] 3.3 Area Chart](/viz/18d6f40719644b3797144983fdd56380/social-image.png?v=d0d6f4b85d4e4ea8ba847cfca92f38c5)
![[Vega-Lite] 3.3 Area Chart](/viz/c831224d68c945bd9ff28242ce589485/social-image.png?v=fbb868dae9844f0d8710ffc7ef1ac5dc)
![[Vega-Lite] 3.3 Area
Chart](/viz/b0a76449bb5f41588819ba8728b19b27/social-image.png?v=e6bcc3a3f7d14b9085c432581183e19e)
![[Vega-Lite] 3.2 Line Chart](/viz/9e059a347e544f90b43daaaf5aa6cee3/social-image.png?v=053839e3d3114a1b90422063fb23bff5)
![Fork of [Vega-Lite] 3.2 Line Chart](/viz/2a76d18e2cf2431e81d1623d9ed45aad/social-image.png?v=82ceec305e704148bdaa30754a694544)
![Fork of [Vega-Lite] 3.2 Line Chart](/viz/60b98c5563ac4cc4b41a79f34ac36550/social-image.png?v=28f90c8160954a3cbc3ab7a140d5c6f0)
![[Vega-Lite] 3.2 Line Chart](/viz/9d29d7728d8344d5abc5e2039f22d5c3/social-image.png?v=eb83357be732420688cbd7151e63f6fe)
![Fork of [Vega-Lite] 3.1 HTML setup](/viz/32df8e7cf79847ec8b9f66580dca8ba9/social-image.png?v=ff2988201f8f4c6e9715744df6be0065)
Comments
Sign in to join the discussion.