Skip to main content
100%

CSCE 5320 Wilhelm

✓ Published0🌍 Public
Aaaronwilhelm15@gmail.com
Last edited Sep 30, 2026
Created on Sep 25, 2026

This visualization displays the relationships among World War II tanks by plotting each tank's weight on the x-axis, production amount on the y-axis, and horsepower as the visual size of the circular mark. Country served is encoded through color. The page summarizes the dataset with row counts, field names, and the range, mean, and median of tank weights. Built using D3.js v7 with SVG rendering, the chart leverages `d3.csv` for data loading, `d3.scaleLinear` for axes, `d3.scaleOrdinal` for categorical color mapping, and `d3.extent` with `d3.mean` and `d3.median` for statistical summaries.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

CSCE 5320 Assignment 6

This scatterplot shows World War II tank production, comparing tank weight against the number of units produced, with color encoding the country served. The visualization includes a delayed tooltip that displays tank details, with a caption indicating the two-second delay period. Built with D3 v7, the code loads CSV data from a GitHub gist, and uses d3.scaleLinear for quantitative axes, d3.scaleOrdinal with the Tableau10 scheme for categorical coloring, and d3.extent for domain calculations. The SVG chart renders points without brushing, linking, or animation.

Aaaronwilhelm15@gmail.com
89% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars, with each circle representing a vehicle. The chart uses D3 v5’s `scaleLinear` and `extent` to map data values to pixel coordinates, while `axisBottom` and `axisLeft` render labeled axes with tick marks. Data comes from a CSV file loaded via `csv`, and the SVG rendering applies a steelblue fill with opacity to the circles. The visualization includes a title, axis labels, and a margin-based layout to position the plot area.

Cceresfin
67% match
Loading thumbnail…

Cars

This scatterplot visualizes the relationship between horsepower and weight for a dataset of cars, with each circle representing a vehicle. The axes use linear scales, and the chart includes axis labels for horsepower and weight. The visualization is built with D3.js, using the `scaleLinear`, `axisLeft`, and `axisBottom` APIs to construct the scales and axes. Data is loaded as CSV from a remote URL, and the SVG circles are rendered with a semi-transparent steelblue fill. The code also formats tick labels using D3's `format` function.

Ss-janibekova
67% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the World, sourced from esa.un.org. Each red semi-transparent circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis. The visualization uses d3.csv to load the data, d3.scaleLinear for scaling, and d3.axisLeft and d3.axisBottom to render the axes. The chart includes axis labels and a title, with D3 v5 rendering the SVG output.

Ffra-alaimo
67% match
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars from the World, sourced from esa.un.org. Each red semi-transparent circle represents a car, positioned by its horsepower on the x-axis and weight on the y-axis. The visualization uses d3.csv to load the data, d3.scaleLinear for scaling, and d3.axisLeft and d3.axisBottom to render the axes. The chart includes axis labels and a title, with D3 v5 rendering the SVG output.

Ffra-alaimo
67% match
Loading thumbnail…

Cars

This scatterplot displays the relationship between horsepower and weight for a dataset of cars, with each point representing an individual vehicle. The visualization uses D3’s `scaleLinear` and `extent` functions to map the data to pixel coordinates, with axes generated using `axisBottom` and `axisLeft`. Circles are appended to an SVG element with a semi-transparent steelblue fill, while axis labels and a title are added as text elements. The data is loaded from a CSV file via D3’s `csv` method and rendered with a margin-based layout.

Ss-janibekova
67% match
Loading thumbnail…

question-6

This scatter plot visualizes the relationship between vehicle weight and horsepower for a small dataset of 1970s cars. Each circle represents a car, color-coded by country of origin using `d3.scaleOrdinal` with `d3.schemeCategory10`. The visualization uses d3.axisBottom and d3.axisLeft to render axes, while circles appear as SVG elements with interactive tooltips. Data is loaded from a CSV file via `d3.csv`, with values coerced to numbers for scaling. The example demonstrates modular ES6 imports, including local modules for the scatter plot and axis creation.

AArunVurukonda@my.unt.edu
67% match
Loading thumbnail…

D3 Course 2: Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for a dataset of cars, with each circle representing a vehicle. The visualization is built using D3 v5 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes and scales. Data is loaded asynchronously from a CSV file via `d3.csv`, with numeric fields parsed for accurate plotting. The chart includes labeled axes, a title, and semi-transparent red circles, with gridlines generated through tick size adjustments.

GGabrz
67% match