Skip to main content
SimilarExport ZIP
100%

Activity-6_Ques-3

✓ Published0🌍 Public
VVasanth Krishna
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

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.

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_q3

This example visualizes car performance by plotting horsepower against highway MPG for various automotive brands. The scatter plot uses D3 v7 to render SVG circles colored by vehicle category—Economy, Standard, Luxury, or Sports—with axes, labels, and a legend. A second chart, created with Chart.js, displays average horsepower per make as a horizontal bar chart, using Papa Parse to load data from bubblechart.csv and categorizing brands through a custom JavaScript function.

Rrakshithareddy217@gmail.com
88% match
Loading thumbnail…

Activity6_Q6

A scatter plot displays horsepower versus torque for ten car brands, using a point for each model in a dataset. The visualization employs D3 v7 with SVG rendering, showing the relationship between the two engine performance metrics on a linear scale. The code uses `d3.scaleLinear` for both axes, `d3.extent` to determine domain ranges, `d3.axisLeft` and `d3.axisBottom` for ticks, and a `d3.scaleOrdinal` color scheme to distinguish brands. Axis labels, rendered via SVG text elements, identify the variables in green type.

Ddabbararakshitha@gmail.com
87% 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
87% 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
87% 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
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…

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

Activity6_task3 ques6

This scatter plot visualizes the relationship between horsepower and torque for ten different car brands, with one colored dot per brand. The chart uses a linear scale for both axes, with red axis labels and a green title. Built with D3.js v7, the code uses `d3.scaleLinear`, `d3.extent`, `d3.scaleOrdinal`, `d3.schemeCategory10`, and `d3.axisLeft`/`d3.axisBottom` to render the SVG. Data is hardcoded in the script, listing each brand's values.

Ppuppireddyarchana@gmail.com
86% match