Skip to main content
SimilarExport ZIP
100%

Task 8 T3_Vitesh Chalicheemala

✓ Published0🌍 Public
Mmanju.972@gmail.com
Last edited Apr 12, 2024
Created on Apr 9, 2024
Forked from Hello VizHub

This scatter plot visualizes a car dataset, plotting horsepower against highway MPG, with each point colored by car make. The visualization uses D3 v6 to load CSV data from a GitHub repository and render SVG circles through scales and axes. It employs `scaleLinear` for both axes, `scaleOrdinal` with `schemeTableau10` for categorical colors, and `axisLeft`/`axisBottom` for tick marks. A legend maps color values to makes, and the layout adapts to the window size.

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…

Task 8 T3_Vitesh Chalicheemala

This interactive bubble chart visualizes the correlation between average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower on the x-axis and torque on the y-axis, while its radius reflects highway MPG and its color distinguishes the car make. The chart includes a legend for MPG bubble sizes and a color-coded make legend. Built with D3 v7, it renders as an SVG with hover tooltips showing the make. The code uses d3.csv to load data, d3.scaleLinear for axes and sizing, and d3.scaleOrdinal with d3.interpolateTurbo for color mapping.

Mmanju.972@gmail.com
88% match
Loading thumbnail…

Task-8(Q3)

This scatter plot visualizes the relationship between horsepower and torque for car models, with each point colored by car make. It loads data from a remote CSV file using `d3.csv` and renders SVG circles positioned by linear scales (`d3.scaleLinear`) with a color ordinal scale (`d3.scaleOrdinal`) using `d3.schemeCategory10`. The chart includes labeled axes via `d3.axisBottom` and `d3.axisLeft`, plus a legend mapping colors to makes.

Ttallurisaiteja96@gmail.com
87% 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
87% match
Loading thumbnail…

task 3 question

This scatter plot visualizes car dataset attributes, plotting horsepower on the x-axis against highway MPG on the y-axis, with points colored by car make. The D3 v6 code uses `d3.csv` to load data from a GitHub-hosted CSV, then applies `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.schemeTableau10` for categorical colors, and `d3.axisLeft` and `d3.axisBottom` for tick marks. A legend maps colors to makes, and SVG circles represent each vehicle.

Rraaghaveramireddy@my.unt.edu
87% match
Loading thumbnail…

Activity8_Task3

This example demonstrates a scatter plot of vehicle horsepower versus highway MPG, with data points shaped by car make. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol()` to render distinct shapes, while custom modules handle axes and a shape legend. Data is loaded asynchronously from a CSV file via `csvParse`, and the plot updates responsively to fill the browser window.

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

Task8_Q3

A scatter plot displays automotive performance metrics, mapping engine power on the x-axis against engine torque on the y-axis. The circle radius encodes highway fuel efficiency, providing a third variable. The visualization loads CSV data from a GitHub repository and uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to render an SVG with labeled axes.

Sshraehithareddy@gmail.com
86% match
Loading thumbnail…

act 6 q3

This interactive scatter plot visualizes a car dataset, plotting horsepower against highway MPG, with each dot colored by the car's make through a Tableau 10 ordinal scale. The chart uses d3.csv to load remote data, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom for tick marks. A legend is rendered as colored rectangles with text labels, and the plot spans the full browser window via window.innerWidth and window.innerHeight. The visualization is built with d3.v6, rendered as SVG, and includes axis labels for both dimensions.

Ppavithranamburi24@gmail.com
86% match