Shortest Weighted Job First

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 cars from the auto-mpg dataset. Red, semi-transparent circles represent each car, with positioning determined by the d3.scaleLinear scales for both axes, while axis labels and tick marks are generated using d3.axisBottom and d3.axisLeft. The SVG rendering approach is used, with margins and inner dimensions calculated from the viewport, and the chart includes a title and rotated y-axis label. Data is loaded via d3.csv and parsed into numeric values before rendering.

WWayne716

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars, sourced from the auto-mpg CSV file. Each red, semi-transparent circle represents a car, with its position determined by the d3.scaleLinear scales mapping weight to the x-axis and horsepower to the y-axis. The code uses d3.csv to load data, d3.axisBottom and d3.axisLeft to render gridlines and tick labels, and SVG circles within a margin-based layout. Axis labels and a title are appended as text elements, with styling defined in CSS.

Aanuj1450

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for various car models from the auto-mpg dataset. The D3.js code uses `scaleLinear` for both axes, with `axisBottom` and `axisLeft` for tick marks and gridlines. Data is loaded via `csv()` from a remote URL, and each vehicle is rendered as a circle with a fixed radius. Axis labels and a title are added as SVG text elements, with styling defined in CSS for the tick marks and label fonts.

CChip

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

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

Cars Scatter Plot

This scatter plot from the auto-mpg dataset visualizes the relationship between horsepower and weight for various car models, with each car represented as a red, semi-transparent circle. D3.js v5’s scaleLinear and extent functions map data values to SVG coordinates, while axisBottom and axisLeft create labeled axes with gridlines via tickSize. The code loads CSV data from VizHub, converts numeric fields, and appends circles using enter selections, with styled SVG text for axis labels and the chart title.

GGino Dzin

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the auto-mpg dataset, with each circle representing a vehicle. The chart uses red, semi-transparent circles to show data density, and includes labeled axes and a title. Built with D3 v5, the code loads CSV data, applies linear scales via `scaleLinear`, and renders axes using `axisBottom` and `axisLeft`. The SVG output includes grid lines and custom styling from the accompanying stylesheet.

Kkshethia12