Skip to main content
SimilarExport ZIP
100%

activity 7 task 2

✓ Published1🌍 Public
Ssindhureddykandada@gmail.com
Last edited Nov 7, 2024
Created on Nov 6, 2024
Forked from Hello VizHub

This area chart visualizes the maximum horsepower for various car makes, with the x-axis ordered by make and the y-axis scaled linearly from zero. The chart loads CSV data from a GitHub repository using `d3.csv`, then renders a filled blue area via the `d3.area()` generator onto an SVG canvas. Axes are added with `d3.axisBottom` and `d3.axisLeft`, and labels for “Car Make” and “Horsepower” are positioned using SVG text elements. The visualization uses D3 v7 with a clean, responsive layout and subtle hover opacity effects.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity 7 task 1

This pie chart visualizes the distribution of horsepower values across different car makes from a CSV dataset. The code uses D3 v7’s `pie()` and `arc()` generators to compute and draw the slices as SVG paths, with a `scaleOrdinal` color scale mapping each make to a distinct fill. A legend is appended as SVG rectangles and text labels, while axis titles for “Car Make” and “Horsepower” are added manually. The visualization reads data asynchronously via `csv()`, converts horsepower to numeric values, and renders with a light gray background.

Ssindhureddykandada@gmail.com
86% match
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
85% match
Loading thumbnail…

activity7.1-2

This chart displays the relationship between car horsepower and highway miles per gallon as a filled area. The code loads CSV data from a GitHub repository and parses the numeric fields. It uses D3.js v7 to create an SVG, applying a linear scale for both axes and the d3.area generator to construct the area path. Axis labels are added using d3.axisBottom and d3.axisLeft, with the chart rendered on a white, rounded background.

DDeekshitha Annreddy
84% match
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
84% match
Loading thumbnail…

Activity8-Task2

This stacked bar chart visualizes car performance metrics—horsepower, torque, and highway MPG—across seven car makes. Using D3 v7, it groups values per make into horizontal, color-coded segments on a linear scale up to 450. Tooltips reveal exact values on hover, while axes and labels clarify the categories. Data comes from an embedded CSV defining make and the three metrics.

Ssirichandana017@gmail.com
84% match
Loading thumbnail…

Activity6_Task2_Q2.1

This visualization displays the average horsepower for various car makes, using a vertical bar chart where each bar represents a different manufacturer, sorted along the x-axis and measured on the y-axis. The chart, built with D3.js (d3.v7), uses SVG for rendering and includes an animated tooltip that appears on mouse hover. This tooltip reveals the specific make and its average horsepower value. The data is loaded from an external CSV file, and the chart's bars are drawn with the `d3.scaleBand` and `d3.scaleLinear` APIs to map the categorical and numerical variables, respectively.

PPothuguntla Pranitha
83% match
Loading thumbnail…

Activity-7Q2

Three overlapping area layers compare horsepower, torque, and highway MPG across car brands on a shared point scale, with distinct steelblue, orange, and green fills and a matching legend. The chart renders to SVG using D3 v6, loading CSV data remotely and parsing numeric fields. It employs `d3.area` generators, `scalePoint` and `scaleLinear`, `axisBottom` with rotated labels, and `axisLeft`, while tooltips appear via appended `title` elements.

Jjahnavigummadi@my.unt.edu
82% match
Loading thumbnail…

Activity_6_Task2_Q2

This stacked bar chart visualizes the distribution of horsepower, torque, and highway MPG across 31 car makes, using d3.stack with d3.scaleBand for the y-axis and d3.scaleLinear for the x-axis. Each bar segment represents one attribute, colored via d3.scaleOrdinal, and hover interactions display the precise attribute value in a tooltip. The SVG renders data from a local CSV, with axes, labels, and gridlines styled using D3’s axis methods and external fonts.

Vvarmanithish5@gmail.com
82% match