Fork of Vega-Lite API Template

100%

Fork of Vega-Lite API Template

✓ Published0🌍 Public

Last edited Jan 29, 2023

Created on Jan 29, 2023

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.

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 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.

Zzenoalive

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

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

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

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

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

88% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes temperature data with a Vega-Lite area chart, encoding timestamps on the x-axis and temperature values on the y-axis. The visualization is built using the `vega-lite-api` JavaScript library, which registers with `vega` and `vega-lite` to render SVG output. Data is loaded asynchronously from a CSV URL via `d3.csv`, and the chart is configured to fit the full window size. A custom `config` object adjusts axis and label styling for readability, and tooltips are enabled through `vega-tooltip`. The underlying dataset is used from the UCI Machine Learning Repository.

KKeyan

88% match