Skip to main content
SimilarExport ZIP
100%

activity7pie

✓ Published0🌍 Public
Aazeemrm630@gmail.com
Last edited Nov 7, 2024
Created on Nov 7, 2024

This visualization is a pie chart showing the maximum life expectancy of different car models. The data is loaded from a GitHub-hosted CSV file using D3's `csv` function. The pie chart is rendered as SVG paths generated with `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` for color mapping, with each slice labeled with its value. A legend on the right displays the car names and their corresponding life expectancies using rectangle swatches and text. The chart uses a fixed width and height of 960 by 500 pixels, with the center positioned at (250, 250).

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

This pie chart visualizes the maximum life expectancy of different car models. The D3.js code loads CSV data from a GitHub gist, processes values, and renders an SVG pie chart with labeled segments and a color-coded legend. It uses D3's `pie`, `arc`, `scaleOrdinal`, and `select` APIs, with text labels positioned via `arcGenerator.centroid`. The chart's title is "Max_life expectency of cars".

Vvishu.valandas@gmail.com
93% match
Loading thumbnail…

Activity7_Q1

A pie chart visualizes the distribution of car classes from a CSV dataset, showing the proportions of categories like 'unacc', 'acc', 'vgood', and 'good' as colored slices with percentage labels. The chart uses D3.js (version 7.8.5) with the `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` APIs to compute and render the pie geometry and colors. A legend on the right lists each class with its count. The SVG is built programmatically, with data loaded asynchronously from a GitHub-hosted CSV file.

Kkeerthana11.mcs@gmail.com
81% 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
81% match
Loading thumbnail…

Actvity 7.1.1

This pie chart depicts the distribution of car models by brand, aggregated from a CSV file of individual car records. The visualization uses D3 v5 to generate SVG arcs, with an interactive tooltip revealing each brand's model count and percentage on hover. A legend displaying brand names, color swatches, and formatted model counts accompanies the chart, and the code explicitly uses `d3.pie`, `d3.arc`, `scaleOrdinal`, and `schemeCategory10` for rendering and color assignment.

Yyadlapallisaisathvik@gmail.com
80% match
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
80% 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
80% match
Loading thumbnail…

Fork of Fork of Activity7_q1

This pie chart displays the distribution of horsepower values across different car makes, with each genre category represented as a colored slice proportional to its count. The visualization loads a CSV dataset via Papa Parse, then uses D3 v7’s `pie` and `arc` generators to compute slice paths and centroids, rendering labels at each slice’s center. Slices are filled with a categorical color scheme and separated by white stroke lines, while the SVG canvas is centered within a responsive container.

Nnandasaipalankius@gmail.com
80% match
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
79% match