Pokeman

100%

✓ Published2🌍 Public

Last edited May 14, 2019

Created on May 14, 2019

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.

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 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.

JJimmyDiGioia

88% 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

87% 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

87% 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

86% 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…

Cars Scatter Plot

This scatter plot visualizes car data from the UCI Machine Learning Repository’s Auto MPG dataset, displaying horsepower versus weight. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` and `scaleTime` for axes, along with `axisLeft` and `axisBottom` to create labeled time and temperature scales. Data is loaded via D3’s `csv` method and mapped to circle elements with red fill and partial opacity. The chart includes a title, axis labels, and a grid generated through tick size settings.

Mmyskotima130

85% match

Loading thumbnail…

Pokemon Scatter Plot

This scatter plot displays the relationship between horsepower and weight for cars from the auto-mpg dataset, with each point representing a vehicle. The visualization uses d3.csv to load the data and d3.scaleLinear with d3.extent to map the variables to pixel coordinates, while d3.axisLeft and d3.axisBottom generate the labeled axes with grid lines. The chart renders as an SVG with semi-transparent red circles, and the code includes a title and rotated axis labels.

JJenniferFernald

84% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes car data from the UCI Machine Learning Repository’s Auto MPG dataset, displayed as red semi-transparent circles on an SVG canvas. The chart maps quantitative attributes to the x- and y-axes using D3 v5’s `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` functions, with labeled tick marks and an axis label. Data is loaded via `d3.csv` and rendered with `select` and `svg` elements, styled through CSS for opacity and typography. The code sets a fixed 960×500 pixel SVG and uses only the imported D3 modules for scaling and axes.

LLonwabo11

84% match