Skip to main content
SimilarExport ZIP
100%

Fork of Vega-Lite API_DL

✓ Published0🌍 Public
Ddavidelowe
Last edited Mar 10, 2021
Created on Mar 8, 2021

This scatterplot visualizes the relationship between engine displacement and horsepower for individual car models, colored by their country of origin. Data comes from the auto-mpg dataset fetched via d3’s `csv` utility. Using the Vega-Lite API, the chart encodes quantitative fields on x and y axes with a circle mark, while categorical origin color uses a custom range. Custom axes styling and a tooltip display attributes like mpg and model name.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

This scatter plot visualizes the relationship between engine displacement and horsepower for a collection of automobiles, using data loaded from a remote CSV file. Each point represents a car model, with tooltips revealing the vehicle's name on hover. The visualization is built using the Vega-Lite API, which constructs a specification rendered through the Vega and Vega-Lite libraries. Data is fetched asynchronously using d3.csv, and the chart configures axis styles and dark guide labels for a polished appearance.

HHarsh Vijay
92% match
Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a scatter plot of automobile data, mapping displacement against horsepower, with points colored by country of origin and tooltips revealing model names. The example uses the Vega-Lite API (via `vega-lite-api`) to declaratively construct the chart, while D3's `csv` method loads the auto-mpg dataset. Rendering is handled by Vega and Vega-Lite with SVG output, and the tooltip functionality comes from the `vega-tooltip` Handler. Axis styling and color scheme are customized through a JSON config object, which is merged into the visualization's default appearance.

MMathieuSchaff
91% match
Loading thumbnail…

Fork of Vega-Lite API Template

This scatter plot visualizes the relationship between engine displacement and horsepower for various car models, with tooltips revealing the car's name on hover. Built with the Vega-Lite API, it renders as SVG and automatically fits the browser window. The visualization loads the auto-mpg.csv dataset from a GitHub gist, applies custom axis and label styling, and uses semi-transparent square marks to represent data points, revealing overlapping clusters.

DDeepak Tomson
91% match
Loading thumbnail…

Fork of Vega-Lite API Template

A scatterplot of automobile data maps engine displacement to horsepower, with points colored by model year. The visualization uses the Vega-Lite API to declaratively encode the fields, while config.js customizes axis and label styling for readability. Data loads asynchronously from a CSV of auto-mpg records via d3.csv. Tooltips display car model names on hover, and the plot omits axis domains while using light gray tick marks against the dark text palette.

KKamilPodsiadlo
91% match
Loading thumbnail…

Fork of Vega-Lite API Template

A scatterplot visualizes the relationship between engine displacement and horsepower for cars from the auto-mpg dataset. The view maps quantitative fields to the x and y axes, using semi-transparent points with tooltips displaying vehicle names. Built with the Vega-Lite API, it registers Vega and Vega-Lite libraries, fetches CSV data via D3’s `csv` function, and renders a full-window SVG with customized axes and label styling.

NNordes Ménard-Lamarre
91% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a scatter plot of automobile engine displacement against horsepower, colored by country of origin, with tooltips revealing vehicle names. The visualization is built using the Vega-Lite API, which programmatically constructs a specification that is then rendered by Vega. Data is loaded asynchronously from a CSV file via D3’s `csv` function. The code registers Vega-Lite with the API, applies custom axis and label styling from a configuration object, and renders the chart to fill the browser window using an SVG renderer.

NNikhilchiguru-8
90% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a scatter plot of automobile engine displacement against horsepower, colored by country of origin, with tooltips revealing vehicle names. The visualization is built using the Vega-Lite API, which programmatically constructs a specification that is then rendered by Vega. Data is loaded asynchronously from a CSV file via D3’s `csv` function. The code registers Vega-Lite with the API, applies custom axis and label styling from a configuration object, and renders the chart to fill the browser window using an SVG renderer.

NNikhilchiguru-8
90% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a scatter plot of automobile engine displacement against horsepower, colored by country of origin, with tooltips revealing vehicle names. The visualization is built using the Vega-Lite API, which programmatically constructs a specification that is then rendered by Vega. Data is loaded asynchronously from a CSV file via D3’s `csv` function. The code registers Vega-Lite with the API, applies custom axis and label styling from a configuration object, and renders the chart to fill the browser window using an SVG renderer.

NNikhilchiguru-8
90% match