SDA HW2-2

100%

✓ Published0🌍 Public

Last edited Mar 27, 2025

Created on Mar 26, 2025

This area chart visualizes survival outcomes across Titanic passenger classes, comparing counts of survivors and non-survivors for classes 1, 2, and 3. The visualization uses two overlapping filled regions, with green representing survivors and red representing non-survivors. The code loads data from a CSV file using d3.csv, aggregates counts with d3.rollup and d3.sum, and renders the chart as SVG using d3.area generators, d3.scaleBand for the x-axis, and d3.axisBottom and d3.axisLeft for the axes. The chart explicitly includes all three passenger classes even if empty.

AI-generated description

MIT Licensed

Similar vizzes

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

88% match

Loading thumbnail…

SDA HW2-1

This example shows the survival outcomes of Titanic passengers as a pie chart, separating the data into two categories: those who survived and those who died. The chart uses D3 v6 to load a CSV dataset from a GitHub gist, then computes aggregate counts for each outcome. The visualization is rendered as SVG using D3’s `pie` and `arc` generators, with a categorical color scale assigning green to survivors and red to non-survivors. A custom HTML legend is built alongside the chart to label each slice with its corresponding count, and extra elements like the initial heading are removed for a clean presentation.

Vvits.18731a0539@gmail.com

87% match

Loading thumbnail…

SDA HW2-1

This example shows the survival distribution of Titanic passengers with a pie chart comparing the counts of survivors and non-survivors. D3 v5 loads the dataset via `d3.csv` from a GitHub gist, aggregates counts using `d3.rollup`, and renders the chart with `d3.pie` and `d3.arc` into an SVG. The visualization includes labels at each arc’s centroid via `arc.centroid`, a color scale from `d3.schemeSet2`, and an interactive legend built with D3 selections. Axis titles and a chart heading are added as SVG text elements.

Vvits.18731a0539@gmail.com

85% match

Loading thumbnail…

Activity 6 Q2

This example visualizes survival outcomes on the Titanic by passenger class using two overlaid area charts. It loads the Titanic dataset from a CSV URL and filters the data into survived and non-survived groups, then uses `d3.rollup` to count occurrences by class. The SVG rendering employs `d3.scaleBand`, `d3.scaleLinear`, `d3.area`, and `d3.axisBottom`/`d3.axisLeft` to draw the paths, axes, and a color-coded legend.

Ssaitejakaranam10@gmail.com

84% match

Loading thumbnail…

Activity6_Question_2

This visualization shows the proportion of male and female Titanic passengers who survived or did not survive, using stacked horizontal bars. Built with d3.js v7 and rendered as SVG, it loads data from a local CSV file and uses `d3.stack`, `d3.scaleOrdinal`, and `d3.axisBottom` to create the stacked chart. Interactive tooltips display exact percentages on hover, and the color scale distinguishes survival outcomes.

Hhemalathayella@my.unt.edu

78% match

Loading thumbnail…

Fork of Assignment 2 - Pie Chart

A static pie chart displaying the survival distribution of Titanic passengers, split into two categories: "Survived" and "Not Survived." The chart reads data from a remote CSV file, parsing each row to increment counts based on the survival flag. It is rendered as an SVG using D3 v7, with slices drawn via `d3.arc` and positioned by `d3.pie`. The visualization includes a title, color-coded slices, and a simple legend, all styled with inline SVG attributes and CSS rules.

Ssaitejakaranam10@gmail.com

77% match

Loading thumbnail…

ASS2-QUESTION1

A pie chart displays the survival outcomes of Titanic passengers, with slices representing the count of survivors (1) and non-survivors (0). The chart is labeled "Total Passengers" and rendered as an SVG. The code loads data from Titanic.csv using `d3.csv`, aggregates the passenger records with a manual counting loop, and constructs the pie chart with D3 v7, appending the visualization to the page body.

Ssanjanadadi19@gmail.com

77% match

Loading thumbnail…

Qualitative Scatter Plot in D3

This qualitative scatter plot displays the relationship between passenger age, fare paid, and survival status for 887 Titanic passengers. Each circle represents a passenger, with blue and red indicating survival (1) or non-survival (0), using a color scale from D3’s ordinal scale. The visualization uses D3 v7 to load CSV data from a remote source and render SVG circles, axes, and a legend. The code specifically employs `d3.csv`, `d3.scaleLinear` for the x (age) and y (fare) axes, and `d3.legendColor` to create the categorical legend, with the chart positioned within an SVG container using custom margins.

EEunice Tu

76% match