Pokemon Scatter Plot

100%

Pokemon Scatter Plot

✓ Published0🌍 Public

Last edited May 14, 2019

Created on May 14, 2019

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.

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…

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

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

95% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG data set. Each red, semi-transparent circle represents a car, positioned along the x-axis by horsepower and the y-axis by weight. Built with D3 v5, the code uses `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, along with `csv` to load the data and SVG circles for rendering. The chart includes labeled axes and a title to clarify the dimensions shown.

CCurran Kelleher

94% match

Loading thumbnail…

Cars 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, with its position determined by horsepower on the x-axis and weight on the y-axis, both scaled using `d3.scaleLinear`. The code loads the CSV data with `d3.csv`, parses numeric fields, and renders axes via `d3.axisLeft` and `d3.axisBottom` with tick marks. SVG circles are appended to the chart, and labels for axes and title are added using D3’s selection methods.

Yykki

94% match

Loading thumbnail…

Scattered Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, with its position determined by its horsepower (x-axis) and weight (y-axis). The code uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render the labeled scales. The SVG rendering includes styled axis ticks, labels, and a title, with circles appended to a grouped element translated by calculated margins.

AAdeola Oni

94% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red, semi-transparent circle represents a car, with its x-position scaled by horsepower and y-position by weight. Built with D3 v5, the visualization uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct axes and map data values to SVG coordinates. The code loads CSV data via `csv` and appends circles to an SVG element, with styling defined in an external stylesheet.

Ttayyabanisar

94% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. The visualization uses D3 v5 with an SVG rendering approach, employing `scaleLinear` for both axes and `axisBottom` and `axisLeft` to generate tick marks. Each car is represented as a red, semi-transparent circle positioned using the `cx` and `cy` attributes, with axis labels and a title included. The data is loaded as CSV and parsed into numeric values before rendering.

SSimon Pettersson

94% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository’s Auto MPG data set. Red semi-transparent circles mark each car, with axes labeled accordingly. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct the scatter plot, rendering via SVG. The code loads CSV data asynchronously, converts numeric fields, and applies a linear scale to both dimensions, with a title displayed above the grid.

Ddev-snip

94% match