Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line Chart of Temperature

Public visualization

Viewing a saved revision (read-only)

6cf4cdbec4b74ce4a047b2cbb543b52d

Line Chart of Temperature

0 stars1🌍 Public
MMonish Vassantrai
Last edited Mar 12, 2021
Created on Mar 12, 2021

This line chart displays the daily temperature variation over a week in San Francisco, using a single line to trace the temperature trend over time. The visualization is built with the Vega-Lite API, which handles the mark encoding through `vl.markLine` and the x-axis as temporal data, while the y-axis encodes the temperature values. Data is fetched from a CSV file via `d3.csv` and rendered as an SVG using the Vega renderer, with a custom tooltip from `vega-tooltip` for interactive inspection of temperature values. The chart automatically fits the viewport size, and the `config.js` file adjusts axis and label styling for improved readability.

AI-generated description

A visualization constructed using the vega-lite-api.