Skip to main content
SimilarExport ZIP
100%

BHAVANI TASK 9

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

This area chart visualizes the relationship between horsepower and torque for a dataset of vehicles. It uses D3.js v5 to load CSV data and render an SVG visualization, with the area filled in steelblue at 70% opacity. The chart employs `d3.scaleLinear` for both axes, `d3.area` to generate the shaded path, and `d3.axisBottom` and `d3.axisLeft` to display the axes. Axis labels for Torque and Horsepower are appended as SVG text elements, and data comes from a remote GitHub repository.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Task-9&10 Q2

This area chart compares three car attributes—horsepower, torque, and highway MPG—across different car makes using overlapping filled paths. Built with D3 v7, the visualization loads CSV data via `d3.csv`, scales values with `scaleBand` and `scaleLinear`, and renders the three series using `d3.area` paths in steelblue, orange, and green. The SVG output includes rotated x-axis labels, a legend, and axis titles, with the data sourced from a raw GitHub CSV file.

Ttallurisaiteja96@gmail.com
83% match
Loading thumbnail…

Activity 6 Task 3

This scatter plot visualizes the relationship between horsepower and torque for vehicles, with each point colored by manufacturer using a categorical scale. The visualization uses D3 v6 to load CSV data from a GitHub repository, parse numeric fields, and render SVG circles scaled by linear axes. Axis labels and tick formatting are applied through D3’s axisLeft and axisBottom components, while the color scale uses scaleOrdinal with schemeCategory10. The chart fills the browser window, with circles set to a fixed radius and partial opacity to show overlapping points.

BBamanGayathri
82% match
Loading thumbnail…

ACTIVITY 6 tutorial 2 Bhavani mandula

This stacked bar chart displays the average horsepower and torque for various car makes, revealing performance differences across brands. The chart uses d3.stack() and d3.scaleBand to segment each bar, with d3.scaleLinear for the y-axis and d3.scaleOrdinal for color encoding. Hovering over a bar triggers a pop-up with exact percentages, though the code currently omits the tooltip implementation. Data is sourced from the provided CSV file, and rendering uses SVG elements generated by D3 v7.

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

Task-8(Q3)

This scatter plot visualizes the relationship between horsepower and torque for car models, with each point colored by car make. It loads data from a remote CSV file using `d3.csv` and renders SVG circles positioned by linear scales (`d3.scaleLinear`) with a color ordinal scale (`d3.scaleOrdinal`) using `d3.schemeCategory10`. The chart includes labeled axes via `d3.axisBottom` and `d3.axisLeft`, plus a legend mapping colors to makes.

Ttallurisaiteja96@gmail.com
81% match
Loading thumbnail…

Fork of Activity6_Task3.6

This scatter plot shows the relationship between horsepower and torque for vehicles, with each point colored by vehicle make. The code loads data from a CSV file hosted on GitHub and uses D3 v6’s `scaleLinear`, `axisBottom`, `axisLeft`, and `scaleOrdinal` with `schemeCategory10` to position circles and create a color-coded legend. The visualization renders as an SVG, sized to the browser window, with labeled axes for horsepower and torque.

MMallikarjun Narra
81% match
Loading thumbnail…

Q3

This is a scatter plot that visualizes the relationship between horsepower and torque for vehicles, with each point colored by the car’s make. The data is loaded from a remote CSV file, and the chart uses linear scales for both axes with ordinal color mapping. It is rendered as SVG using D3 v7, featuring axes with labels, semi-transparent circles, and a legend showing the color categories. The code calls d3.csv, d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft.

Nnsairitwikreddy@gmail.com
80% match
Loading thumbnail…

harsha act6 task4

A bubble chart visualizes the correlation between average horsepower, torque, and highway MPG for various car makes, using data from a CSV file. The x-axis maps horsepower, the y-axis maps torque, and circle size encodes highway MPG, with color distinguishing each make via a color scale. Built with D3 v7, this SVG visualization includes interactive tooltips on mouseover and a legend for both MPG values and color categories. The code uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and event handlers for tooltip interactions.

Ssriharshakondakindi@gmail.com
80% match
Loading thumbnail…

Activity6_Task3

This scatter plot shows the relationship between car horsepower, torque, and highway MPG for a dataset of vehicles, where each circle’s position encodes horsepower and torque, and its radius encodes fuel efficiency. The visualization is rendered as an SVG using D3 v6, employing `d3.scaleLinear` for the axes, `d3.scaleSqrt` for bubble sizing, and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded from a remote CSV file, with car make labels drawn above each point, and axis labels styled with CSS.

Ssahithigovindaraju@my.unt.edu
80% match