CSCE 5320 Assignment 6

100%

CSCE 5320 Assignment 6

✓ Published0🌍 Public

Last edited Oct 8, 2026

Created on Oct 7, 2026

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

CSCE 5320 Wilhelm

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.

Aaaronwilhelm15@gmail.com

89% 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

71% match

Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between vehicle weight and fuel efficiency (MPG) for a dataset of cars, with points colored by country of origin (USA, Japan, Germany). The D3 v6 code uses `scaleLinear` for both axes, `scaleOrdinal` for color mapping, and `axisLeft`/`axisBottom` with gridlines to render the plot into an SVG canvas. Data is loaded asynchronously from a CSV file using the `csv` function, and point styling includes a dark gray stroke and semi-transparency.

Eegrebing

70% match

Loading thumbnail…

CSCE 5320 HW5

This example presents a scatterplot of country-level data, plotting GDP per capita against CO2 emissions per capita, with each point colored by region and sized by population. The visualization summarizes the dataset’s rows, columns, and key statistics for the x-axis variable, including its mean and median. Built with D3 v7, it loads CSV data from a GitHub gist and uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for region-based coloring, and `d3.extent`, `d3.mean`, and `d3.median` to compute summaries. Rendering is SVG-based with axes and labels styled via CSS.

Llokeshpraveen01@gmail.com

69% match

Loading thumbnail…

Assignment 6 -- Scatter plot with a qualitative color scale

This scatter plot shows the relationship between average horsepower and average torque for various car makes, with each point colored by the manufacturer using a qualitative color scale. The visualization uses D3.js v4 to render an SVG chart, employing `d3.scaleLinear` for both axes and `d3.scaleOrdinal` with `d3.schemeCategory10` for the categorical colors. Tooltips display the make and exact values on hover, while a legend identifies the color mapping. The data is loaded from an external CSV file (`stripechart1.csv`) containing average engine statistics.

Vvishusikka

69% match

Loading thumbnail…

Scatter Plot

This example visualizes nuclear bomb test counts from 1945 to 2009, with each circle representing a country’s annual total. The x-axis shows the year, the y-axis shows bomb counts, and colors distinguish six countries, sourced from Johnston’s Archive via a processed CSV. Built with D3 v4, it uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.scaleOrdinal` for scales, plus `d3.legendColor` from d3-legend for the color legend. Interactive features include hover tooltips displaying exact counts, while the SVG rendering updates responsively on window resize.

YYouthBread

69% match

Loading thumbnail…

Assignment 6

This animated scatter plot, titled "Rules of Thumb," visualizes vehicle characteristics across different generations. It shows how the relationship between Horsepower and Torque_lb_ft evolves over time, with point size encoding MPG and color distinguishing engine Layout. The animation transitions between frames defined by the Generation column, revealing trends in automotive performance. Data is loaded from a CSV file using `d3.csv` and rendered as SVG. The visualization uses `d3.scaleLinear` for axes, `d3.scaleSqrt` for size, `d3.scaleOrdinal` with `d3.schemeTableau10` for color, and a play/pause button controls the frame progression, with a tooltip appearing after a 2-second delay.

EEarlAmematekpo16

68% match

Loading thumbnail…

Scatter Plot ++

This scatter plot visualizes the relationship between vehicle weight and horsepower using data from the auto-mpg dataset. The D3.js (v5) code uses `scaleLinear`, `axisLeft`, and `axisBottom` to construct the axes, with gridlines drawn via negative tick sizes. It renders semi-transparent steel-blue circles via SVG, with categorical labels for the axes and title. The visualization applies the `extent` function for domain scaling and parses the CSV data to numeric values before rendering.

CChocoOrange

68% match