Skip to main content
SimilarExport ZIP
100%

Visualization

✓ Published0🌍 Public
AAjayyy
Last edited Jun 26, 2018
Created on Jun 26, 2018

This interactive scatter plot visualizes patient mortality probability data from the Beth Israel Deaconess Medical Center’s MIMIC ICU dataset, showing age against predicted mortality probability with circle size representing ICU length of stay. The code uses D3.js with `d3.svg.axis`, `d3.behavior.zoom`, and `d3-tip` for tooltips, rendering circles as SVG elements. A clickable legend filters the display by ICU unit, while filled versus unfilled markers indicate actual patient mortality via the `hospital_expire_flag` field. The CSV data includes anonymized patient records with age, stay duration, and care unit classifications.

AI-generated description

Interactive Scatter Plot/Legend

Description

This scatter plot was built to help visualize probability of mortality associated with patients at the Beth Israel Deaconess Medical Center between 2001 and 2012, based on their anonymized medical records.

Interpretation

Hovering over each dot shows information associated with each patient. By clicking on the legend (divided by ICU), one can see if the patient is deceased or not (filled represents mortality) and compare that against what our model's predicted probability.

Data

The data used is a subset of the MIMIC ICU Data, which is publicly available. XGBoost was used to predict the mortality rate.

Inspired by

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/floofydugong/'>floofydugong</a>'s block: <a href='http://bl.ocks.org/floofydugong/9c94ab01d8c3ed8ea3821d4a7e119b07'>Interactive Scatter Plot/Legend</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Visualization

This interactive scatter plot visualizes patient mortality probability at Beth Israel Deaconess Medical Center, using age, ICU length of stay, and predicted mortality from anonymized MIMIC ICU data. Dots are colored by ICU unit, with size reflecting length of stay, and hovering reveals tooltips with patient details. The view supports zooming and panning via `d3.behavior.zoom`, with a legend that filters dots by care unit on click, including toggling between deceased (filled) and surviving patients. Built with D3.js, the chart displays SVG circles and axes, with buttons to reset zoom or switch the x-axis to length of stay.

AAndresAnayaIsaza
95% match
Loading thumbnail…

Visualization

This interactive scatter plot visualizes patient mortality probability against age, with the size of each dot representing the patient’s length of stay in the ICU. The visualization, built with D3.js, uses the `d3.tip` library to display tooltips on hover and `d3.behavior.zoom` for panning and zooming. A clickable legend allows filtering by ICU type, while filled dots indicate deceased patients. The data comes from the MIMIC ICU dataset and was used with XGBoost to predict mortality rates. The rendering uses SVG with animation for interactive transitions.

TThanaporn-sk
92% match
Loading thumbnail…

Visualization

This interactive scatter plot visualizes ICU patient mortality risk at Beth Israel Deaconess Medical Center (2001–2012). Each dot is a patient, positioned by age and length of stay, with color indicating ICU type. Hovering reveals patient details, while clicking the legend toggles mortality status—filled dots represent deceased patients—and compares actual outcomes with XGBoost-predicted probabilities. The visualization is rendered in SVG with animation, using publicly available MIMIC ICU data.

GGerardoFurtado
91% match
Loading thumbnail…

Fork of Bonus ICE Scatter plot using D3.js

This example visualizes heart patient statistics across countries using an interactive 3D scatter plot. It displays two traces: death cases in red and active cases in blue, plotted against country name and patient category. The visualization uses Plotly.js within an HTML page, loading data from a CSV file via D3.js’s `d3.csv` function. D3’s `unpack` helper extracts columns for the x, y, and z axes, while Plotly’s `newPlot` renders the scatter3d chart with custom marker styling and opacity.

SSurikanti Swathi
74% match
Loading thumbnail…

Reusable D3 Scatter Plot

This interactive scatter plot visualizes cancer mortality trends in the USA, cycling through liver, breast, and prostate cancer datasets. Built with D3 v6 as a reusable chart, it animates between cancer types every 3 seconds, updating the y-axis and point symbols (star, square, circle) accordingly. The chart leverages SVG rendering and custom symbol mappings to distinguish cancer types, with axes and margins configured for readability.

Bbhavana.bayyapu@gmail.com
73% match
Loading thumbnail…

Fork of ICE-6

This visualization displays the relationship between age and BMI for insured individuals, showing a bar chart of hospitalized COVID-confirmed patients per county. The data comes from a CSV file loaded via `d3.csv`, with the first fifteen records rendered as horizontal bars. The chart uses React for component management and D3 v5’s `scaleBand`, `scaleLinear`, and `max` functions to map county names and patient counts. The SVG output includes manually drawn axes with tick marks and labels, while the grid lines are styled in red.

Hhm0421
73% match
Loading thumbnail…

Scatter Plot with Interactive Color Legend

This scatter plot visualizes death statistics by year, with each point representing a demographic group’s death count. The color legend encodes sex, and hovering over a legend item fades non-matching points while highlighting the selected category. Built with React and D3 v5, it uses `scaleLinear` for axes, `scaleOrdinal` for colors, and SVG rendering. Data comes from a Gist CSV file, though sex, ethnicity, and age dropdowns remain non-functional.

PPeter Maida
72% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot, built with D3.js, visualizes breast cancer tumor data from a CSV file, cycling through different feature pairs on the x-axis. It shows the relationship between various cell measurements, with data points colored by cancer stage (orange for stage one, blue for stage two, black for stage three). The visualization uses an SVG with a custom `scatterPlot` function and a `setInterval` animation to swap the x-axis variable, while a legend and axis labels clarify the mapping.

Aamiralitah
72% match