Cars Scatter Plot

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository. Using D3 v6 with an SVG rendering approach, the visualization encodes data points as red semi-transparent circles positioned by linear scales. The axes include grid lines, tick labels, and descriptive axis titles, while a prominent title identifies the comparison. The code demonstrates D3 utilities including `scaleLinear`, `axisBottom`, `axisLeft`, `extent`, and `csv` for data loading.

Xxsg13

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository. Each red semi-transparent circle represents a vehicle, with the x-axis showing horsepower and the y-axis showing weight, revealing a positive correlation between the two variables. The visualization uses d3.csv to load the auto-mpg dataset, then applies d3.scaleLinear with d3.extent for both axes, rendering the chart as SVG circles with d3.axisLeft, d3.axisBottom, and gridlines generated from tick sizes.

YYifei Liu

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the UCI Machine Learning Repository. The visualization uses D3 v5, rendering with the `scaleLinear` function to map data values to plot coordinates, while `axisLeft` and `axisBottom` create labeled axes with gridlines. Each car is represented as a lavender circle with 0.8 opacity, plotted against a crimson background. The code loads data from a CSV file using `csv()`, converts numeric fields, and applies nice rounding to the scales for a clean presentation.

AAnnie Liao

Cars Scatter Plot 3

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository. Each red circle represents a vehicle, with axes labeled and a title indicating the comparison. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and SVG circles for data points. The data loads from an external CSV via `d3.csv`, with numeric parsing applied before rendering.

DDaniel Piqué

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, with its position determined by the `d3.scaleLinear` scales mapping horsepower and weight values. The SVG rendering includes labeled axes with gridlines, created using `d3.axisBottom` and `d3.axisLeft`. The code loads data via `d3.csv`, converts numeric fields, and appends circles to the chart with a title, demonstrating a clear positive correlation between the two variables.

Ccyanea1

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, sourced from the UCI Machine Learning Repository’s Auto MPG data set. It uses d3.csv to load data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render tick marks with grid lines. Circles are appended to an SVG container, with styling controlled via CSS. The chart includes axis labels and a title, emphasizing the correlation while leveraging d3.v5’s data-binding capabilities.

TTerribleCactus

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Each circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis, with grid lines and labeled axes for readability. Built with D3 v5, the code uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the scales and axes, while loading CSV data via the `csv` function. The SVG rendering applies a green, semi-transparent fill to the circles, with custom styling defined in CSS.

Ccbruml

Cars Scatter Plot

A scatter plot of cars from the UCI Machine Learning Repository visualizes the relationship between horsepower and weight. Each red, semi-transparent circle represents a car, with the x-axis showing horsepower and the y-axis showing weight. The plot is rendered as an SVG using D3 v5, with scales created via `d3.scaleLinear`, axes from `d3.axisLeft` and `d3.axisBottom`, and data loaded asynchronously from a CSV file using `d3.csv`. Custom CSS styles the circles and text, including tick labels and axis labels.

LlyEWL