Skip to main content
SimilarExport ZIP
100%

Scatter Plot with Small Points

✓ Published0🌍 Public
CCurran Kelleher
Last edited Apr 26, 2020
Created on Apr 26, 2020

This scatter plot visualizes automotive data from an auto-mpg CSV dataset, mapping vehicle origin to weight with small circular points. Tooltips reveal the car model names on hover. Built using the vega-lite-api, it renders through Vega-Lite’s markPoint encoding, with axis styling and layout configured in a separate config.js file, and the data loaded asynchronously via d3.csv.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

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
92% 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
91% match
Loading thumbnail…

Scatter Plot with Small Points

This example displays a scatter plot of automobile data, plotting engine displacement against horsepower, with tooltips revealing each vehicle’s name. The visualization uses the vega-lite-api to construct the chart, which is rendered with Vega-Lite and Vega, while d3.csv loads the data from a remote URL. The mark is configured with small, fixed-size points and a custom config adjusts axis and label styling.

CChris Briggs
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
89% match
Loading thumbnail…

Fork of Scatter Plot with Small Points

This example presents a scatter plot of automobile displacement against horsepower, with each point representing a vehicle model and tooltips revealing the car’s name on hover. The visualization is built using the Vega-Lite API, which wraps the lower-level Vega and Vega-Lite specifications, while D3’s CSV loader fetches the auto-mpg dataset from a remote gist. The plot uses small, solid points with no strokes and a fixed opacity, scaled to fit the browser window. The configuration customizes axis ticks, labels, and title colors for improved readability.

JJanani Selvaraj
88% 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
88% match
Loading thumbnail…

Vega-Lite API Scatter Plot Template

This visualization presents a scatter plot of auto-mpg data from the UCI Machine Learning Repository, using points to show vehicle weight versus horsepower. Color encodes the country of origin, while point size maps to miles per gallon. The plot is built with the Vega-Lite API, registering Vega and Vega-Lite libraries, and uses D3’s CSV parser to fetch data from a Gist. The code configures tooltips via vega-tooltip and customizes axis and label styling through a separate config object.

JJohn Kobbeman
88% match
Loading thumbnail…

cars_scatter_plot

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.

Ggoldpot
87% match