Skip to main content
SimilarExport ZIP
100%

Car Dimensions Simple

✓ Published0🌍 Public
AAndre J Denais
Last edited May 29, 2021
Created on May 6, 2021

This scatterplot shows the relationship between car length and width, with each circle representing a model and colored by brand using a three-shade ordinal scale. The data is loaded from a CSV file via d3.csv and parsed into numeric values. The visualization uses d3.scaleLinear for both axes, d3.extent to set domains, and d3.axisLeft and d3.axisBottom to render tick marks. Each circle includes a tooltip title displaying the length, width, and brand. The SVG chart fills the browser window, with margins providing space for the axes.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Cars Scatterplot

A scatterplot of car models plots their weight on the x-axis and miles per gallon on the y-axis, with a fixed circle radius of 18 and a red, semi-transparent fill. Each of the five data points from the provided CSV is rendered as an SVG circle. The chart uses D3 v7’s `scaleLinear`, `axisBottom` and `axisLeft` for the axes, which include grid lines and custom tick formatting, alongside a rotated y-axis label and a title. The axes are created via the `select`, `append`, and `call` methods, with data transformed with `csv` and numeric coercion.

Ssheafallick
80% match
Loading thumbnail…

Cars

This scatterplot displays the relationship between vehicle weight and acceleration for a dataset of cars, with each circle representing an individual model. The visualization uses D3 v5 to load CSV data, scale linear axes with formatted tick labels, and render SVG circles with custom styling. Axis labels and a title are positioned within SVG groups, while grid lines are created through tick size adjustments. The chart emphasizes data distribution through minimal circle styling and a clean, muted color palette.

AAveryBurke
79% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot shows the relationship between vehicle weight and horsepower for a dataset of cars, with each point representing an individual car model. The visualization uses D3 v5’s `csv` loader to fetch data from an external URL, then applies `scaleLinear` and `extent` to map the variables to SVG coordinates. Axes are rendered using `axisBottom` and `axisLeft`, with tick marks extending across the plot area. The SVG circles are styled with red fill and opacity, and axis labels and a title are added via SVG text elements.

NNkwachi Abel
79% match
Loading thumbnail…

Cars Scatter Plot

This visualization presents a scatter plot of car data, mapping the year on the x-axis and weight on the y-axis, with circle size determined by the square of the y-value. A small pie chart appears in the lower right, displaying a separate dataset. The plot uses D3.js v5 with SVG rendering, employing `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.pie` for the chart elements, with data loaded from a CSV file.

Zzhu
79% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for various car models, with each car represented by a semi-transparent blue circle. The visualization uses D3 v6 to load CSV data from an external URL and render the plot as SVG. It employs `scaleLinear` for both axes, `axisBottom` and `axisLeft` for grid lines and tick labels, and `extent` to compute the data domains. The chart includes labeled axes, a title, and styled grid lines, with all text elements using custom CSS classes for font sizing and coloring.

SSergio Eijben
78% match
Loading thumbnail…

Cars scatter plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each point representing a vehicle. The visualization uses D3 v6’s scaleLinear, extent, axisBottom, axisLeft, and format APIs to construct axes and position circles. Data is loaded from a CSV file via the csv function. The SVG rendering includes red semi-transparent circles, axis labels, and a title, with tick marks and grid lines styled through CSS.

Ddanish-nix
78% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between vehicle weight and horsepower for a dataset of cars, with each point representing an individual model. The plot uses D3 v7’s `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and SVG circles with partial opacity. Data is loaded from a CSV file via `d3.csv`, with numeric fields parsed before rendering. Grid lines are drawn using negative tick sizes, and axis labels appear above and beside the plot.

Wwisam-ahmed
78% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a collection of cars, with each circle representing an individual vehicle. The visualization uses D3.js v5 with SVG rendering, employing d3.scaleLinear for both axes and d3.axisLeft and d3.axisBottom to generate the tick marks and grid lines. The code loads car data from a CSV file via d3.csv and maps the numeric fields before rendering the circles with a fixed radius and semi-transparent steelblue fill.

BbeauMarko
78% match