Skip to main content
SimilarExport ZIP
100%

Activity 7

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

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".

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…

activity7pie

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).

Aazeemrm630@gmail.com
93% 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…

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

Activity-7 Question-1

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.

Kkandulasunny17@gmail.com
82% match
Loading thumbnail…

Activity 7.1 Q1

This pie chart visualizes annual car sales for different companies in the USA, sourced from a raw GitHub CSV dataset. Built with D3 v5, it renders an SVG with pie slices, percentage labels, and a color-coded legend. The code uses d3.pie, d3.arc, and d3.scaleOrdinal to generate the chart geometry and colors, with d3.csv for data loading.

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

Activity 7.1D3.JS

This D3.js v7 visualization presents a pie chart of vehicle types, using SVG rendering to display proportional slices of the data. It loads a CSV file from a GitHub gist and aggregates the records with `d3.rollup`, counting occurrences per vehicle type. The chart uses `d3.pie` and `d3.arc` to generate the paths, with `d3.scaleOrdinal` and `schemeTableau10` providing categorical colors. A legend is drawn manually, and tooltips are added via SVG `title` elements. The chart also includes axis labels as static text.

AAbhinay Peeta
82% match
Loading thumbnail…

Activity 7.1

A pie chart displays car production totals for countries in 2019, with a legend listing each country and its corresponding value in thousands. The visualization uses D3 v5 to load CSV data via the `csv` function from a GitHub gist, then processes it with `pie` and `arc` to generate the chart segments. `scaleOrdinal` assigns a categorical color palette, while `format` converts large numbers into a compact tick label format. The SVG output includes clickable paths and a separate legend group with circles and text elements positioned via `attr` transforms.

Ssharanyabobbala@my.unt.edu
81% 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
81% match