Skip to main content
SimilarExport ZIP
100%

Activity6_Task3.2

✓ Published0🌍 Public
Ssahithigovindaraju@my.unt.edu
Last edited Oct 21, 2024
Created on Oct 21, 2024
Forked from Hello VizHub

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity6_task3.2

This visualization displays a scatter plot comparing car horsepower and torque, with points shaped by car make. The plot uses D3 v7's `scaleLinear`, `scaleOrdinal`, and `symbol` APIs to map data values to positions and shapes. A legend with shape symbols identifies different car makes, while axes are rendered using `axisLeft` and `axisBottom`. Data is loaded from a remote CSV file and parsed with `csvParse`, with numeric fields converted using unary operators.

Ssahithigovindaraju@my.unt.edu
84% match
Loading thumbnail…

activity_6_task_3questions

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`.

HHarinathChakali33@gmail.com
83% match
Loading thumbnail…

Task3_Activity6

This scatter plot visualizes the relationship between horsepower and torque for different car makes. Each point’s shape encodes the car’s manufacturer, with a legend on the right identifying the shape-to-make mapping. The visualization uses D3 v7 APIs including `scaleLinear`, `scaleOrdinal`, `symbolsFill`, `symbol`, and `axisBottom`/`axisLeft` for axes. Data is loaded asynchronously from a CSV file hosted on GitHub, fetched via the `fetch` API and parsed with `csvParse`. The plot renders as an SVG, sized to the full browser window.

Ssanjanadadi19@gmail.com
82% match
Loading thumbnail…

Activity-6_Ques-3

This scatter plot visualizes the relationship between fuel efficiency (MPG) and horsepower for various car brands, with each point colored by brand using a categorical scale. It loads data from a CSV file via `d3.csv`, scales the x and y axes using `scaleLinear`, and maps brands to colors through `scaleOrdinal` with `schemeCategory10`. The SVG rendering uses D3 v6 selections to append circles and axes, with `axisLeft` and `axisBottom` for labeled scales.

VVasanth Krishna
81% match
Loading thumbnail…

Activity6_Q3

This example visualizes the performance of car brands by means of an SVG scatter plot and a Canvas-based bar chart. The scatter plot, created with D3 v7, maps each vehicle’s horsepower to its highway MPG and colors points by category (Economy, Standard, Luxury, Sports). The bar chart, rendered via Chart.js, aggregates average horsepower per make using a horizontal bar layout with a custom legend derived from CSV data. Axes are generated using `axisLeft` and `axisBottom` utilities.

Kkeerthana11.mcs@gmail.com
81% 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
81% match
Loading thumbnail…

Activity6_Question3.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.

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

Activity6-Q3.6

This scatter plot displays car makes on the y-axis against combined performance metrics—horsepower, torque, and highway MPG—on the x-axis, with colored circles distinguishing each category. The visualization loads CSV data from a GitHub repository using d3.csv, then transforms the dataset into combined points for three metrics per car. It renders an SVG using d3.scaleLinear for the x-axis, d3.scaleBand for categorical y-axis placement, and d3.axisLeft/axisBottom for tick marks. A legend and axis labels clarify the grouped metric values.

Ssriyaalugupalli@my.unt.edu
81% match