Skip to main content
SimilarExport ZIP
100%

activity_6_task_3questions

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

A scatter plot displays the relationship between acceleration and top speed for various car makes, with each point colored by its manufacturer using a categorical color scheme. The D3.js code loads data from a CSV file, applies a linear scale to both axes, and renders circles on an SVG canvas. The visualization includes labeled x and y axes, with color differentiation achieved through `d3.scaleOrdinal` and `d3.schemeCategory10`.

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_question3

This scatter plot visualizes car performance metrics by showing horsepower, torque, and highway MPG values for different car makes along a single quantitative axis. Each metric is color-coded using d3.scaleOrdinal with a Category 10 palette, and the categorical y-axis uses d3.scaleBand. The visualization reads data from a remote CSV file using d3.csv, renders circles with d3.select and join, and includes custom axes, labels, and a legend. The SVG output is generated using D3 v6.

Nnishwitha.1032@gmail.com
84% match
Loading thumbnail…

Activity6_Task3.2

This scatter plot visualizes the relationship between car top speed and price, with point shapes encoding car brands. Built with D3 v7, the visualization uses `scaleLinear` for both axes, `scaleOrdinal` with `symbolsFill` for categorical shape mapping, and `symbol` to generate the varied point glyphs. The custom `axes` module labels the axes, while the `shapeLegend` module provides a manual legend for brand categories. Data is parsed from a remote CSV using `csvParse`, with numeric fields converted for plotting. The chart is fully responsive, scaling to the browser window dimensions.

Ssahithigovindaraju@my.unt.edu
83% 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
83% 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…

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

Activity6_Task4

A scatter plot visualizes the relationship between horsepower and acceleration for ten cars, encoding the categorical model field (A, B, C) with three distinct SVG shapes: circles in steelblue for model A, green squares for model B, and orange triangles for model C. The chart uses linear scales for both axes with labeled ticks, rendering all marks through manually appended SVG primitives. The code defines the dataset inline and employs D3 v7 methods like `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.path` to construct the shapes and axes.

Tthoutunikhitha@gmail.com
82% match
Loading thumbnail…

Activity6_Q-3

This scatter plot displays the relationship between horsepower and acceleration for ten cars, with each point’s shape and color indicating the car model (A, B, or C). The visualization uses D3.js v7 to map data to SVG shapes, with circles, squares, and triangles drawn using `d3.select`, `d3.scaleLinear`, and `d3.path`. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, and labeled via appended SVG text elements. The dataset is hardcoded in the script, and the plot is rendered entirely on an SVG canvas.

Tthoutunikhitha@gmail.com
82% match
Loading thumbnail…

activity6 -question 3

This visualization compares car performance metrics using a scatter plot of horsepower against highway MPG, with points colored by car category (Economy, Standard, Luxury, Sports) and a legend. It loads car data from a CSV file and uses D3 v7 with SVG rendering to create the chart, including axes, labels, and a title. The example demonstrates basic D3 scales, axis generation, and data binding for circular marks.

Hharsha13638@gmail.com
82% match