🌍 Public
[Vega-Lite] 3.3 Area Chart
This area chart displays the daily closing price of the S&P 500 index over time, using a filled region beneath a line to emphasize the magnitude of price changes. The visualization is built with Vega-Lite, specifying an area mark in a JSON specification loaded by `vegaEmbed` from `area.vl.json`. The data is fetched from a remote CSV file containing `date` and `price` fields, mapped to the temporal x-axis and quantitative y-axis, respectively. The chart is rendered inside an HTML page using the vega and vega-lite JavaScript libraries.
AI-generated descriptionMIT Licensed
![[Vega-Lite] 3.3 Area
Chart](/viz/b0a76449bb5f41588819ba8728b19b27/social-image.png?v=e6bcc3a3f7d14b9085c432581183e19e)
![[Vega-Lite] 3.3 Area Chart](/viz/18d6f40719644b3797144983fdd56380/social-image.png?v=d0d6f4b85d4e4ea8ba847cfca92f38c5)
![[Vega-Lite] 3.2 Line Chart](/viz/5d66fff1d0cb472291ec94af10c69117/social-image.png?v=42b5e437792843c48070da7bd395922d)
![[Vega-Lite] 3.2 Line Chart](/viz/e58780a7ae934db39105008748555d89/social-image.png?v=4ec95a144ace463aa0bdc9559984951c)
![Fork of [Vega-Lite] 3.3 Area Chart](/viz/f7e61225ce9c459286132f45f40414b1/social-image.png?v=35a61b7661844335a0f182caa74cceed)
![[Vega-Lite] 3.2 Line Chart](/viz/9e059a347e544f90b43daaaf5aa6cee3/social-image.png?v=053839e3d3114a1b90422063fb23bff5)
![[Vega-Lite] 3.2 Line Chart](/viz/81c0c20a30d141fd8018088d53517a65/social-image.png?v=8a4a34b296f2471c80f1de152ae0a23d)
![Fork of [Vega-Lite] 3.2 Line Chart](/viz/2a76d18e2cf2431e81d1623d9ed45aad/social-image.png?v=82ceec305e704148bdaa30754a694544)
Comments
Sign in to join the discussion.