Skip to main content
SimilarExport ZIP
100%

Task 8-Tutorial3.2_Q

✓ Published0🌍 Public
SSushmaNamidi@my.unt.edu
Last edited Apr 15, 2024
Created on Apr 15, 2024
Forked from Task 8-Tutorial3.2

This scatter plot visualizes the vehicle dataset, mapping vehicle length on the x-axis and height on the y-axis, with different vehicle types distinguished by distinct point shapes. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbolsFill to assign shapes, and d3.symbol to render the marks. The chart includes axis labels and a shape legend generated via the shapeLegend component, with data loaded asynchronously from a CSV file using d3.csvParse.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Task 8-Tutorial 3.1_Q

This scatter plot displays vehicle data, mapping height on the x-axis and weight on the y-axis. Each circle’s color encodes the vehicle type—sedans appear red, compacts yellow, and other types green. Built with D3 v6, the visualization loads a CSV from a remote URL, uses `scaleLinear` and `extent` to set axis domains, and renders marks via `select` and `join`. The SVG output includes labeled axes and a red title, with margins and a fixed radius for all points.

SSushmaNamidi@my.unt.edu
91% match
Loading thumbnail…

Task 8-Tutorial 3.2_Q

This scatter plot displays the Iris dataset, mapping vehicle height and weight as x- and y-coordinates while using additional length and width values to set elliptical rx and ry radii. Each point is color-coded by vehicle type (Sedan, Compact, or other) using red, yellow, or green fills, with fixed circular radius applied to the SVG circles. The visualization loads data from a GitHub-hosted CSV file using d3.csv, parses numeric fields, and creates the plot with d3.scaleLinear, d3.axisLeft, d3.axisBottom, and a d3 selection join, all rendered as SVG elements with axis labels.

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

Task8_Question3

This scatter plot visualizes the relationship between vehicle weight and miles per gallon, with points shaped according to the number of cylinders. The visualization is built with D3 v7, using `scaleLinear` for both axes and `scaleOrdinal` with `symbolsFill` to map cylinder counts to distinct shapes. Axis labels and tick marks are generated through custom `axes` and `shapeLegend` modules, which leverage D3's `axisLeft`, `axisBottom`, and `symbol` APIs. Data is loaded asynchronously from a CSV file via `csvParse` and rendered as SVG paths.

KKeerthi
82% match
Loading thumbnail…

Activity 6 task 3 question

This scatter plot visualizes a vehicle dataset, showing the relationship between fuel efficiency and vehicle size. The plot distinguishes vehicle types by shape and color: cars appear as sky-blue circles, trucks as light-green squares, and other types as orange triangles. The visualization uses D3 v6 to load CSV data, map data points to screen coordinates, and generate the SVG output. It employs `d3.scaleLinear` for axes scaling, `d3.extent` to determine data domains, and `d3.symbol` to construct the different marker shapes. Axis labels provide context for both variables.

Nnalinreddy96@gmail.com
82% match
Loading thumbnail…

Activity8_Task3

This example demonstrates a scatter plot of vehicle horsepower versus highway MPG, with data points shaped by car make. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, and `symbol()` to render distinct shapes, while custom modules handle axes and a shape legend. Data is loaded asynchronously from a CSV file via `csvParse`, and the plot updates responsively to fill the browser window.

Iikshwakalluri
81% match
Loading thumbnail…

Task 8 T3_Vitesh Chalicheemala

This scatter plot visualizes a car dataset, plotting horsepower against highway MPG, with each point colored by car make. The visualization uses D3 v6 to load CSV data from a GitHub repository and render SVG circles through scales and axes. It employs `scaleLinear` for both axes, `scaleOrdinal` with `schemeTableau10` for categorical colors, and `axisLeft`/`axisBottom` for tick marks. A legend maps color values to makes, and the layout adapts to the window size.

Mmanju.972@gmail.com
80% match
Loading thumbnail…

Task8_Q3.2

This example shows a scatter plot of engine power versus engine torque for automotive performance metrics, with each data point shaped according to the vehicle’s Make. A shape legend identifies the mapping between symbol types and car brands. The visualization uses d3.scaleLinear for the axes, d3.scaleOrdinal with d3.symbolsFill for the shapes, and d3.axisBottom and d3.axisLeft for the labeled axes. Data is loaded asynchronously from a CSV file and parsed with d3.csvParse.

Sshraehithareddy@gmail.com
79% match
Loading thumbnail…

Activity 6_Question 3

This example shows a scatter plot of vehicle performance data, mapping horsepower on the x-axis and weight on the y-axis for ten vehicles across different manufacturers. The visualization uses color-coded symbols from d3.symbolsFill to distinguish each manufacturer, with a legend explaining the shape mappings. Built with d3.v7, the code uses d3.scaleLinear for both axes, d3.scaleOrdinal for shape encoding, and d3.axisLeft/axisBottom for tick marks, while loading the CSV data asynchronously via d3.csv.

SSiva Kishore Reddy
78% match