act3_q1

example of scatter plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each circle representing an individual car. The plot uses D3’s `scaleLinear` for both axes and renders circles via SVG, with axes customized using `axisBottom` and `axisLeft`, including tick lines and labels. Data is loaded from a CSV file containing auto-mpg statistics, and the visualization distinguishes overlapping points through semi-transparent red circles. The chart title is displayed at the top, and all styling is handled through external CSS.

Zzjutkarma

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, sourced from the auto-mpg dataset. Each red semi-transparent circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis. The D3 v5 code uses `scaleLinear` for both axes, `axisBottom` and `axisLeft` for labeled grid lines, and appends circles via `selectAll('circle').data().enter()`. The SVG output includes axis labels and a title, with styling controlled by external CSS.

LLonwabo11

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each point representing a vehicle. The chart uses a red, semi-transparent circle for each data point, and includes labeled axes for horsepower and weight. Built with D3 v5, the code loads the auto-mpg dataset from a CSV file, scales the data using `scaleLinear`, and renders the visualization as an SVG. The axes are configured with `axisBottom` and `axisLeft`, and the plot is styled with custom CSS for tick marks, labels, and the title.

LLonwabo11

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each circle representing a vehicle. The data is loaded from a CSV file containing automotive specifications (auto-mpg dataset) and rendered as an SVG graphic using D3 v5. The code employs `d3.scaleLinear` for both axes, `d3.extent` to compute data domains, and `d3.axisBottom` and `d3.axisLeft` for axis generation with grid lines. Semi-transparent steel-blue circles highlight data density, while axis labels and a title provide context.

ZZ-Richard

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each circle representing a car model. Built with D3.js v5, it renders as an SVG using the `select` and `csv` helpers to load data from the UCI Auto MPG dataset. The visualization employs `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while circles are positioned using the scaled x and y values. The chart includes axis labels and a title, with styling applied via the included CSS.

Jjsong

Car Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars, with each circle representing one vehicle. The SVG rendering uses D3 v5 scales, axes, and selections to map data values to screen positions. Axes are customized with tick lines and labels using `axisBottom`, `axisLeft`, and `scaleLinear`, while styling via CSS sets circle opacity and typography. The data originates from an external CSV file, processed by coercing numeric fields before rendering.

Nnoelmiranda

cars scatter plot

This scatter plot shows the relationship between horsepower and weight for a dataset of cars, with each point representing a vehicle. The visualization uses D3.js (v5) to load CSV data and render an SVG chart with linear scales for both axes. The code employs `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` functions to construct the plot, with circles colored red and semi-transparent. Axis labels, a title, and grid lines are included via D3 axis methods and appended text elements.

Jjingwg3@163.com

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models, with each circle representing a data point. The plot uses D3.js v5, employing scaleLinear for axes, axisBottom and axisLeft for tick marks, and data from the auto-mpg.csv file. The SVG rendering displays circles positioned via xScale and yScale mappings, with a labeled x-axis denoting the title "Scatter Plot" and tick lines extending across the chart.

LLonwabo11