Skip to main content
SimilarExport ZIP
100%

Fork of Scatter Plot with Small Points

✓ Published0🌍 Public
Ssiddhant0704
Last edited Dec 14, 2021
Created on Dec 14, 2021

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.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

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

Scatter Plot with Small Points

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.

Llscholz1
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…

Fork of Vega-Lite API Template

This example displays a scatter plot of automobile data, plotting engine displacement against horsepower from an auto-mpg CSV dataset. Each point represents a car model, with tooltips revealing the vehicle’s name. The visualization is built using the Vega-Lite API, which composes a markPoint encoding with quantitative fields, and renders via Vega and Vega-Lite libraries. Custom configuration styles axes and labels, while `d3.csv` loads the external data source.

Ssd2beatles
89% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example displays a scatter plot of automobile data from an auto-mpg CSV, showing the relationship between engine displacement and horsepower. The visualization is built using the Vega-Lite API, which composes specifications and renders them through Vega-Lite while leveraging D3’s `csv` loader to fetch and parse the data. Points are rendered as semi-transparent filled circles with tooltips that reveal vehicle names. The plot uses a custom config and a fit-to-window layout, with axis styling adjusted for readability.

Ccaptind
89% match