Skip to main content
100%

scatterplot with tilt showing displacement, horsepower and mpg

✓ Published0🌍 Public
Aalex-rind
Last edited Mar 13, 2025
Created on Mar 13, 2025

A scatterplot shows the relationship between horsepower (x-axis) and miles per gallon (y-axis) for cars from the cars.json dataset, with each point’s tilt angle encoding engine displacement. Points are hollow circles with transparent fill and blue strokes, rotated from 0 to 90 degrees based on displacement. The Vega specification uses linear scales for x, y, and angle, with gridlines drawn by axes. Data filtering removes invalid values, and point descriptions display all three numeric fields on hover.

AI-generated description

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
81% 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
80% match
Loading thumbnail…

Scatter plot testing

This scatter plot visualizes the correlation between horsepower, miles per gallon (mpg), and engine displacement for cars from the UCI Machine Learning Repository’s Auto MPG data set. It shows each car as a circle, with the x-axis representing horsepower, the y-axis representing mpg, and the circle radius encoding displacement. The visualization uses D3 v5’s `scaleLinear`, `scaleSqrt`, `axisLeft`, `axisBottom`, and `csv` to load and render the data as SVG circles with a custom size legend.

HHenri Lappalainen
79% 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
79% match
Loading thumbnail…

Cars Scatter plot

This scatter plot visualizes the relationship between engine displacement and horsepower for a collection of cars, with each point representing a vehicle. The data comes from the UCI Machine Learning Repository's Auto MPG dataset. Built with D3 v6, the visualization uses `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and SVG circles to plot the points. The chart includes axis labels and a title, with the data parsed from CSV and rendered with a clean, minimal styling.

Ccarbuncle-3djs
79% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes the relationship between horsepower and miles per gallon for various car models, sourced from the auto-mpg dataset. The D3 v6 code loads CSV data, maps horsepower to the x-axis and mpg to the y-axis using linear scales, and renders semi-transparent pink circles for each car. Axis tick marks extend across the plot, and both axes are labeled. The SVG output includes a title and uses Roboto Mono typography for all text elements.

RRodolfo Viana
79% 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
79% 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
79% match