Skip to main content
SimilarExport ZIP
100%

Scatter Plot with Small Points

✓ Published1🌍 Public
Llscholz1
Last edited Apr 26, 2020
Created on Apr 26, 2020

This scatter plot visualizes the relationship between engine displacement and horsepower for a sample of automobiles. The small, solid points are rendered without strokes, with tooltips displaying the vehicle name on hover. Built using the vega-lite-api specification, the visualization loads data from a CSV file via d3.csv and renders through Vega-Lite’s SVG renderer. Axes and labels are customized in a separate config file, with the chart fitting the full window dimensions.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

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
95% 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
93% 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
93% 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 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
93% match
Loading thumbnail…

Fork of Scatter Plot with Small Points

This example displays a scatter plot of automobile data, comparing engine displacement against horsepower. Each point is rendered as a small, solid circle, with no stroke, and the axes are scaled to exclude zero for a tighter view. The visualization is built using the Vega-Lite API, with D3.js handling the CSV data loading from a remote source. The chart’s appearance is customized via the `config` object, and hover tooltips are enabled through the `vega-tooltip` handler, showing the vehicle name.

Ssiddhant0704
92% 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
90% 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
90% 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
90% match