Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Vega-Lite API Template - Line/Area chart

Public visualization

Viewing a saved revision (read-only)

8df5c1e4f7e84d2b86d6bc21f70a6d2e

Vega-Lite API Template - Line/Area chart

0 stars1🌍 Public
Nnkohdatavis
Last edited Jul 24, 2020
Created on Jul 24, 2020

This example shows a line-area chart of weekly temperature data for San Francisco, with the area fill emphasizing the variation in temperature over time. The visualization is built using the Vega-Lite API, with `vl.markArea()` defining the mark type and `.encode()` mapping the `timestamp` field to the x-axis and `temperature` to the y-axis. Data is loaded asynchronously via `d3.csv` from a GitHub Gist, and the chart is rendered with an SVG view, configured with custom axis styles and tooltips through the `vega-tooltip` handler.

AI-generated description

A visualization constructed using the vega-lite-api.