Cars Scatter Plot

100%

Cars Scatter Plot

✓ Published0🌍 Public

Last edited May 14, 2019

Created on May 14, 2019

Forked from Pokeman

This scatter plot displays Pokémon data, mapping each creature’s height on the x-axis and weight on the y-axis using logarithmic scales from d3.scaleLog. Red semi-transparent circles are rendered via SVG, with axes and labels generated through d3.axisBottom and d3.axisLeft. The data is loaded as CSV from the pokemon.csv dataset using d3.csv, with numeric parsing applied to height and weight values. The visualization is built with d3 v5, using the select, extent, and scaleLog APIs.

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 the relationship between the height and weight of Pokémon, with each red semi-transparent circle representing an individual specimen. The chart uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct the axes, while the data is loaded from a CSV file using the `csv` function. The plot includes labeled axes, a title, and grid lines, with the SVG output rendered within a 960×500 pixel canvas.

JJenniferFernald

95% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between Height and Weight for Pokémon, with each circle representing an individual Pokémon. The data comes from a CSV file loaded via `d3.csv`. The code uses `d3.scaleLinear` with `d3.extent` to map the data to SVG coordinates, and renders circles with a fixed radius. Axes are drawn using `d3.axisBottom` and `d3.axisLeft` with grid lines, and custom labels and a title are added via SVG text elements in a `d3` selection chain.

JJenniferFernald

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

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

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

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

90% match

Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes the relationship between height and weight for Pokémon species, with each circle representing an individual Pokémon. The chart uses d3.scaleLinear to map the data values to screen coordinates, d3.axisLeft and d3.axisBottom for the axes, and d3.extent to compute the domain. Data is loaded asynchronously from a CSV file using d3.csv. The SVG rendering includes gridlines, axis labels, and a title, with circles styled in navy at partial opacity.

Aagongwpi

89% match

Loading thumbnail…

Pokemon Scatter Plot

This scatter plot displays the relationship between height and weight for Pokémon, with each circle representing a creature. The data comes from a CSV file loaded from VizHub. The visualization uses a logarithmic scale for both axes, rendered as an SVG using D3 v5. The code employs D3’s `scaleLog`, `axisBottom`, and `axisLeft` to construct the axes, while circles are appended with semi-transparent navy fill to show density. Axis labels and a title clarify the chart’s purpose.

Llizziechoi121

89% match