Skip to main content
SimilarExport ZIP
100%

Cars Scatter Plot

✓ Published0🌍 Public
MMatthewJSonnen
Last edited May 14, 2019
Created on May 14, 2019
Forked from 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.

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, 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
94% 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
92% match
Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes Pokémon data, showing the relationship between species ID and base experience. Each red circle represents a Pokémon, with tooltips revealing the identifier on hover. The visualization uses D3 v5 to load CSV data from VizHub, applying linear scales for both axes and rendering SVG circles via data joins. Axis labels and grid lines are configured with D3’s `axisLeft` and `axisBottom`, while the layout follows a standard margin convention.

Ttmrose
91% match
Loading thumbnail…

Pokemon Scatter Plot

This scatter plot visualizes Pokémon data from a CSV file, plotting base experience on the x-axis against species ID on the y-axis. Each red semi-transparent circle represents a Pokémon, with the graph titled “Pokemon: Base Experience vs. Species_id.” The code uses d3.csv to load the data, then applies d3.scaleLinear, d3.axisLeft, and d3.axisBottom to render the SVG chart. Axis labels and a title are added using SVG text elements, with styling defined in the accompanying stylesheet.

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

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
89% match