Skip to main content
SimilarExport ZIP
100%

Activity6_Task3

✓ Published0🌍 Public
Ssahithigovindaraju@my.unt.edu
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

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.

AI-generated description

We are Displaying the Bubblechart.csv dataset using Scatter plot.

MIT Licensed

Similar vizzes

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

activity_6 task3.1

This example shows a scatter plot of automobile performance data, mapping horsepower on the x-axis, torque on the y-axis, and highway MPG to the radius of each circle. The visualization uses D3 v6 to load CSV data from a GitHub repository, parse numeric values, and render SVG circles. It employs d3.scaleLinear for position and size scaling, d3.extent for domain calculation, and d3.axisLeft and d3.axisBottom for labeled axes. A legend identifies the variables represented by the data, while the color scale assigns a single orange fill to all circles.

Ssahithigovindaraju@my.unt.edu
92% match
Loading thumbnail…

Activity6_Task3(Question 3)

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.

Gguruabhay294@gmail.com
92% match
Loading thumbnail…

Activity6_Task3

This example displays a scatter plot from a car dataset, showing the relationship between horsepower and highway MPG, with each orange circle representing a car. It loads data from a CSV file via `d3.csv`, parses numeric values, and scales the data using `scaleLinear` with `extent` for the domains. SVG circles are bound to the data, and axes are rendered with `axisBottom` and `axisLeft`. D3 v6 handles all DOM manipulation and data joins, while axis labels are positioned via SVG text and `transform`.

Ssahithigovindaraju@my.unt.edu
91% match
Loading thumbnail…

Activity6_Task4

This bubble chart shows the relationship between horsepower, torque, and highway MPG for various car makes. Each circle’s x-position represents horsepower, the y-position represents torque, and the circle radius encodes torque magnitude. The chart uses d3.csv to load data, d3.scaleLinear for axes, d3.scaleSqrt for bubble sizing, and d3.scaleOrdinal with d3.schemeCategory10 for color encoding. SVG rendering includes interactive hover effects that change circle fills, along with legends for car makes and highway MPG.

Ssahithitoomu@gmail.com
91% match
Loading thumbnail…

Activity6_Task4

This scatter plot visualization shows the correlation between average horsepower, torque, and highway MPG across different car makes, with each bubble representing a make and its size encoding the highway MPG value. The chart uses D3.js v7 to render an SVG with linear scales for the x and y axes, a third scale for bubble radius, and an ordinal color scale with interpolated turbo colors to distinguish makes. Interactive tooltips display the make name on hover, while a legend explains both the bubble size encoding and the color categories.

Ssanjanaadapa7@gmail.com
91% match
Loading thumbnail…

Activity6_Task4

This scatterplot visualization shows the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each bubble represents a car brand, with its x-position indicating horsepower, y-position indicating torque, and bubble size scaled to highway MPG. The chart includes a color-coded legend for car makes and an interactive tooltip displaying the make on hover. Using D3 v7's `d3.scaleLinear` and `d3.scaleOrdinal` with `d3.interpolateTurbo`, the visualization renders as SVG with smooth hover transitions and mouse event handlers for tooltip positioning.

SSai Praveen Lokavarapu
90% match