Skip to main content
SimilarExport ZIP
100%

cars_scatter_plot

✓ Published0🌍 Public
Ggoldpot
Last edited Aug 27, 2021
Created on Aug 26, 2021

This scatter plot visualizes relationships among automobile characteristics from the auto-mpg dataset, plotting displacement against horsepower while encoding vehicle weight through point size and model year through color. Tooltips reveal car names on hover. The visualization is built with the vega-lite-api library, which registers Vega and Vega-Lite, and loads data asynchronously via d3.csv. The chart renders responsively using an SVG renderer with the vega-tooltip Handler for interactive annotations.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

scatter_plot

This scatter plot visualizes the relationship between engine displacement and horsepower for a collection of automobiles, with each point representing a vehicle model. The visualization is built using the Vega-Lite API, which registers with Vega and Vega-Lite to render the chart as SVG. Data is loaded asynchronously from a CSV file using D3’s `csv` method, and the plot applies a config for custom axis and label styling. Tooltips, enabled via the vega-tooltip handler, display each car’s name on hover, while point opacity and size convey density across the dataset.

Ggoldpot
91% match
Loading thumbnail…

Vega-Lite API Scatter Plot

This scatter plot visualizes automobile data from the auto-mpg CSV dataset, showing the relationship between horsepower and origin on x and y axes. Each point represents a car model, with tooltips revealing the car name. Built with Vega-Lite API in conjunction with d3.csv for data loading, the visualization uses vega and vega-lite for chart specification, vega-tooltip for interactive hover details, and applies custom styling through a config object to adjust axis and label appearance.

CCaroline Ghisolfi
90% match
Loading thumbnail…

Scatter Plot with Menus

This scatter plot visualizes the relationship between vehicle weight and horsepower, colored by origin and sized by weight, based on the auto-mpg dataset loaded via `d3.csv`. The visualization uses vega-lite-api to construct the specification, with vega-lite and vega handling rendering to SVG. Interactive tooltips display car names using vega-tooltip’s `Handler`, while the `config.js` customizes axis and label styling. The plot fills the window with a fit autosize, and the code registers the tooltip handler during initialization.

YYee Han
89% match
Loading thumbnail…

Scatter Plot with Small Points

This example displays a scatter plot of automobile data from the auto-mpg dataset, plotting engine displacement against horsepower. Each point represents a vehicle, with tooltips showing the car name on hover. The visualization is built using the vega-lite-api library, which wraps Vega-Lite specifications into JavaScript methods. The code registers Vega and Vega-Lite, loads the CSV data via d3.csv, and renders the chart as SVG with a custom configuration for styled axes and labels.

CCurran Kelleher
89% match
Loading thumbnail…

Cars Scatter Plot w/ Vega Lite API

This example presents a scatter plot of automobile data from a CSV file, showing the relationship between vehicle weight, horsepower, and origin, with point size mapped to miles per gallon. It uses the Vega-Lite API to declaratively define the chart’s encoding, including tooltips that reveal each car’s name. The code integrates Vega, Vega-Lite, Vega-Lite API, and Vega-Tooltip via d3.csv for data loading and a custom configuration for axis styling. The visualization renders as an SVG that fills the browser window, with points colored by origin and sized by fuel efficiency.

Hhunsingeruk@gmail.com
88% match
Loading thumbnail…

scatter_plot

This scatter plot visualizes the relationship between engine displacement and horsepower for a collection of automobiles, with each point representing a vehicle and its name available via tooltip. The visualization uses the vega-lite-api library to define the chart, which is rendered through Vega-Lite’s SVG backend, and pulls data from a CSV file using d3.csv. The plot is configured with custom axis styling and a dark color scheme, while points are rendered with a subtle opacity to reveal density in overlapping regions.

SsunilthkGmail
88% match
Loading thumbnail…

Scatter Plot with Small Points

This scatter plot uses small, solid points to show the relationship between miles per gallon and vehicle weight for cars from the auto-mpg dataset. The visualization is built with the vega-lite-api, which wraps Vega-Lite and Vega to create a declarative chart, then renders it as SVG. Data is loaded via `d3.csv`, and tooltips display the car name on hover. The chart scales both axes from zero and fits the full browser window.

Mmtabaka
88% match
Loading thumbnail…

Fork of Scatter Plot with Small Points

This visualization displays a scatter plot of automobile data, mapping engine displacement on the x-axis against horsepower on the y-axis, with each point sized uniformly and colored solidly. The plot uses the auto-mpg dataset loaded via d3.csv, and each car’s name appears as a tooltip on hover. Built with the vega-lite-api library, it registers with vega and vega-lite, applying a customized configuration to remove axis domain lines and enlarge label and title fonts for readability. The chart fits the full window dimensions and uses an SVG renderer.

BBrian Olczak
88% match