Activity6_Q6

100%

✓ Published1🌍 Public

Last edited Apr 5, 2025

Created on Apr 5, 2025

A scatter plot displays horsepower versus torque for ten car brands, using a point for each model in a dataset. The visualization employs D3 v7 with SVG rendering, showing the relationship between the two engine performance metrics on a linear scale. The code uses `d3.scaleLinear` for both axes, `d3.extent` to determine domain ranges, `d3.axisLeft` and `d3.axisBottom` for ticks, and a `d3.scaleOrdinal` color scheme to distinguish brands. Axis labels, rendered via SVG text elements, identify the variables in green type.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_task3 ques6

This scatter plot visualizes the relationship between horsepower and torque for ten different car brands, with one colored dot per brand. The chart uses a linear scale for both axes, with red axis labels and a green title. Built with D3.js v7, the code uses `d3.scaleLinear`, `d3.extent`, `d3.scaleOrdinal`, `d3.schemeCategory10`, and `d3.axisLeft`/`d3.axisBottom` to render the SVG. Data is hardcoded in the script, listing each brand's values.

Ppuppireddyarchana@gmail.com

95% match

Loading thumbnail…

Task3_Activity6

This scatter plot visualizes the relationship between horsepower and torque for different car makes. Each point’s shape encodes the car’s manufacturer, with a legend on the right identifying the shape-to-make mapping. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `symbol`, and `axisBottom`/`axisLeft` for axes. Data is loaded asynchronously from a CSV file hosted on GitHub, fetched via the `fetch` API and parsed with `csvParse`. The plot renders as an SVG, sized to the full browser window.

Ssanjanadadi19@gmail.com

88% match

Loading thumbnail…

Activity_6_Q3.6

A scatter plot displays the relationship between horsepower and torque for vehicle data, with points colored by manufacturer. The chart uses D3 v6 to load CSV data from GitHub, create linear scales, and render circles in an SVG. Axis labels and tick marks are styled with green text, while scales and axis generators like `scaleLinear`, `axisLeft`, and `axisBottom` handle the graphical mapping.

Pparvathi829790@gmail.com

88% match

Loading thumbnail…

Activity 6 Task 3

This scatter plot visualizes the relationship between horsepower and torque for vehicles, with each point colored by manufacturer using a categorical scale. The visualization uses D3 v6 to load CSV data from a GitHub repository, parse numeric fields, and render SVG circles scaled by linear axes. Axis labels and tick formatting are applied through D3’s axisLeft and axisBottom components, while the color scale uses scaleOrdinal with schemeCategory10. The chart fills the browser window, with circles set to a fixed radius and partial opacity to show overlapping points.

BBamanGayathri

88% match

Loading thumbnail…

Activity-6_Ques-3

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for various car brands, with each point colored by brand using a categorical scale. It loads data from a CSV file via `d3.csv`, scales the x and y axes using `scaleLinear`, and maps brands to colors through `scaleOrdinal` with `schemeCategory10`. The SVG rendering uses D3 v6 selections to append circles and axes, with `axisLeft` and `axisBottom` for labeled scales.

VVasanth Krishna

87% match

Loading thumbnail…

Activity6_q3

This example visualizes car performance by plotting horsepower against highway MPG for various automotive brands. The scatter plot uses D3 v7 to render SVG circles colored by vehicle category—Economy, Standard, Luxury, or Sports—with axes, labels, and a legend. A second chart, created with Chart.js, displays average horsepower per make as a horizontal bar chart, using Papa Parse to load data from bubblechart.csv and categorizing brands through a custom JavaScript function.

Rrakshithareddy217@gmail.com

87% match

Loading thumbnail…

Assignment 6 updated -- Scatter plot with a qualitative color scale

This scatter plot visualizes the relationship between average horsepower and torque for 46 car brands, with each brand represented as a white circle with a colored outline. A qualitative color scale using `d3.scaleOrdinal` with `d3.schemeCategory10` distinguishes manufacturers, while a legend and interactive tooltip, implemented with D3 v6 event handlers, reveal brand names and exact values on hover. The chart, rendered as SVG, loads data from `stripechart1.csv` via `d3.csv` and positions points using `d3.scaleLinear` for both axes.

Vvishusikka

87% match

Loading thumbnail…

scatter plot

This scatter plot visualizes the relationship between horsepower and torque for ten car makes, with each make represented by a colored circle. The plot uses D3.js v7 with SVG rendering and interactive tooltips that display the car make and its values on hover. Axes are labeled and scaled using `d3.scaleLinear`, while circles are positioned with `d3.axisBottom` and `d3.axisLeft` for the grid. The chart is animated through CSS transitions on tooltip opacity, providing a clean, hover-driven exploration of the dataset.

Jjayakrishnanallani5@gmail.com

87% match