Skip to main content
SimilarExport ZIP
100%

task2q

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

This scatter plot visualizes the relationship between Horsepower and MPG for various car brands, with each point colored by its brand. The visualization loads car data from a CSV file hosted on GitHub, parses it with `d3.csv`, and maps values to screen coordinates using `d3.scaleLinear` for both axes. Points are rendered as SVG circles with `d3.selectAll`, and a legend is generated using `d3.scaleOrdinal` with `d3.schemeSet1`. Axis labels are added via `d3.axisBottom` and `d3.axisLeft`, with the SVG container created using standard D3 selection and attribute methods.

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…

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…

task 3.2

This scatter plot visualizes the relationship between horsepower and miles per gallon across cars in the Auto MPG dataset, with each point colored by cylinder count. The code loads data from a CSV file using `d3.csv`, applies `d3.scaleLinear` for both axes, and uses `d3.scaleOrdinal` with `schemeCategory10` for color encoding. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, while circles are appended with dynamic `cx`, `cy`, and `fill` attributes, rendered in SVG. The visualization includes labeled axes and filters out rows with missing horsepower values.

GGanesh Gundekarla
85% match
Loading thumbnail…

task3

This scatter plot displays the relationship between horsepower and miles per gallon for vehicles from the Auto MPG dataset, with each point colored by cylinder count. It uses D3 v7 to load CSV data via `d3.csv`, filter out missing horsepower values, and render an SVG with `scaleLinear` axes, `scaleOrdinal` color mapping, and `schemeCategory10` for the legend. The visualization highlights the expected inverse correlation where higher horsepower generally corresponds to lower fuel efficiency.

GGanesh Gundekarla
84% match
Loading thumbnail…

Scatterplot: Horsepower and MPG in D3

This scatterplot shows the relationship between horsepower and miles per gallon (MPG) for a set of cars. It displays each car as a circle, with MPG on the x-axis and horsepower on the y-axis. Using d3.csv, it loads car data from a remote GitHub gist, converts the string values to numbers, and maps them to linear scales via d3.scaleLinear. The visualization renders circles as SVG elements, styled with CSS hover effects, and includes labeled axes and a title generated with d3-axis and SVG text.

Kkfhujosefsson@dons.usfca.edu
84% 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
83% match
Loading thumbnail…

task-4

This scatter plot uses a bubble chart to visualize the correlation between average horsepower (x-axis), average torque (y-axis), and highway MPG (bubble size) across 31 car makes. The D3.js visualization, rendered with SVG, features an animated tooltip that displays the car brand on hover, while a legend maps bubble size to MPG values and a color scale distinguishes each make. Data is loaded from a CSV file and mapped to scales using `d3.scaleLinear`, with `d3.interpolateTurbo` generating the color palette.

Aajaykumarakula00@gmail.com
83% 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
83% 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
83% match