Skip to main content
SimilarExport ZIP
100%

Assignment2_Question1.1

✓ Published0🌍 Public
HHarsha vardhan reddy Yarmareddy
Last edited Apr 13, 2024
Created on Apr 12, 2024
Forked from Hello VizHub

A pie chart visualizes the distribution of car makes from a CSV dataset, displaying each manufacturer’s share as a colored slice with percentage labels offset outside the chart. Hovering over a slice triggers a tooltip showing the same percentage. Built with D3 v7, the code loads data via `d3.csv`, groups records with `d3.group`, and renders the chart using `d3.pie`, `d3.arc`, and a `d3.scaleOrdinal` color scale with `d3.schemeCategory10`.

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…

Assignment2_Question1

This visualization is a pie chart that displays the distribution of car types, focusing on the top three most frequent categories from a CSV dataset. The chart shows each car type’s percentage share, with labeled slices and a legend. The data is fetched from a GitHub repository using `d3.csv` and processed to calculate counts and percentages. The pie layout is generated with `d3.pie` and `d3.arc`, while `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, and SVG elements render the chart and legend.

HHarsha vardhan reddy Yarmareddy
89% match
Loading thumbnail…

Assignment-2 Question-1

This example presents a pie chart built with D3.js (v7) that visualizes categorical data by grouping rows from a CSV file by the "make" column. The chart uses `d3.pie` and `d3.arc` to generate the slices, with a color scale from `d3.scaleOrdinal` and `d3.schemeCategory10` to differentiate categories. A legend, constructed with SVG `rect` and `text` elements, maps each color to its category label. The SVG is rendered at 600x600 pixels, and the data is fetched from a remote URL via `d3.csv`.

Vvullihanumantharao@gmail.com
87% match
Loading thumbnail…

Assignment-2_Question-1

This example presents a pie chart visualizing the distribution of genres from a CSV dataset, loaded via D3’s `csv` fetcher and mapped to numerical values from the “Less than 3” column. Using D3 v7, it constructs a 600x600 SVG with `pie()` and `arc()` to generate slices, colored by `scaleOrdinal` and labeled with values at each arc’s centroid. A legend and title are added, with a color range from orange to green. The reusable `createPieChart` function encapsulates the rendering logic.

RRISHIK KURIKELLY
84% match
Loading thumbnail…

Assignment 2 Question 1

This example shows the distribution of fruit categories using a pie chart, with each slice sized according to the value in the "4-5" column from a remote CSV file. The visualization renders as an SVG using D3 v7, with colored slices, a bold title, and an interactive legend that displays category names. D3's `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs generate the chart and color scheme, while the legend uses `rect` and `text` elements to map colors to categories. The data is fetched via `d3.csv` from a GitHub gist, and labels for "Category" and "Percentage" are added as static text elements.

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

Task-9/10 Q1

This D3.js pie chart displays the distribution of automobile makes by their average horsepower values, with each car make represented as a colored slice paired with a custom legend. The visualization loads CSV data from a GitHub repository using `d3.csv`, then applies `d3.pie()` to compute arc angles and `d3.arc()` to generate the SVG path geometries. A categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`) colors each segment. The code renders the chart inside an SVG container with explicit width and height attributes, while a separate HTML div builds the legend items using dynamically generated colored circles and text labels.

Ttallurisaiteja96@gmail.com
84% match
Loading thumbnail…

Activity7.1_Question1

A pie chart displays the average horsepower for the top 10 car makers, with all remaining makers aggregated into an "Others" slice. Slices and labels are rendered using SVG paths and text elements via D3's `pie` and `arc` APIs, with a color legend on the right. The code loads car data from a CSV file using `d3.csv`, aggregates values with `d3.sum`, and uses `d3.arc` for slice geometry and `d3.scaleOrdinal` for categorical colors. Axis labels are added as text annotations, though the chart itself is circular.

GGunna,Praneeth Reddy
84% match
Loading thumbnail…

Activity 7.1

This D3.js pie chart visualizes the distribution of car makes from a CSV file loaded from a GitHub repository. It uses `d3.pie` and `d3.arc` to generate the pie slices, with `d3.scaleOrdinal` and `d3.schemeCategory10` providing the categorical color scheme. The chart displays percentage labels on each segment and includes a legend generated with HTML. Data is aggregated using `d3.rollups` to count occurrences of each make, and the SVG output is rendered within a centered layout.

NNagalakshmi Thota
84% match
Loading thumbnail…

Assignment2 Question1

A pie chart visualizes sales distribution across five product categories, with each slice labeled and sized proportionally to its sales value. The chart uses D3.js v7 with SVG rendering, employing `d3.pie` to compute arc angles and `d3.arc` to generate the paths. A color ordinal scale assigns distinct hues to categories, while an accompanying legend lists each category with its exact sales figure. The data is loaded from a local array, matching the sample dataset, and the visualization centers the pie within a 600x500 SVG canvas.

Ppslharika@gmail.com
84% match