Forked

100%

✓ Published0🌍 Public

Last edited Jan 13, 2021

Created on Jan 13, 2021

Forked from Scatter Plot with Small Points

This visualization displays automobile data as a scatterplot of displacement against horsepower, with tooltips revealing each car’s name. Built with Vega-Lite and the vega-lite-api, it loads the auto-mpg dataset via D3’s `csv` function. The chart uses point marks with full opacity, scales with zero disabled, and applies custom axis and label styling from a shared config.

AI-generated description

A visualization constructed using the vega-lite-api.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

A scatterplot maps automotive displacement against horsepower, with tooltips revealing vehicle names on hover. Built on the Vega-Lite API, the visualization fetches the auto-mpg.csv dataset via D3’s `csv` loader and renders marks through Vega’s SVG view, customized with larger axis labels and a dark color palette. The chart resizes to fit the viewport.

BBjoernujjwb

90% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization plots automobile displacement against horsepower using a scatterplot of individual points, with tooltips revealing the car model name on hover. It leverages the Vega-Lite API for declarative chart specification, backed by Vega and Vega-Lite rendering engines, while D3’s `csv` loader fetches the auto-mpg dataset from a GitHub gist. The code customizes axis styling and global appearance through a config object, and the chart’s size dynamically adapts to the browser window dimensions.

SSteinarV-design

90% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This visualization presents a scatter plot of automobile data from the UCI Machine Learning Repository’s Auto MPG dataset. It positions horsepower on the y-axis and miles per gallon on the x-axis, with points colored by origin and sized by weight, while tooltips reveal vehicle names. Built with the Vega-Lite API, it uses d3.csv for data loading and renders via a Vega view with SVG output. The visualization adapts to the full window size, and custom axis styling is applied through a separate config file.

DDavid Oh

89% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This example plots automobile data as a scatterplot of displacement against horsepower, with points colored by origin and hover tooltips showing car names. It uses the Vega-Lite API to declare the visualization, registered with Vega and Vega-Lite, while D3’s `csv` method loads the auto-mpg dataset from a GitHub gist. The resulting SVG view is rendered across the full browser window with custom axes, label styling, and tooltip handling provided by Vega Tooltip.

NNikhilchiguru-8

89% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays individual cars as points in a scatter plot, mapping engine displacement on the x-axis against horsepower on the y-axis. The data comes from a CSV file, auto-mpg.csv, loaded via d3.csv. Built using the Vega-Lite API, the chart registers Vega, Vega-Lite, and Vega-Tooltip in index.js, then renders points with low opacity to reveal density. The visualization loads external scripts for Vega, Vega-Lite, the API wrapper, tooltip, and D3, and applies a custom config for axis styling and font sizes.

AAdriana Rodriguez Sanabria

89% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a scatter plot of automotive data, mapping engine displacement on the x-axis against horsepower on the y-axis, with each point representing a vehicle. The plot uses semi-transparent, filled circles to show overlapping data density and includes hover tooltips revealing car model names. It is built using the Vega-Lite API, which wraps the Vega and Vega-Lite libraries, and loads the auto-mpg dataset via D3’s `csv` function. The visualization renders as an SVG, with custom configuration for axis styling and tooltip text.

AAlNahean

89% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This visualization displays the relationship between car origin and horsepower, with each car represented as a circular mark and hover tooltips revealing the model name. The code uses the Vega-Lite API to define the scatterplot encoding, while D3’s `csv` function loads the auto-mpg dataset from a GitHub gist. The visualization renders as SVG with custom axis styling and tooltip handling via `vega-tooltip`, and it fits to the full window using autosize.

Vvigneswaran009

89% match

Loading thumbnail…

v1_Fork of Vega-Lite API Template

This visualization displays automobile data as a scatter plot, mapping engine displacement on the x-axis against horsepower on the y-axis, with points colored by model year and sized according to vehicle weight. The chart uses the Vega-Lite API to declaratively encode these fields, with D3’s CSV loader fetching the auto-mpg dataset from a GitHub gist. Custom axis and label styling in the configuration enhance readability, while tooltips reveal each car’s name. The visualization renders as an interactive SVG, automatically sizing to fill the browser window.

SsunilthkGmail

89% match