Murali1 ice 6 - q1

100%

Murali1 ice 6 - q1

✓ Published0🌍 Public

MMuraliMohanMekala@my.unt.edu

Last edited Oct 19, 2025

Created on Oct 19, 2025

This bar chart shows the survival rate of Titanic passengers by passenger class, with rates on a 0–100% scale across three class categories. The visualization loads data from titanic.csv using d3.csv, groups records by Pclass, and computes the mean of the Survived field via d3.rollups. Bars are drawn as SVG rectangles using D3 v7’s scaleBand and scaleLinear, with axes generated by d3.axisBottom and d3.axisLeft. The rendering is entirely SVG-based, with labels for both axes and a steelblue fill for each bar.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

MuraliM (bar+line) ice6

This bar chart shows the average Titanic survival rate broken down by passenger class, with percentage labels displayed above each bar. The visualization uses D3.js v7 APIs including `d3.csv` for data loading, `d3.rollups` for grouping and computing means, `scaleBand` for the categorical x-axis, and `scaleLinear` for the continuous y-axis. The SVG rendering includes styled axes with custom formatting via `d3.axisBottom` and `d3.axisLeft`, wrapping text labels, and rectangular bar elements filled with a blue color. Data is processed from a local CSV file containing passenger records.

MMuraliMohanMekala@my.unt.edu

94% match

Loading thumbnail…

MuraliM1 ICE6

This interactive scatter plot visualizes Titanic passenger age and fare, with each point colored by survival status (red for deceased, green for survivors). Built with D3 v7, the SVG visualization uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` for color encoding, and `d3.csv` to load the public Titanic dataset. Hovering reveals a tooltip with exact values. Axes, labels, and a legend are created using D3's `axisBottom`, `axisLeft`, and appended text elements. The animation is minimal, limited to tooltip opacity transitions.

MMuraliMohanMekala@my.unt.edu

85% 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…

ICE 5_MuraliM1

This interactive dashboard presents the Titanic passenger dataset, starting with a styled HTML table of the first rows and then generating a series of D3.js charts, including a bar chart of average calories by category, a donut chart, a scatter plot, and other visualizations. The page also includes a US map, rendered using SVG, and dynamically creates container elements for each chart via JavaScript. The code relies on D3 v7 for data loading (`d3.csv`), aggregation (`d3.rollups`), and SVG chart construction, while the map uses the TopoJSON client to load geographic data, and a custom tooltip enhances interactivity.

Mmuralionline6@gmail.com

77% 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

77% 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

76% match

Loading thumbnail…

Question 2

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.

Vvishu.valandas@gmail.com

76% match

Loading thumbnail…

SDA HW2-2

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.

Vvits.18731a0539@gmail.com

75% match