Skip to main content
SimilarExport ZIP
100%

Missing Values in the Titanic data

✓ Published0🌍 Public
JJverma
Last edited Jul 5, 2015
Created on Jul 5, 2015

This heatmap visualizes missing values in the Titanic dataset, with each cell representing a data point and white cells indicating absent entries. It uses d3.csv to load the data and renders SVG rectangles, with steelblue for present values. A tooltip appears on mouseover to show the column name and value. The data comes from the Kaggle competition website.

AI-generated description

Heatmap showing the missing values in the Titanic data. The data is taken from the Kaggle competition website.

Similar vizzes

Loading thumbnail…

task3

This scatter plot visualizes the Titanic dataset, plotting passenger age against survival status (0 or 1) with steelblue circles. The code uses D3 v6 APIs including `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to load the data, map the values, and render the axes in an SVG. Data is fetched from a remote gist URL, and the visualization fills the full browser window with labeled axes for Age and Survived.

Kkeerthanachinthalapally@gmail.com
74% 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
74% 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
74% match
Loading thumbnail…

Fork of titanic

This fork of the Titanic dataset visualizes passenger survival status as an interactive pie chart. The code uses D3.js v7 (d3.pie, d3.arc, d3.rollup, d3.scaleOrdinal) to aggregate CSV data into two slices—Survived and Not Survived—with hover scaling effects and readable labels. Legend items and axis titles clarify the comparison, while SVG rendering and transitions provide smooth visual feedback. Data loads from a remote Gist-hosted CSV file, and the chart includes color-coded slices with animation on mouseover and mouseout.

Bboinapallyhimaja657@gmail.com
74% 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
74% match
Loading thumbnail…

Gist 121ed23ef467b1372d47e2e67d2aea1c

This example visualizes the Titanic passenger manifest, mapping each first-class passenger’s fare and age group. It uses `d3.forceSimulation` to position circles by passenger attributes, with color encoding survival status and gender. The code performs data loading via `d3.csv` and filters the dataset before rendering with SVG circles. It highlights fare disparities and demographic clusters among survivors and non-survivors, drawing directly from the provided `titanic20180616_coma.csv` file.

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

Untitled

This interactive visualization presents multiple coordinated views of Titanic passenger data, including gender and survival pie charts alongside age and fare histograms. Users can filter by passenger class via dropdown, while clicking pie chart slices triggers linked selections across all views. The code uses D3.js with `d3.pie`, `d3.arc`, `d3.histogram`, and `transition.attrTween` for animated updates, rendered as SVG. Data originates from the Titanic passenger manifest, though the README references a different population dataset without visible integration.

Wwishcsdev
72% match