Skip to main content
SimilarExport ZIP
100%

Q3 - Jaynica Nunna

✓ Published0🌍 Public
Nnunnajaynica@gmail.com
Last edited Apr 11, 2024
Created on Apr 11, 2024
Forked from Hello VizHub

This scatter plot visualizes a car dataset, showing the relationship between horsepower on the x-axis and highway MPG on the y-axis, with each circle colored by car make. The visualization demonstrates D3 v6’s modular API, using `csv` to load data from a GitHub raw URL, `scaleLinear` and `scaleOrdinal` with `schemeTableau10` for scales, and `axisLeft`/`axisBottom` for axes. Circles are rendered as SVG elements via `selectAll().data().join()`, with a color legend positioned on the right. The plot uses a full-window SVG canvas with margins adjusted for readability.

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…

question3

This scatter plot visualizes car data, showing the relationship between horsepower on the x-axis and highway miles per gallon on the y-axis, with each point colored by car make. The visualization uses D3 v6, loading data via `d3.csv` from a GitHub repository. It employs `scaleLinear`, `scaleOrdinal`, and `schemeTableau10` for scales and colors, rendering circles as SVG elements. The chart includes custom axis labels and a legend, with axes created using `axisLeft` and `axisBottom`.

Eeedaraajay02@gmail.com
85% match
Loading thumbnail…

T4 - Jaynica Nunna

This bubble chart shows the correlation between average horsepower, torque, and highway MPG for various car makes, with each circle’s position encoding horsepower on the x-axis and torque on the y-axis, while its radius represents highway MPG. The visualization uses D3 v7 with SVG rendering, including interactive tooltips that display the car make on hover. A color scale based on `d3.interpolateTurbo` maps each make to a distinct hue, and legends for both bubble size and color categories are included. Data is loaded from a local CSV file using `d3.csv`.

Nnunnajaynica@gmail.com
84% 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
83% 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
83% match
Loading thumbnail…

que 3 supriya

This scatter plot visualizes car dataset attributes, plotting horsepower on the x-axis against highway MPG on the y-axis, with each point colored by the vehicle’s make. Built with D3 v6, it uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `schemeTableau10` for categorical colors, and `d3.axisLeft`/`d3.axisBottom` for labeled scales. The SVG renders circles for each data row fetched from a CSV, includes a legend listing manufacturers, and positions axis titles rotated for readability.

SSupriya Ravilla
82% match
Loading thumbnail…

Question 3

This scatter plot visualizes car dataset attributes, mapping horsepower on the x-axis and highway MPG on the y-axis, with car make encoded by color. The visualization loads CSV data from a GitHub repository and renders circles in an SVG using D3 v6. It demonstrates core D3 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` for color coding, alongside custom margin and legend positioning.

Cchintamanenithp@gmail.com
82% match
Loading thumbnail…

question 3

A scatter plot visualizes car dataset attributes, plotting horsepower on the x-axis against highway MPG on the y-axis, with each point colored by car make. It loads data from a remote CSV via `d3.csv`, then uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `schemeTableau10` for the categorical color legend. Axes are rendered with `d3.axisLeft` and `d3.axisBottom` in SVG, and circles are joined to the data using `selectAll().data().join()`. The chart is fully responsive, sizing to window dimensions.

Jjaideeptripurani12@gmail.com
82% match
Loading thumbnail…

question 3

A scatter plot visualizes car dataset attributes, plotting horsepower on the x-axis against highway MPG on the y-axis, with each point colored by car make. It loads data from a remote CSV via `d3.csv`, then uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `schemeTableau10` for the categorical color legend. Axes are rendered with `d3.axisLeft` and `d3.axisBottom` in SVG, and circles are joined to the data using `selectAll().data().join()`. The chart is fully responsive, sizing to window dimensions.

Jjaideeptripurani12@gmail.com
82% match