Skip to main content
SimilarExport ZIP
100%

Activity-7 Question-1

✓ Published0🌍 Public
Kkandulasunny17@gmail.com
Last edited Nov 5, 2024
Created on Nov 5, 2024

This example renders a pie chart of the top ten cars by miles per gallon (mpg) from a CSV file loaded from a GitHub gist. D3's `pie` layout and `arc` generator create the slices, with each car assigned a random color via JavaScript. The chart displays mpg labels directly on each slice and includes a legend listing car names. The SVG is generated using D3 v5, with the data fetched using D3's `csv` function and sorted/sliced before rendering.

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…

activity 7 question 1

This example shows a pie chart of car sales, with each slice representing a car model and its sales volume in thousands. The chart displays model labels directly on each slice and includes a color-coded legend on the right for identification. It loads a CSV file from a GitHub Gist and processes the data using D3 v6, specifically applying the `d3.pie` and `d3.arc` APIs to generate the pie geometry. The visualization renders as an SVG, using `d3.scaleOrdinal` with `d3.schemeCategory10` for slice colors.

Ccharishmakalyanapu@gmail.com
86% 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
86% 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…

Activity 7 Question 1

This example shows a classic pie chart built with D3.js, where each slice represents a category from a CSV dataset loaded remotely via `d3.csv`. The chart uses an ordinal color scale, and a legend lists each category alongside its subcategory. The code generates SVG paths with the `d3.arc` and `d3.pie` generators, and includes placeholder axis labels despite being a pie chart. The visualization renders entirely in SVG, with the legend placed to the right of the chart and a white stroke separating each slice.

Ccharanshiva769@gmail.com
84% match
Loading thumbnail…

Actitvity7:Questions:1

A pie chart visualizes the distribution of car fuel types from a CSV dataset, displaying each category with percentage labels and a matching legend. Built with D3 v6, the chart counts fuel-type occurrences, computes percentages, and renders slices using `d3.pie` and `d3.arc`, with a categorical color scheme from `d3.scaleOrdinal`. Percentages are placed on each slice via `arc.centroid`, while the legend is constructed with HTML elements styled by the same color scale. The SVG output is centered in the page, with data loaded asynchronously via `d3.csv`.

Ssaivaishnogaruda@gmail.com
84% match
Loading thumbnail…

Activity 7.1 Question 1

This example shows the distribution of car horsepower values as an interactive pie chart. It groups the data into ten horsepower bins using `d3.histogram`, then visualizes each bin’s count with `d3.pie` and `d3.arc` in an SVG. A categorical color scale (`d3.scaleOrdinal` with `d3.schemeCategory10`) colors each slice, and a separate HTML legend displays the bin ranges. The data is loaded asynchronously via `d3.csv` from a GitHub Gist, demonstrating local ES6 module imports and D3’s histogram, pie, and arc APIs.

Ppenujulilikhil01020@gmail.com
84% match
Loading thumbnail…

Activity 7 Q1

This pie chart shows the distribution of cars by fuel type in a dataset loaded from a CSV file. The visualization displays three fuel categories as colored slices with labels, while a legend on the right lists each fuel type along with its corresponding car count. The chart uses D3.js v7 APIs including `d3.csv` for data loading, `d3.rollup` for aggregation, `d3.pie` for pie geometry, and `d3.arc` for arc paths. The SVG renderer draws the chart, and the code includes fake axis labels for fuel type and number of cars.

MMdAfikurRahmanKhan@my.unt.edu
83% match
Loading thumbnail…

Activity7:Questions:1

This example shows the distribution of car classes as a simple pie chart, with each slice labeled by its category name and percentage of the total. It loads a CSV file using `d3.csv`, aggregates class counts with a `reduce` operation, and renders the chart with D3’s `d3.pie` and `d3.arc` methods on an SVG. A categorical color scale (`d3.scaleOrdinal`) assigns colors from `schemeCategory10`, and labels are positioned using the arc centroid calculation while the slice area is scaled by the outer radius.

Ssaivaishnogaruda@gmail.com
83% match