Cars Scatter Plot

100%

Cars Scatter Plot

✓ Published0🌍 Public

Last edited May 14, 2019

Created on May 14, 2019

This scatter plot visualizes Pokemon species ID against base experience using SVG circles. The data comes from the UCI Machine Learning Repository’s Auto MPG dataset and is loaded via `d3.csv`. The code uses `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to construct axes, with circles colored green and semi-transparent. Titles and axis labels are added as SVG text elements. The example demonstrates a basic scatter plot layout with margins and tick formatting.

AI-generated description

This scatter plot shows data about cars, from UCI Machine Learning Repository: Auto MPG Data Set.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes Pokémon data, showing the relationship between species ID and base experience, with each circle representing a Pokémon. The plot uses D3 v5 functions like `scaleLinear` for axes, `axisBottom` and `axisLeft` for ticks, and SVG circles with green, semi-transparent fills. The data comes from a CSV file, which is loaded and parsed using `csv()`, with numeric fields coerced via unary plus operators. The chart also includes rotated axis labels, a title, and tooltips that reveal each Pokémon's identifier on hover.

MMatthewJSonnen

90% match

Loading thumbnail…

Pokeman

This scatter plot visualizes car data from the UCI Machine Learning Repository’s Auto MPG dataset, plotting species ID against height. Each red circle represents a car, with axes labeled and gridlines drawn using SVG. The code uses D3 v5’s `csv`, `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to load data, scale scales, and render axes. Styling for circles, ticks, and labels is set via CSS.

Ssppcmccoy

88% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes Pokémon data, mapping base experience on the x-axis and weight on the y-axis using orange semi-transparent circles. The chart includes labeled axes, tick marks, and a title. Built with D3 v5, the code uses `d3.csv`, `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` to load and scale the data, with SVG rendering for the circles and text. The dataset originates from a CSV file hosted on VizHub, and the styling is applied via an external stylesheet.

Cchrismdiaz

88% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between Pokémon species ID and height, with each car represented as a semi-transparent blue circle. The visualization uses D3.js version 5, loading data from a CSV file via the `d3.csv` function, and renders the chart as SVG. The code employs `d3.scaleLinear` for both axes, `d3.extent` to determine domain bounds, and `d3.axisLeft` and `d3.axisBottom` for tick marks. Axis labels and a title are added as SVG text elements, with font sizes and colors defined in a separate CSS file. The data comes from the Auto MPG dataset, though the title incorrectly references Pokémon.

Ppblanas

88% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between Pokemon species ID and height, with each car represented as a blue, semi-transparent circle. The visualization uses D3 v5's scaleLinear, axisBottom, and axisLeft APIs to construct the chart, which is rendered as SVG. The data is loaded from a CSV file and mapped to the x and y axes using the extent function to determine scales. The graph incorporates styled tick marks, axis labels, and a title, with circles having a radius of 10 pixels and an opacity of 0.1.

Ppblanas

88% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between Pokémon height and weight, with each purple circle representing an individual Pokémon. The code uses D3 v5 APIs including `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` to map the data to SVG coordinates, while `csv` loads the dataset from the VizHub-hosted Pokémon CSV. The chart includes labeled axes, a title, and semi-transparent circles to reveal overlapping points, following the same pattern as the original Auto MPG dataset example.

JJenniferFernald

86% match

Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, using data from the UCI Machine Learning Repository’s Auto MPG dataset. Each red semi-transparent circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis. The code uses D3 v5’s `csv` loader to fetch the data, `scaleLinear` for both axes, and `axisBottom` and `axisLeft` to render the grid lines and labels. The SVG rendering includes custom axis labels and a title, styled via external CSS.

CCurran Kelleher

86% match

Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes automobile data from the auto-mpg dataset, showing the relationship between horsepower and weight, with each car represented as a red, semi-transparent circle. The chart displays axes with gridlines and labels for both variables, plus a title. Built with D3 v5, it uses `scaleLinear` for both axes, `axisBottom` and `axisLeft` to generate ticks, and SVG circles appended to the DOM. The data is loaded via `csv` and parsed, with margins defining the plot area and text elements styled through external CSS.

JJenniferFernald

85% match