Skip to main content
SimilarExport ZIP
100%

pie chart ice 7

✓ Published0🌍 Public
MMuraliMohanMekala@my.unt.edu
Last edited Oct 28, 2025
Created on Oct 24, 2025

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

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Act 7 Q1

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

AAnushaHyderaboeni@my.unt.edu
84% 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
80% match
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
79% match
Loading thumbnail…

area chart

This area chart visualizes the relationship between passenger age and fare from a Titanic dataset, using a subset of eight data points. The chart employs D3.js v7 to create an SVG-based area graph, with age on the x-axis and fare on the y-axis. The area is filled in steelblue beneath a path generated by `d3.area()`, while `d3.axisBottom` and `d3.axisLeft` provide labeled axes. Data is loaded asynchronously via `fetch` and parsed with `d3.csvParse` from a remote CSV source.

Ssriram.official9@gmail.com
79% 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
78% 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
78% match
Loading thumbnail…

A2 - Revenue by Class [Bar Chart]

This bar chart displays the total revenue collected from each passenger class on the Titanic, using a simple p5.js sketch. It draws three horizontal bars that show the sum of all fares paid by first, second, and third class passengers, with each bar labeled and accompanied by its total fare value. The visualization highlights the surprising finding that second class generated the least revenue. The data is loaded from a remote CSV file using p5.js’s `loadTable` and rendered on a canvas with basic shapes.

Cctan13@dons.usfca.edu
77% match
Loading thumbnail…

[A2] Revenue by Class (Bar Chart)

This bar chart visualizes the total revenue collected from first, second, and third class passengers on the Titanic, revealing that second class generated the least income. The chart is rendered using p5.js, with data loaded from a CSV file via `loadTable`. The `setup()` function creates a full-window canvas, and `draw()` computes cumulative fares per class from the `Pclass` and `Fare` columns, then draws horizontal bars scaled to revenue values along labeled axes. Axis tick marks increment by thousands to indicate revenue amounts.

Cctan13@dons.usfca.edu
76% match