Act 7 Q1

100%

✓ Published0🌍 Public

AAnushaHyderaboeni@my.unt.edu

Last edited Apr 11, 2025

Created on Apr 11, 2025

This pie chart visualizes the distribution of passenger classes in the Titanic dataset, showing three categorical slices for Class 1, 2, and 3. The chart uses D3 v7 with an SVG renderer, employing `d3.pie()` and `d3.arc()` to generate the arcs and `d3.rollups()` to aggregate class counts from a CSV. A custom legend displays exact passenger numbers, while axis labels are added despite the circular layout. The color scale maps distinct colors to each class using `d3.scaleOrdinal`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Titanic passenger class distribution

This example shows the distribution of Titanic passengers across first, second, and third class, with percentage labels overlaid on each slice. A simple SVG pie chart is generated using D3 v7’s `d3.pie` and `d3.arc` layouts, with each slice filled by a hard-coded color and separated by white strokes. The dataset is hard-coded as three objects containing class name, count, and color. Labels are positioned via the arc `centroid` method and rendered as multi-line text elements showing both class and percentage.

Kkfhujosefsson@dons.usfca.edu

89% match

Loading thumbnail…

Activity7_Que1

This pie chart visualizes the fares of the first ten passengers from a Titanic dataset, labeling each slice with its dollar amount and listing passenger names in a color-coded legend. Built with D3 v6, it loads CSV data via `d3.csv`, converts fares to numbers, and uses `d3.pie` and `d3.arc` to generate SVG paths. A sequential `d3.scaleOrdinal` with `d3.schemeCategory10` assigns colors, while labels and legends are positioned using arc centroids and SVG text elements.

MMannava Priyanka Chowdary

86% match

Loading thumbnail…

Pie Chart of Titanic

This pie chart visualizes survival outcomes for Titanic passengers, splitting the dataset into green "Survived" and red "Not Survived" slices with value labels and a legend. It loads CSV data from a GitHub repository using `d3.csv`, aggregates counts via `d3.rollup`, and generates the chart with `d3.pie` and `d3.arc`. Hover interactions trigger a scale transition on slices, while SVG text elements provide axis labels and legend annotations. The visualization renders entirely in SVG with D3 v7.

AAreeba Hassan

84% match

Loading thumbnail…

pie chart ice 7

This chart displays the average fare paid by passengers in each of the three Titanic classes, showing a clear price decline from first to third class. The chart uses a monotone area graph where the x-axis represents passenger class from 1 to 3, and the y-axis shows the average fare in dollars. The visualization is created with D3 v7, using `d3.area` to render the path, along with `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` for the axes, and `d3.select` for DOM manipulation. The source data is a predefined array of three averages computed from the passenger records in `data.csv`.

MMuraliMohanMekala@my.unt.edu

84% match

Loading thumbnail…

Activity7_Que1

This pie chart visualizes the distribution of survival outcomes among Titanic passengers, separating data into "Survived" and "Did Not Survive" categories. Using D3 v6, the code loads a CSV file, aggregates records by the `Survived` attribute, and renders the result with `d3.pie` and `d3.arc`. Each slice is colored via `d3.scaleOrdinal` and labeled directly on the chart.

MMannava Priyanka Chowdary

83% match

Loading thumbnail…

titanic

This D3.js v7 visualization presents a pie chart of passenger survival outcomes from the Titanic disaster, sourced from a CSV file hosted on a GitHub Gist. The animation highlights each slice on hover using a scale transform. The code employs `d3.pie`, `d3.arc`, and `d3.rollup` to aggregate survivor counts, with an SVG renderer and a color scale distinguishing survivors (green) from non-survivors (red). The chart also includes labeled slices, a legend, and axis titles for survival status and passenger counts.

Vveeramallivaishnavi3@gmail.com

81% match

Loading thumbnail…

Ice 7 M

This pie chart displays the survival distribution of Titanic passengers, splitting the data into "Survived" and "Did Not Survive" categories. It uses D3.js v7 to load a CSV from a GitHub repository, filter for valid survival entries, and render an SVG pie chart with an ordinal color scale. The code explicitly calls `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal()` to construct the arcs, labels, and legend.

MMuraliMohanMekala@my.unt.edu

81% match

Loading thumbnail…

SDA HW2-1

This pie chart visualizes the survival rates of Titanic passengers by splitting the dataset into two categories: non-survivors (0) and survivors (1). The chart uses a purple and green color scale to distinguish between the two groups, with labels showing the count for each category. Built with D3 v6, the visualization loads CSV data from a GitHub gist and uses the `d3.pie()` and `d3.arc()` functions to generate the SVG slices. A legend to the right of the chart displays the color-keyed categories, while text annotations label the axes as survival count and passenger total.

Vvits.18731a0539@gmail.com

81% match