๐ Public
[Vega-Lite] 3.2 Line Chart
This example shows the S&P 500 index price over time as a filled line chart, using an area mark to emphasize the trend. The Vega-Lite specification defines a temporal x-axis for dates and a quantitative y-axis for prices, with a fixed chart width. The data is loaded from an external CSV file hosted on GitHub, and the visualization is rendered in the browser using the Vega-Embed API, which combines Vega and Vega-Lite libraries.
AI-generated descriptionMIT Licensed
![[Vega-Lite] 3.2 Line Chart](/viz/56c09f3cf1c14b61bde137530cc99256/social-image.png?v=e326c9e1281f4b76b4a9e7ef897c3890)
![[Vega-Lite] 3.2 Line Chart](/viz/5d66fff1d0cb472291ec94af10c69117/social-image.png?v=42b5e437792843c48070da7bd395922d)
![[Vega-Lite] 3.2 Line Chart](/viz/81c0c20a30d141fd8018088d53517a65/social-image.png?v=8a4a34b296f2471c80f1de152ae0a23d)
![[Vega-Lite] 3.2 Line Chart](/viz/e58780a7ae934db39105008748555d89/social-image.png?v=4ec95a144ace463aa0bdc9559984951c)
![[Vega-Lite] 3.3 Area Chart](/viz/18d6f40719644b3797144983fdd56380/social-image.png?v=d0d6f4b85d4e4ea8ba847cfca92f38c5)
![[Vega-Lite] 3.2 Line Chart all in HTML](/viz/3f6f8932c3ba42939aa70bc07b5da1ee/social-image.png?v=7ed43c3ad912485490938ca19f97f0f0)
![[Vega-Lite] 3.3 Area
Chart](/viz/b0a76449bb5f41588819ba8728b19b27/social-image.png?v=e6bcc3a3f7d14b9085c432581183e19e)
![[Vega-Lite] 3.3 Area Chart](/viz/c831224d68c945bd9ff28242ce589485/social-image.png?v=fbb868dae9844f0d8710ffc7ef1ac5dc)
Comments
Sign in to join the discussion.