Skip to main content
SimilarExport ZIP
100%

Activity6_question3

✓ Published0🌍 Public
SShiva Sai Reddy
Last edited Oct 25, 2024
Created on Oct 25, 2024

A scatter plot displays the relationship between horsepower and fuel efficiency for car models, with each point's shape encoding the model. The visualization loads CSV data from a GitHub repository and uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to render marks. Axes and a shape legend are built with custom modules using `axisLeft`, `axisBottom`, and `symbolGenerator`. The chart dynamically resizes to the viewport and demonstrates modular ES6 imports and state management.

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…

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

Activity6_Question3

This scatter plot displays the relationship between horsepower and miles per gallon for cars, with each point’s shape and color encoding the car’s type. The visualization uses d3.scaleLinear for the axes, d3.scaleOrdinal with symbolsFill and schemeSet1 to map categorical values to distinct shapes and colors, and d3.axisLeft/axisBottom for axes. Data is loaded from a remote CSV and parsed with d3.csvParse. A custom legend shows the shape-to-category mapping, with d3.symbol generating the icon paths.

Nnikhilthoutu24@gmail.com
90% match
Loading thumbnail…

Activity-6_Question-3

A scatterplot shows the relationship between fuel efficiency and horsepower for a set of cars, with each point colored by car type. Built with D3 v6, the visualization uses `d3.csv` to load the data, `d3.scaleLinear` for the x- and y-axes, and `d3.scaleOrdinal` with a Tableau and Set3 color scheme to distinguish categories. Hovering reveals a tooltip with the model, type, and values. A legend and axis labels are drawn via SVG, with all marks rendered as `circle` elements.

Hhoneyravuri.711@gmail.com
88% 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
88% 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
88% match
Loading thumbnail…

Activity6_task3.2

This example shows a scatter plot comparing car horsepower and torque, with car make encoded by symbol shape and a custom legend. The visualization uses D3 v7 APIs including scaleLinear, scaleOrdinal, schemeCategory10, symbolsFill, and symbol to render marks. Data is loaded from a remote CSV and parsed with csvParse, then visualized using a modular structure with local ES6 modules for axes and legend components.

Ggsdontineni518@gmail.com
87% match
Loading thumbnail…

activity6_Question3

This scatter plot visualizes car performance by plotting horsepower on the x-axis against mileage (MPG) on the y-axis, with each point colored by fuel type (Petrol, Diesel, Electric). The visualization uses D3.js v7 with SVG rendering, employing `d3.scaleLinear` for both axes and `d3.scaleOrdinal` for color mapping. Data is loaded asynchronously via `d3.csv` from a GitHub gist, with a legend positioned separately using SVG circles and text elements.

Aa9.hemraj@gmail.com
87% match
Loading thumbnail…

Activity-6_Question-3

This scatter plot visualizes vehicle attributes, displaying horsepower on the x-axis and engine size on the y-axis for a dataset of car models from various years. Each circle represents a vehicle, with its color indicating the model year, differentiated through a legend at the right. The visualization is rendered as an SVG using the D3.js library, specifically utilizing `scaleLinear` for axis scaling and `scaleOrdinal` with the `schemeDark2` palette for color encoding. The code uses D3's `select`, `axisBottom`, and `axisLeft` functions to construct the chart within a gray inner rectangle.

Ccharanshiva769@gmail.com
87% match