Kaplan Meier Graph

KMPen is a visualization tool to create Kaplan Meier survival probability graph.

Features

Clean:

• No dependency on Bootstrap.
• Create KM survival probability graph for each group.
• Read fixed text datafiles and extract data based on them.
• Read p value from text datafiles.
• Start probability from 1.
• Export graph as PNG, JPG, and PDF format.

KIRC:

• Separate dataset into groups.
• Create KM survival probability graph for each group.
• Read fixed text datafiles and extract data based on them.
• The project can extract columns and rows.
• Export graph as PNG, JPG, and PDF format.

Basic:

• Create Kaplan-Meier survival probability graph based on dataset mentioned in paper Understanding survival analysis: Kaplan-Meier estimate.
• The project can create random dataset and generate Kaplan-Meier survival graph based on the dataset.
• Download graph as PNG, JPG, and PDF format.
• Responsive graph

Demo (Clean)

• Graph with p_value

Demo (KIRC)

• Graph with data
• Effect of A1BG expression level & race on KIRC patient survival dataset
• Effect of A1BG expression level & gender on KIRC patient survival dataset

Demo (Basic)

• Graph with data
• Data
• Kaplan Meier Survival Probability Graph

Library used

• jQuery: Version 3.6.0.min
• ChartJS: Version 3.6.2
• Datatable: Version 1.11.3
• jsPDF: Version 1.3.2
• Bootstrap: Version 5.1.3
• Bootstrap Icons: Version 1.5.0

ToDo

• Add convert to SVG button. Tutorial can be found in Canvas to SVG.
• Fix chart in small screen (mobile)

Support

Please open an issue for support.

Contributing

Please contribute using Github Flow. Create a branch, add commits, and open a pull request.

Git methods

• Create new branch:

  git fetch origin
  git checkout master
  git reset --hard origin/master
  git checkout -b BRANCH_NAME
  

• To check local changes:

  git status -s
  

• Commit changes:

  git add --all
  git commit -m "Issue:Issue_Number message"
  git push origin BRANCH_NAME
  

• To fetch from upstream repository:

  git fetch origin
  

• To reset local files to upstream repository main branch after fetching the changes:

  git reset --hard origin/main
  

Resources

• Understanding survival analysis: Kaplan-Meier estimate
• A PRACTICAL GUIDE TO UNDERSTANDING KAPLAN-MEIER CURVES
• Chartjs line chart documentation
• Chartjs graph export
• JSPDF documentation
• Chartjs canvas background
• Kaplan Meier graph example
• Remove some points in line chart chartjs - Javascript Chart.js
• Current demo