Skip to main content
SimilarExport ZIP
100%

Question 2

✓ Published0🌍 Public
Vvishu.valandas@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Task2

A stacked bar chart depicts the survival rates for Titanic passengers, segmented by gender and categorized into "Survived" and "Not Survived." The chart uses horizontally stacked bars, with gender on the y-axis and percentage on the x-axis, and includes an interactive tooltip that displays the exact percentage on hover, while also highlighting the bar segment. The visualization is built with D3 v7, utilizing `d3.select`, `d3.scaleBand`, `d3.scaleLinear`, and the `d3.stack` function to manage the data aggregation and layout.

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…

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

Data Visualization ICE5

This example displays a bar chart of the Titanic disaster dataset, with bars colored by survival status and gender, using D3.js v7 for data binding and SVG rendering. It shows the number of passengers per class and sex, with an interactive tooltip revealing exact values on hover. The page also includes a message container that reports the CSV file size, row count, and column count, demonstrating basic data loading and inspection. The code loads data from a GitHub-hosted CSV and uses `d3.csv` and `d3.select` for chart construction.

TTharun2022
80% 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
80% 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
79% 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
78% 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
78% 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
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
78% match