Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published0🌍 Public
Zzhu
Last edited Aug 1, 2020
Created on Jul 23, 2020
Forked from Hello HTML

This visualization presents a scatter plot of car data, mapping the year on the x-axis and weight on the y-axis, with circle size determined by the square of the y-value. A small pie chart appears in the lower right, displaying a separate dataset. The plot uses D3.js v5 with SVG rendering, employing `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.pie` for the chart elements, with data loaded from a CSV file.

AI-generated description

A bare minimum HTML page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatter Plot

This visualization uses D3 v5 to create a scatter plot of cars, showing the relationship between horsepower on the x-axis and weight on the y-axis. Each circle represents a car from the auto-mpg dataset, with semi-transparent pink markers revealing density. The chart includes labeled axes with custom tick formatting and a title. D3’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` functions handle scaling and axis generation, while data is loaded via `d3.csv` and rendered as SVG circles.

Iimmanentdomain
91% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a collection of cars, with each circle representing an individual vehicle. The visualization uses D3.js v5 with SVG rendering, employing d3.scaleLinear for both axes and d3.axisLeft and d3.axisBottom to generate the tick marks and grid lines. The code loads car data from a CSV file via d3.csv and maps the numeric fields before rendering the circles with a fixed radius and semi-transparent steelblue fill.

BbeauMarko
91% match
Loading thumbnail…

Cars ScatterPlot

This scatterplot visualizes the relationship between horsepower and weight for a dataset of cars, with each circle representing an individual vehicle. The visualization uses D3.js v5 with SVG rendering, employing scaleLinear functions to map data values to pixel coordinates and axisBottom/axisLeft to generate the axes with tick marks. Data is loaded from a CSV file using D3's csv method and parsed into numeric values before rendering. The chart includes labeled axes, a title, and semi-transparent steelblue circles.

KKyllVis
90% match
Loading thumbnail…

Cars Scatter Plot

The visualization displays a scatter plot of vehicle weight against horsepower, with each circle representing a car model to reveal the relationship between these two attributes. Built with D3 v5, the chart uses `scaleLinear` for both axes and renders circles via SVG, with axes generated through `axisBottom` and `axisLeft`. Data is loaded from a remote CSV file of auto-mpg records, and the plot is styled with semi-transparent steelblue circles.

Ddanrhymes
90% match
Loading thumbnail…

Cars Scatter plot

This scatter plot displays the relationship between horsepower and weight for a dataset of cars, with each red circle representing a vehicle. The visualization uses D3 v5 to load CSV data and construct an SVG-based chart with linear scales, axes, and gridlines. It employs `d3.scaleLinear`, `d3.axisLeft`, `d3.axisBottom`, and `d3.extent` to map data values to screen coordinates. The chart includes axis labels, a title, and formatted tick marks, with circles rendered semi-transparent to reveal overlapping points.

SShane Carey
90% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a set of cars, with each circle representing a vehicle. The visualization uses D3.js v5’s `scaleLinear`, `axisLeft`, and `axisBottom` to map data values to pixel coordinates and render SVG axes with gridlines. Data is loaded from a CSV file via the `csv` function, parsed into numeric fields, and drawn as semi-transparent purple circles. The chart includes axis labels and a title, with margins calculated from the SVG’s dimensions.

WWhitney Hung
90% match
Loading thumbnail…

Cars Scatter Plot

This visualization displays a scatter plot of cars, showing horsepower on the x-axis and weight on the y-axis, with each circle representing an individual vehicle. The plot uses d3.scaleLinear and d3.axisBottom/axisLeft to construct the chart. The SVG rendering includes a title, axis labels, and colored circles with opacity. Data comes from the UCI Machine Learning Repository's Auto MPG dataset, loaded via d3.csv. The code imports d3.scaleOrdinal and d3.interpolateRainbow for potential color encoding, though circles appear red in the current styling.

Nnicfavfar
90% match
Loading thumbnail…

Cars Scatter Plot

This visualization displays a scatter plot of cars, showing horsepower on the x-axis and weight on the y-axis, with each circle representing an individual vehicle. The plot uses d3.scaleLinear and d3.axisBottom/axisLeft to construct the chart. The SVG rendering includes a title, axis labels, and colored circles with opacity. Data comes from the UCI Machine Learning Repository's Auto MPG dataset, loaded via d3.csv. The code imports d3.scaleOrdinal and d3.interpolateRainbow for potential color encoding, though circles appear red in the current styling.

Nnicfavfar
90% match