Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

City Temperature LineChart Vega Lite

Public visualization

City Temperature LineChart Vega Lite

0 stars1🌍 Public
Ddvinubius
Last edited Jun 1, 2021
Created on Jun 1, 2021

This example uses the Vega-Lite API to render a line chart of daily San Francisco temperatures from a CSV dataset. The visualization plots time on the x-axis and temperature on the y-axis, with an orange semitransparent line and tooltips showing exact temperature values. The code registers Vega-Lite with D3.js, fetches data via `d3.csv`, and customizes axes, tick formatting, and dark-label styling through a configuration object. The chart auto-fits to the window size and renders as SVG with an interactive tooltip handler.

AI-generated description

A visualization constructed using the vega-lite-api.

Comments

Sign in to join the discussion.

MIT Licensed