Skip to main content
100%

Fitting a Weibull Curve to a Kaplan-Meier Survival Curve

✓ Published0🌍 Public
TTommyCoin80
Last edited Aug 10, 2017
Created on Jul 12, 2017

A D3 v4 animation demonstrates least squares regression fitting of a Weibull curve to a Kaplan-Meier survival curve. The chart displays survival probability over time in months, with the Kaplan-Meier step points in red and the fitted Weibull regression line in blue. The code uses `d3.scaleLinear` for axes, `d3.line` for the fitted curve, and `transition.attrTween` to animate the regression line as it adjusts to the data points. The visualization runs in SVG with linear easing over three seconds, showing how the Weibull parameters are optimized to approximate the empirical survival function.

AI-generated description

A D3 animation of how least squares regression Webiull fitting works on a Kaplan-Meier survival curve.

Similar vizzes

Loading thumbnail…

D3.Unconf Badge

This visualization plots failure probability data on Weibull probability paper, with grid lines, axis labels, and a regression line fitted to the points. It also includes a legend distinguishing Kaplan-Meier and Weibull distribution categories. The chart is built with D3 v4, using SVG for rendering and linear scales, with animation parameters for duration and easing.

TTommyCoin80
74% match
Loading thumbnail…

Bio survival chart

This chart visualizes survival rates over time for multiple groups, with each colored line representing a different dataset and cross markers indicating censored data points. The SVG rendering is based on a custom `d3.svg.survivalLineChart` function built with D3 v3, using scales, axes, and line generators to plot the data. Animated transitions and an interactive legend enhance the display, while the axes are labeled for survival rate and months. The source data structure and rendering code are visible within the HTML file.

11Cr18Ni9
69% match
Loading thumbnail…

Lifespan events using segmented bézier curves

This example visualizes the lifespans of 100 individuals as animated, segmented Bézier curves. Each curve represents a person’s life from birth to death, with the curve’s height proportional to their age at death, and is rendered using D3 v4’s SVG path elements. The animation uses `transition.attrTween` to draw each segment sequentially, employing a seeded random number generator to create reproducible variation in the segmentation and styling. The visualization highlights an efficient method for styling parametric curves without gradient stops or clipping paths.

AAjayyy
65% match
Loading thumbnail…

Gist ed9f5cb822cdadb5216c

A normal probability density curve animates from a flat baseline into a bell-shaped distribution on click. Each click repositions the curve’s mean to the mouse’s x-coordinate, with the area under the curve filling pink while the outline stays black. The code uses jStat to generate PDF values across a fixed domain, then d3.svg.area and d3.svg.line with basis interpolation to draw smooth shapes. Transitions with `.delay()` and `.duration()` animate the path’s `d` attribute, and the svg’s click event drives the updates.

SSpaceActuary
65% match
Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This scatter plot animates through cancer death rates in the USA by education level, cycling between Bacherlors, Masters, PHD, and Jobs categories. It uses a reusable D3 chart function with `scaleLinear`, `axisBottom`, `axisLeft`, and `symbol` to render differently shaped points per data type. The visualization transitions every two seconds, updating the dataset and title while preserving the SVG axes. Data comes from a Cancer in USA CSV file, loaded via `d3.csv`, with the chart redrawn using the d3 v6 selection and transition APIs.

Vvinodreddysagam929@gmail.com
64% match
Loading thumbnail…

continues1.js

This example visualizes a dataset of authors with their birth and death dates by mapping each person to a position along a continuous, interactive Bézier-like curve. The rendering shows orange circles placed along a red skeleton curve, demonstrating a custom curve-subdivision algorithm. The code implements the visualization using D3 v3 for SVG rendering and data loading from a TSV file, while a custom `SDCurve` class defines the curve geometry with adjustable resolution and degree. Users can interact with the curve through mouse events, including dragging and double-clicking.

Pparniantaghipour
63% match
Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This animated scatter plot cycles through cancer incidence data from the U.S., visualizing death rates for liver, breast, prostate, and thyroid cancers over time. Using D3 v3, it maps years to the x-axis and population to the y-axis, with each cancer type distinguished by a unique symbol (star, square, circle). The chart updates every two seconds, transitioning smoothly between datasets while rotating through the cancer types, with a title indicating the current type. Built as a reusable module, it demonstrates animated transitions, SVG rendering, and dynamic symbol mapping in a clean, informative design.

AArun
63% match
Loading thumbnail…

Fork of Fork of Line_Stroke_Death

This line chart displays average life expectancy by year, using a single orange stroked path to trace the trend over time. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and a `line` generator with `curveBasis` for smoothing. The SVG renders within a fixed 960x500 viewport, with data parsed from a CSV hosted on a GitHub gist. The chart includes labeled axes for “Year” and “Averag_Life_Expectancy,” with gridlines drawn via tick sizes, and a title placed above the plot area.

GGogineni44
63% match