Cars Scatter Plot

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for various car models from the auto-mpg dataset. Each red, semi-transparent circle represents a single car, with its position determined by the car's horsepower on the x-axis and weight on the y-axis. The visualization uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` APIs to construct the axes, and renders the plot as an SVG. The chart includes customized axis labels and a title, with data loaded from an external CSV file.

Hhirokat

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for individual car models from the auto-mpg dataset. Red semi-transparent circles represent each car, with axes labeled accordingly. The visualization uses D3 v6 with SVG rendering, employing `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the chart. The data is loaded via `csv` from the auto-mpg dataset and parsed into numeric values before being plotted.

HHe Jianfeng

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each point representing an individual vehicle. The visualization uses D3 v6 to load the auto-mpg dataset via `csv`, then employs `scaleLinear` for both axes with `extent` to determine domains. Axes are rendered using `axisBottom` and `axisLeft`, with the y-axis inverted to plot values correctly. The chart displays circles with a fixed radius, steelblue fill, and 50% opacity, while axis labels and title are added through SVG text elements styled via CSS.

Zzlastefcia

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models from the auto-mpg dataset. Red, semi-transparent circles represent individual vehicles, with axes labeled accordingly. The visualization uses D3 v6, specifically `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, and `csv` to load and parse data. SVG rendering is employed, with margins and a title providing context. Gridlines are generated via tick sizes, and the chart is displayed in a fixed 960x500 viewport.

OOleg

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset, with each red circle representing a vehicle. The visualization uses d3.csv to load the data, d3.scaleLinear for both axes, and d3.axisBottom and d3.axisLeft to render the tick marks and labels. The SVG rendering includes axis labels, a title, and grid lines created by extending ticks across the plot area, with data points displayed at 10-pixel radius and 30% opacity.

JJuyeonee

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset, with each point representing a vehicle. The chart uses D3 scales (scaleLinear), axes (axisBottom, axisLeft), and SVG circles to render the data. A dropdown menu, built with a custom d3 module, lists dataset columns but currently only logs selections to the console rather than updating the chart. The visualization includes labeled axes, grid lines, and a title, with styling applied via CSS classes.

BBKirst3

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, using a dataset of automobile specifications loaded from a CSV file. Each car is represented as a semi-transparent red circle, with the x-axis mapping horsepower and the y-axis mapping weight. The visualization is built with D3 v5, employing `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the axes and scales. The SVG rendering includes labeled axes, a title, and grid lines styled via CSS, with the data parsed from the remote `auto-mpg.csv` source.

Vveagy

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each circle representing a vehicle. The chart uses D3 v5's `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while `extent` determines the domain from the data. The SVG rendering includes grid lines via tick sizes and a rotated y-axis label. Data comes from the auto-mpg dataset loaded with `csv`, and parsed numeric values feed the scales. Circles are rendered semi-transparent red with a fixed radius, and margins position the chart within a 960x500 viewport.

GGeolffrey S Mena