Cars Scatter Plot

100%

Cars Scatter Plot

✓ Published0🌍 Public

Last edited May 14, 2019

Created on May 14, 2019

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.

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

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

93% match

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

92% match

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

92% match

Loading thumbnail…

Cars Scatter Plot

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.

BBigDataVisClass

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

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

89% match

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