Fork of Cars Scatter Plot

Cars Scatter Plot

This scatter plot visualizes the relationship between car acceleration and weight using the UCI Auto MPG dataset, with each red semi-transparent circle representing an individual car model. The visualization employs D3 v5’s scaleLinear, axisBottom, and axisLeft functions to map data values to SVG coordinates, rendering axes with tick marks and custom labels. The code fetches the CSV data via d3.csv, converts numeric fields, and draws circles with a fixed radius, while styles.css controls circle opacity and typography. The margin-based layout and appended axis labels, such as "Weight" and "acceleration," clarify the plotted dimensions.

MMartin Lauf

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository's Auto MPG dataset. A title and labeled axes frame the visualization, with red, semi-transparent circles representing each car. The implementation uses D3 v5 functions like `scaleLinear` and `extent` to compute scales and `axisLeft` and `axisBottom` to render grid lines and tick labels. SVG is the rendering target, and data is loaded via the `csv` function.

Llerik03

Fork of Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles represent each car, with axes labeled and a title indicating the variables compared. The visualization uses D3 v5’s `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to map data values to SVG coordinates and render tick marks, grid lines, and labels. Data is loaded via `csv` and parsed into numeric fields before being bound to circles.

Aanagi2597

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. The code uses D3 v5 to load CSV data, create linear scales for both axes, and render red, semi-transparent circles for each car. The chart includes labeled axes and a title, with gridlines and tick marks styled via CSS. The visualization demonstrates a straightforward data exploration using D3's `scaleLinear`, `axisBottom`, `axisLeft`, and SVG rendering.

Ppinlin0816157

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. The visualization uses D3 v5 with an SVG rendering, implementing linear scales, axes, and circles to encode the data points. The code loads the CSV data asynchronously, parses numeric fields, and applies margin conventions to position the axes and title. The styling uses red semi-transparent circles and custom axis-label and title sizes.

Aartijain688

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset, with each green semi-transparent circle representing a car. The axes are clearly labeled, and gridlines extend across the plot to aid reading values. The implementation uses D3 v5 functions like `scaleLinear`, `axisBottom`, and `axisLeft` to construct scales and axes, while SVG circles are appended to a group element with margins. Data is loaded via `d3.csv` and parsed into numeric fields before rendering.

KKonyk Myroslav

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, using data from the UCI Machine Learning Repository’s Auto MPG dataset. Red semi-transparent circles mark each vehicle, with axes labeled and a title displayed. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to map the numeric fields onto the SVG canvas. Data is loaded via D3’s `csv` function, and the plot is rendered as an SVG, with large, styled text for readability.

EEevikettu

Fork of Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Auto MPG dataset. Each red semi-transparent circle represents a car, with axes labeled and gridlines drawn using D3’s `scaleLinear`, `axisBottom`, and `axisLeft`. The SVG rendering uses d3.csv to load data, parses numeric fields, and appends circles with attributes set via scales. Titles and axis labels are added with D3’s text selections, while styled CSS controls circle opacity, tick marks, and font sizes.

Aaidatabaeva