Fork of Vega-Lite API Template

100%

Fork of Vega-Lite API Template

✓ Published0🌍 Public

Last edited Feb 5, 2023

Created on Feb 5, 2023

This interactive line chart visualizes temperature trends from the Auto MPG Data Set, plotting temperature against timestamp. The visualization uses the Vega-Lite API to construct a specification, which is then rendered using the D3.js library. The temperature data is loaded from an external CSV source, with styling options defined in a separate configuration file. The implementation leverages dynamic sizing and tooltip features, with a dark color scheme applied to axis labels and titles for improved 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.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization presents a line chart of temperature readings over time, using the Auto MPG dataset. The chart is built using the Vega-Lite API, which is registered with Vega, Vega-Lite, and D3. Data is loaded via D3’s CSV parser from a remote gist. The visualization renders as an SVG, configured with a custom dark theme and tooltips, and displays temperature trends with a non-zero y-axis scale.

Nnkarinti

95% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes temperature trends over time using a Vega-Lite line chart, with the data sourced from the Auto MPG Data Set via a GitHub Gist. The visualization is built programmatically through the Vega-Lite API, which registers Vega and Vega-Lite libraries, and employs d3.csv to fetch the dataset. The chart encodes timestamps on the x-axis and temperature values on the y-axis, with a semitransparent line style. Custom configuration adjusts axis styling, font sizes, and colors for improved readability, while the view auto-sizes to fit the browser window.

DDhvanil Vaghasiya

94% match

Loading thumbnail…

Fork of Vega-Lite API

This fork of the Vega-Lite API renders a line chart that visualizes temperature readings over time. The visualization uses the vega-lite-api library to construct the chart, with a markLine encoding timestamp and temperature fields. Data originates from the UCI Machine Learning Repository's Auto MPG dataset, retrieved via the d3 `csv` function. The implementation registers both Vega and Vega-Lite, and includes a Vega Tooltip handler for interactive data exploration, with custom styling applied through a separate config file.

GGabriel Dias Menezes

91% 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

90% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes temperature trends over time using the Vega-Lite API, rendering a line chart from CSV data. The visualization encodes timestamps on the x-axis and temperature values on the y-axis, with tooltips displaying temperature details. It uses the `vega-lite-api` library alongside `d3.csv` for data loading, with a custom dark theme applied through a configuration file. The chart fills the browser window and updates dynamically, leveraging Vega’s rendering capabilities with SVG output.

MMark Mburu

89% match

Loading thumbnail…

Vega-Lite API Line Chart Template

This example demonstrates a line chart of temperature over time, using data from the UCI Machine Learning Repository’s Auto MPG dataset via a Gist. The visualization is built with the Vega-Lite API, which registers Vega and Vega-Lite libraries, and renders as an SVG. The chart encodes time on the x-axis and temperature on the y-axis, with tooltips enabled for data inspection. D3 is used to load the CSV data, and the configuration customizes axis styling and label fonts for readability.

JJohn Kobbeman

88% 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

88% match

Loading thumbnail…

Fork of Episode 18 - Iterating Fast with Vega Lite API - Line

This example shows a line chart of temperature over time, using data from the Auto MPG dataset via a CSV file. The visualization is built with the Vega-Lite API, registered through `vl.register` with Vega and Vega-Lite, and rendered as an SVG. The code encodes timestamp on the x-axis and temperature on the y-axis, applying custom axis and label styling from a config object. Data is fetched asynchronously with `d3.csv`, and the chart fits the full window using `.autosize({ type: 'fit' })`.

Zzjulijie0618

87% match