Skip to main content
SimilarExport ZIP
100%

Activity6_Task3(Question 3)

✓ Published0🌍 Public
Gguruabhay294@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This scatter plot visualizes the relationship between horsepower, torque, and highway MPG for a set of cars, using color to encode the third variable. The visualization is rendered as an SVG using D3 v6, with the code leveraging `d3.csv` to fetch data, and `d3.scaleLinear`, `d3.scaleSequential`, `d3.interpolateBlues`, `d3.axisLeft`, and `d3.axisBottom` to build the plot, axes, and color scale. The dataset is loaded from a GitHub-hosted CSV file, and the chart fills the browser window.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes

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

task-3 question Activity-6

This scatter plot shows the relationship between horsepower and torque for various racing cars, with the highway fuel efficiency of each car encoded through a green color scale. The visualization loads a CSV dataset from GitHub and renders it as an SVG using D3 v6. It employs `d3.csv`, `d3.scaleLinear` for the axes, `d3.axisLeft` and `d3.axisBottom` for tick marks, and `d3.scaleSequential` with `d3.interpolateGreens` for the color mapping.

Iiftequaruddin883@gmail.com
91% match
Loading thumbnail…

Activity 6 Question 3

This scatter plot displays the relationship between horsepower and highway MPG across a car dataset, with each point colored by car make. Using D3 v6, the visualization fetches CSV data via `d3.csv`, maps values through `scaleLinear` and `scaleOrdinal` with `schemeTableau10`, and renders an SVG with circles, axes, labels, and a legend. Mouseover or interaction is not implemented; the chart relies solely on static visual encoding to communicate trends in vehicle performance and fuel efficiency.

HHarshita Vairagade
91% match
Loading thumbnail…

Activity 6_Question 3

This scatter plot visualizes a car dataset, mapping horsepower on the x-axis against highway MPG on the y-axis, with each point colored by the car’s make. The visualization uses D3 v6, loading CSV data from a GitHub URL and rendering as SVG. Axes are created with `axisLeft` and `axisBottom`, while `scaleLinear` handles the positional scales and `scaleOrdinal` with `schemeTableau10` assigns categorical colors. A legend identifies the car makes, and point radius is fixed at five pixels.

Ttallavijayalakshmi0710@gmail.com
90% match
Loading thumbnail…

Activity06 Question 3.6

This scatter plot visualizes the relationship between horsepower and highway MPG for vehicles, with each point colored by the vehicle's make. The visualization uses D3 v6 to load CSV data, apply linear scales for both axes, and render the plot as an SVG. Users can hover over individual points to see the make via a tooltip, which also highlights the selected point with a black border. The chart includes labeled axes for Highway MPG and Horsepower.

Bbharatchowdarypotluri@my.unt.edu
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…

Activity 6_Question 3

This scatter plot visualizes automobile data, mapping horsepower on the x-axis, torque on the y-axis, and highway mpg as the radius of each steel-blue circle. It loads a CSV file from GitHub using d3.csv, parses numeric fields, and applies d3.scaleLinear for all three dimensions. Axes are rendered with d3.axisLeft and d3.axisBottom, while SVG circles are positioned via mouse coordinates. The chart fills the browser window using window.innerWidth and innerHeight, with axis labels styled in green Times font.

MMonish Galla
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
89% match