Skip to main content
SimilarExport ZIP
100%

Activity6_Question3.1

✓ Published0🌍 Public
Ssaisnehapalle@my.unt.edu
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Activity6_Task 3.1

This interactive scatter plot displays car mileage and price relationships, with points colored by car type (Camry, Corolla, and other). It uses the D3 v6 API, loading data from a GitHub-hosted CSV file, scaling values with `d3.scaleLinear` and rendering circles in an SVG. Axes are generated with `d3.axisLeft` and `d3.axisBottom`, while the full-screen responsive 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…

Activity6_task3

This example shows the relationship between car price and mileage with an interactive scatter plot. Each circle represents a vehicle, positioned by mileage on the x-axis and price on the y-axis, with color encoding price ranges via a `d3.scaleThreshold` (green, yellow, orange, red). Hovering over a point enlarges the circle and reveals the make, model, and price in a temporary text tooltip. The chart uses `d3.csv` to load external data and renders axes and circles as SVG, with a legend summarizing price bins.

Yyadlapallisaisathvik@gmail.com
87% match
Loading thumbnail…

Activity6_Question 3.1

This scatter plot visualizes car data, showing the relationship between engine size and torque, with points colored by vehicle type (Sedan, SUV, Hatchback, etc.). Each circle’s rx and ry attributes are set to horsepower and model year values, creating an elliptical effect. Built with D3 v6, it uses `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load data from a GitHub-hosted CSV and render an SVG chart.

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

Fork of Activity6_Question3

This example displays a scatter plot of car prices against model year, using blue circles positioned on an SVG canvas. It loads car price data from a GitHub-hosted CSV file and parses the price field as a number. The visualization uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to map the data to x and y coordinates with labeled axes. The plot fills the entire browser window, with the title styled in red italics.

Ssaimanvith22@gmail.com
87% match
Loading thumbnail…

Activity6_question3

This interactive scatter plot visualizes a car dataset, with each point representing a vehicle plotted by its Total Sales and Product. The chart, rendered as an SVG, uses D3 v6 APIs including `csv`, `scaleLinear`, `scaleOrdinal`, `axisLeft`, `axisBottom`, and `schemeTableau10` to map data to position and color. A legend identifies the product categories via color. The visualization is loaded from a remote CSV file and fills the browser window, with axes labeled "Highway MPG" and "Horsepower."

Kkandulasunny17@gmail.com
86% match
Loading thumbnail…

Activity6_Question 3.1

This scatter plot displays the relationship between vehicle mileage and price across different car types, using color-coded circles for the Iris dataset. The visualization loads data from a CSV file via d3.csv, parses the numeric values, and maps them to SVG circle elements using d3.scaleLinear scales. Coordinate axes are rendered with d3.axisLeft and d3.axisBottom, while circle colors are determined by a custom marker function that assigns distinct hues to each car type. The chart is built with D3 v6, using the select, extent, and join methods to bind data to SVG elements.

Ssaisnehapalle@my.unt.edu
86% 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
86% 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
86% 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
86% match