Fork of Activity6_Task3.6

100%

Fork of Activity6_Task3.6

✓ Published0🌍 Public

Last edited Apr 15, 2024

Created on Apr 15, 2024

This scatter plot shows the relationship between horsepower and torque for vehicles, with each point colored by vehicle make. The code loads data from a CSV file hosted on GitHub and uses D3 v6’s `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with `schemeCategory10` to position circles and create a color-coded legend. The visualization renders as an SVG, sized to the browser window, with labeled axes for horsepower and torque.

AI-generated description

horsepower vs torque

MIT Licensed

Similar vizzes

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

92% match

Loading thumbnail…

Fork of Activity6_Q3

This interactive scatter plot visualizes the relationship between horsepower and torque for various car models, using distinct D3 symbols to differentiate vehicle makes. The visualization employs scales from d3.scale, including scaleLinear for axes and scaleOrdinal with symbolsFill to map makes to shapes. Data is loaded asynchronously via d3.csvParse from a GitHub-hosted dataset, with axes and a custom shape legend rendered through modular functions. The chart updates dynamically when new data arrives, displaying a color-coded legend for categorical identification.

Aaashrithas2000@gmail.com

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

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

90% match

Loading thumbnail…

Activity6_Task3

This interactive scatter plot, built with D3.js v6, visualizes a car dataset by plotting horsepower against torque. Each circle represents a car model, with its color encoding the vehicle's highway MPG value using a sequential blue color scale. The visualization uses a tooltip that appears on mouseover to display the car's make, horsepower, torque, and MPG. The axes are labeled and scaled using `d3.scaleLinear`, with the SVG output rendered to fill the browser window, pulling data from a remote CSV file.

Ggsdontineni518@gmail.com

89% match

Loading thumbnail…

Activity6_Task3

This scatter plot shows the relationship between car horsepower, torque, and highway MPG for a dataset of vehicles, where each circle’s position encodes horsepower and torque, and its radius encodes fuel efficiency. The visualization is rendered as an SVG using D3 v6, employing `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded from a remote CSV file, with car make labels drawn above each point, and axis labels styled with CSS.

Ssahithigovindaraju@my.unt.edu

89% match

Loading thumbnail…

Fork of Fork of Activity6_Task3.2.6

This visualization displays a scatter plot of vehicle data, showing the relationship between horsepower and highway fuel efficiency (MPG). Each point is shaped according to the car manufacturer, with a shape legend identifying the makes. The plot axes are labeled for both variables. The example uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbol`, and `axisLeft`/`axisBottom` to render the marks and axes, with data loaded from a remote CSV file.

MMallikarjun Narra

89% match

Loading thumbnail…

Activity6_Task3.2

This interactive scatter plot visualizes the relationship between horsepower and torque for various car makes, using bubble size to represent highway MPG and color to distinguish manufacturers. The visualization loads CSV data from a GitHub repository and renders it with D3 v7, employing scaleLinear for axes, scaleSqrt for bubble sizing, and scaleOrdinal with schemeCategory10 for categorical coloring. Axes are generated using axisLeft and axisBottom, while a custom shape legend component displays the car makes.

Ssahithigovindaraju@my.unt.edu

88% match