Skip to main content
SimilarExport ZIP
100%

Activity6_task3 ques6

✓ Published0🌍 Public
Ppuppireddyarchana@gmail.com
Last edited Apr 7, 2025
Created on Apr 7, 2025
Forked from Activity6_Q6

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Q6

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.

Ddabbararakshitha@gmail.com
95% 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
89% 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
89% 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…

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…

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
86% match
Loading thumbnail…

Activity6_task4 ques9

This SVG bubble chart maps car makes by horsepower on the x-axis and torque on the y-axis, with circle size encoding highway MPG and color distinguishing brands. Built with D3 v7 using `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`, it renders 30 data points from a local CSV. The chart employs `d3.axisLeft` and `d3.axisBottom` for axes, applies a Tableau10 color scheme via `d3.schemeTableau10`, and uses the `.join()` operator to bind circles to data.

Ppuppireddyarchana@gmail.com
86% 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
86% match