Fork of Temperature Time Series

100%

Fork of Temperature Time Series

✓ Published0🌍 Public

Last edited Sep 25, 2021

Created on Sep 25, 2021

This visualization displays a temperature time series as a blue line, with tooltips revealing precipitation values for each data point. The chart uses the Vega-Lite API, registered with Vega and Vega-Lite, alongside the vega-tooltip handler for interactive hover details. Data is loaded asynchronously via d3.csv from a Gist-hosted CSV file containing Istanbul weather records. The line encodes dates on the x-axis and temperature on the y-axis, with the visualization sized to fit the window and styled with custom axis and label configurations for readability.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

[x]
[]

MIT Licensed

Similar vizzes

Loading thumbnail…

Temperature Time Series

This visualization displays a blue line graph tracking temperature over time, with points plotted by date and temperature values. The data originates from an Istanbul CSV file fetched via D3’s `csv` function. Built with Vega-Lite API and D3 v5, the chart uses `vl.markLine` with an x-axis encoding `fieldT('dates')` and a y-axis encoding `fieldQ('temperature')`, configured with `scale({ zero: false })` for a focused range. The visualization auto-sizes to the window and includes tooltips showing temperature values.

IIlgar Akalın

87% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays temperature trends over time as a line chart, with points sized and colored by temperature values. The example is built using the Vega-Lite API, which generates a Vega-Lite specification that is rendered as an SVG via the Vega rendering engine. The data is loaded as CSV from a Gist using D3’s `csv` function, and interactive tooltips are enabled through the Vega-Tooltip handler. Appearance is customized through a configuration object that adjusts axis styles and typography.

Ddimanya

84% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example shows a time series of temperature readings as a single line across the full screen, with tooltips displaying the temperature values on hover. It is built with the Vega-Lite API, which registers Vega and Vega-Lite to generate the chart, and uses D3’s `csv` loader to fetch data from a remote CSV file. The visualization is rendered as SVG, and its appearance—including axis fonts and colors—is customized via a `config` object.

MMartin Straußberger

82% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This visualization displays temperature data over time using an area chart, with a semi-transparent fill to emphasize trends. The chart is built with the Vega-Lite API, which compiles specifications to Vega and renders them as SVG. Data is loaded from a CSV file of San Francisco weekly temperatures using `d3.csv`. The visualization adapts to the full browser window and includes an interactive tooltip for exploring temperature values.

Ttnk-dev

82% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

A line chart displays temperature readings over time, with a tooltip that reveals the exact temperature on hover. The visualization is built using the Vega-Lite API, which translates a concise specification into a rendered Vega graphic. Data is loaded from a CSV file of San Francisco weekly temperatures via the `d3.csv` method. The chart's appearance, including axis styling and label fonts, is customized through a configuration object, and the visualization resizes to fit the browser window.

Nnkarinti

82% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays temperature data over time as a filled area chart, with the y-axis encoding temperature and the x-axis encoding timestamps from the CSV dataset. Built with the Vega-Lite API, it uses `vl.x().fieldT()` and `vl.y().fieldQ()` for temporal and quantitative encodings, and includes a tooltip via `vega-tooltip`. The code fetches data using `d3.csv`, applies custom axis and label styling through a config object, and renders the chart to fill the browser window.

DDaniel Deverell

81% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays temperature over time as a scatter plot, with each point representing a timestamped temperature reading. The code uses the Vega-Lite API to define the mark and encodings, while D3’s CSV loader fetches data from a GitHub-hosted CSV file. The chart is rendered as an SVG and customized with a dark theme via a Vega-Lite config object. Mouse interactions are supported through the Vega Tooltip handler, which displays the temperature value on hover.

Sshubhanshu2000

81% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template2

This example displays a line chart of temperature readings over time, using a simple categorical tooltip to show each value. The visualization is built with the Vega-Lite API, which is registered with the Vega and Vega-Lite libraries, and rendered as an SVG. Data is fetched asynchronously from a CSV file using `d3.csv`, and the chart is configured with custom axis styling for improved readability.

AArookie-2020

81% match