Skip to main content
SimilarExport ZIP
100%

Activity-7Q2

✓ Published0🌍 Public
Jjahnavigummadi@my.unt.edu
Last edited Nov 4, 2024
Created on Nov 4, 2024
Forked from Hello VizHub

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.

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…

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

Activity-6(q2)

This stacked bar chart compares horsepower, torque, and highway fuel efficiency across 31 car manufacturers. The data is loaded from a CSV file and rendered as SVG using D3.js v7. The chart uses stacked segments to show the cumulative value of the three attributes for each manufacturer, with a color-coded legend. The y-axis represents the total sum, while rotated x-axis labels identify each brand. The visualization employs D3's `scaleBand`, `scaleLinear`, `scaleOrdinal`, and `stack` utilities, along with `axisBottom` and `axisLeft` for the axes.

Aaravapalliharika2002@gmail.com
85% match
Loading thumbnail…

Activity 7 Task 5

This visualization displays a bubble chart correlating average horsepower, torque, and highway MPG across 31 car makes. Each circle’s position encodes horsepower (x-axis) and torque (y-axis), while its radius represents highway MPG and color distinguishes car brands. The chart includes interactive tooltips on hover, a legend for MPG sizing, and a color-coded brand legend. Rendered as SVG with D3 v7, it uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.interpolateTurbo`, and `d3.csv` to load data from a local CSV file.

MmNamratha25
85% match
Loading thumbnail…

Activity6_Q2

This stacked bar chart compares car performance by manufacturer, breaking down horsepower, torque, and highway MPG into color-coded segments along a horizontal axis. It loads CSV data via D3 v7, uses `d3.stack()`, `d3.scaleBand()`, `d3.scaleLinear()`, and `d3.axisBottom()` to render SVG bars, and includes interactive tooltips on mouseover for metric values. A legend maps the three metrics to distinct colors.

SSahithi.R
85% match
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
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
85% match
Loading thumbnail…

Activity6

This visualization displays the correlation between average horsepower, torque, and highway MPG for various car makes. Each circle represents a car brand, positioned by horsepower on the x-axis and torque on the y-axis, with bubble size encoding highway MPG and color distinguishing makes. The chart includes interactive tooltips on mouseover and a legend for size and categorical colors. Built with D3 v7, it uses d3.csv, d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft to render the SVG animation.

Aanushapodapati99@gmail.com
84% match
Loading thumbnail…

Activity6_Q2

This stacked bar chart visualizes the normalized proportions of horsepower, torque, and highway MPG for 31 car brands, showing how each metric contributes to a total value of 100% per make. The code uses d3.stack() to compute the layered segments, d3.scaleBand() for the categorical y-axis, and d3.scaleLinear() for the proportional x-axis. Data is embedded directly in the script and rendered as SVG rectangles, with a legend and percentage-formatted axis ticks.

Ddabbararakshitha@gmail.com
84% match