Skip to main content
SimilarExport ZIP
100%

Activity6_TASK3(Question)

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

This scatter plot visualizes the Bubblechart dataset, mapping horsepower on the x-axis, highway MPG on the y-axis, and coloring each point by car make using a custom ordinal color scale. It loads CSV data via `d3.csv`, applies linear scales with `scaleLinear`, and renders SVG circles with axes from `d3.axisLeft` and `d3.axisBottom`. A legend built with SVG rectangles and text labels identifies the makes, using data bound through D3’s `join` method and dynamic element creation.

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

Activity6_Question3

This interactive scatter plot visualizes car performance by plotting horsepower on the x-axis against torque on the y-axis, with each circle’s size and color encoding highway MPG using d3.scaleSqrt and d3.scaleSequential with the Viridis interpolator. The d3.csv-loaded dataset from a GitHub repository (bubblechart.csv) is rendered as SVG circles, and hover interactions trigger a tooltip displaying the car make and MPG value. Axes are generated with d3.axisBottom and d3.axisLeft, while d3.event positions the tooltip during mouseover and mouseout transitions.

Vvarmanithish5@gmail.com
89% match
Loading thumbnail…

Activity6_QUESTION3

This scatter plot visualizes a car dataset, showing the relationship between horsepower and highway MPG, with each point colored by the car’s make via a legend. It uses D3 v6’s `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to load data from a GitHub CSV, render SVG circles, and add axes, labels, and a color-coded legend.

Vvankayalapatimounika2000@gmail.com
89% match
Loading thumbnail…

Activity6Question3

A scatter plot displays car dataset relationships between horsepower and highway MPG, with each point colored by vehicle make. The visualization loads CSV data from a GitHub repository and uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to render an SVG chart with labeled axes and a legend. Points are positioned using linear scales mapped from the data extent, with a fixed radius of 5 pixels.

Ssatishvelaga02@gmail.com
89% match
Loading thumbnail…

Activity 6 question 3

This scatter plot visualizes car dataset attributes, mapping horsepower on the x-axis and highway MPG on the y-axis. Points are colored by make using D3’s `scaleOrdinal` with `schemeTableau10`, and axes are generated via `axisLeft` and `axisBottom`. The code loads CSV data from GitHub using `d3.csv`, applies linear scales with `scaleLinear`, and renders circles and a legend in SVG. The visualization demonstrates D3 v6 data joining and margin-based layout within a full-window responsive viewport.

AAamani Chamarthi
89% match
Loading thumbnail…

Activity6_Question1

A bubble chart visualizes correlations between average horsepower, torque, and highway MPG across 31 car makes, with circle size encoding highway MPG and color representing car brand. The D3 v7 code loads CSV data, scales axes linearly, and positions bubbles via x/y coordinates. Hovering reveals tooltips showing the car make. A legend explains size and color mappings. The SVG renders with static circles, using D3's selection, scale, and axis methods.

Llikhitha.sarahah01@gmail.com
89% match
Loading thumbnail…

Activity6_task4 ques9

This SVG bubble chart maps car makes by horsepower on the x-axis and torque on the y-axis, with circle size encoding highway MPG and color distinguishing brands. Built with D3 v7 using `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`, it renders 30 data points from a local CSV. The chart employs `d3.axisLeft` and `d3.axisBottom` for axes, applies a Tableau10 color scheme via `d3.schemeTableau10`, and uses the `.join()` operator to bind circles to data.

Ppuppireddyarchana@gmail.com
88% match
Loading thumbnail…

activity-6 Task-4

This bubble chart visualizes vehicle performance by mapping horsepower on the x-axis, torque on the y-axis, and highway MPG as bubble size, with each make colored using d3.scaleOrdinal and d3.schemeTableau10. Data loads from a CSV file via d3.csv, and circles render in SVG with hover tooltips showing exact values. The chart includes axis labels, a size legend for MPG, and a color legend for car makes.

Bbhargavireddy4016@gmail.com
88% match