CCMI | home

<!DOCTYPE html> <html lang="en-US"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122609284-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-122609284-2'); </script> <meta charset="UTF-8"> <title>CCMI | home </title> <base href="https://ccmi.org/site-assets/"> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"> <link type="text/css" href="css/bootstrap.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="style-ccmi.css"> <link type="text/css" rel="stylesheet" href="css/hover.css"> <link type="text/css" rel="stylesheet" href="css/font-awesome.css"> <link type="text/css" rel="stylesheet" href="css/hamburgers.css" /> <link rel="stylesheet" href="css/color.css"> <link type="text/css" rel="stylesheet" href="css/colors.css" /> <link rel="stylesheet" href="css/height.css"> <link rel="stylesheet" href="css/slide_style.css"> <link rel="stylesheet" href="css/jquery.selectBoxIt.css"> <link rel="stylesheet" type="text/css" href="css/menu-css.css"> <link rel="stylesheet" href="css/nav-toggle.css"> <link rel="stylesheet" type="text/css" href="css/YouTubePopUp.css"> <link rel="stylesheet" href="css/jquery.remodal.css"> <style type="text/css"> .box2{ position: absolute; top:0; right: 15px; float:left; max-height: 620px; overflow: hidden; } .slider2-image-class img{ max-width: 100%; height: 100%; object-fit: cover;} .map-content-inn iframe{ width: 100%; } </style> <script type="text/javascript" src="scripts/jquery-1.11.3.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> <script type="text/javascript" src="scripts/bootstrap.min.js"></script> <script type="text/javascript" src="scripts/simplePlayer.js"></script> <script src="scripts/jquery.dynamicmaxheight.js"></script> <script type="text/javascript" src="scripts/jquery.selectBoxIt.js"></script> <script src="scripts/jquery.slimscroll.min.js"></script> <script src="scripts/YouTubePopUp.jquery.js"></script> <script type="text/javascript"> window.onload = function() { $("select").selectBoxIt(); } </script> <script> $(document).ready(function(){ $('.js-dynamic-height').dynamicMaxHeight(); }); </script> </head> <body> <div class="container nav-top"> <div class="nav-midd"> <div class="hamburger hamburger--spin navbar-toggle-main menu_fixed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" title='Menu'> <div class="hamburger-box"> <div class="hamburger-inner"></div> </div> <span id="menuTxt" >Menu</span> </div> </div> <div class="clearfix"></div> </div> <span class="nav-hide main" > <div class="desktop-nav navigation-list"> <ul id="main-navbar" class="nav navbar-nav"><li ><a href="https://ccmi.org" >Home</a></li><li class="dropdown"><a href="https://ccmi.org/about" class="dropdown-toggle">About</a><ul class="dropdown-menu "><li ><a href="https://ccmi.org/about" >Contact Us</a></li><li ><a href="https://ccmi.org/investigators" >Investigators</a></li><li ><a href="https://ccmi.org/pilot-projects" >Pilot Projects</a></li><li ><a href="https://ccmi.org/training-program" >Training Program</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="https://ccmi.org/projects" class="dropdown-toggle">Research</a><ul class="dropdown-menu "><li ><a href="https://ccmi.org/projects" >Projects</a></li><li ><a href="https://ccmi.org/projects" >Cores</a></li><li ><a href="https://ccmi.org/technology" >Technology</a></li></ul></li><li ><a href="https://ccmi.org/cell-maps" >Cell Maps</a></li><li class="line"></li><li ><a href="https://ccmi.org/events/archive" >Events</a></li><li ><a href="https://pubmed.ncbi.nlm.nih.gov/?term=(U54 CA209891[Grant Number]) OR (U54 CA274502[Grant Number])&;;;sort=date" >Publications</a></li><li class="line"></li><li ><a href="https://ccmi.org/recentnews" >News</a></li></ul> </div> <div> <div class="social-icon-top"> <ul> <li><a target="_blank" href="https://twitter.com/CancerCellMap"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="https://www.youtube.com/@ccmiadmin9648"><i class="fa fa-youtube youtube" aria-hidden="true"></i></a></li> </ul> </div> </div> </span> <header><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <div class="container"> <div class="row">  <nav id="header" class="navbar navbar-fixed-top navigation-container"> <div id="header-container" class="container navbar-container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">  <div class="pull-right social-icon-nav"> <ul> <li><a target="_blank" href="https://twitter.com/CancerCellMap"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="https://www.youtube.com/@ccmiadmin9648"><i class="fa fa-youtube youtube" aria-hidden="true"></i></a></li> </ul> </div> <ul id="main-navbar" class="nav navbar-nav"><li ><a href="https://ccmi.org" >Home</a></li><li class="dropdown"><a href="https://ccmi.org/about" class="dropdown-toggle">About</a><ul class="dropdown-menu "><li ><a href="https://ccmi.org/about" >Contact Us</a></li><li ><a href="https://ccmi.org/investigators" >Investigators</a></li><li ><a href="https://ccmi.org/pilot-projects" >Pilot Projects</a></li><li ><a href="https://ccmi.org/training-program" >Training Program</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="https://ccmi.org/projects" class="dropdown-toggle">Research</a><ul class="dropdown-menu "><li ><a href="https://ccmi.org/projects" >Projects</a></li><li ><a href="https://ccmi.org/projects" >Cores</a></li><li ><a href="https://ccmi.org/technology" >Technology</a></li></ul></li><li ><a href="https://ccmi.org/cell-maps" >Cell Maps</a></li><li class="line"></li><li ><a href="https://ccmi.org/events/archive" >Events</a></li><li ><a href="https://pubmed.ncbi.nlm.nih.gov/?term=(U54 CA209891[Grant Number]) OR (U54 CA274502[Grant Number])&;;;sort=date" >Publications</a></li><li class="line"></li><li ><a href="https://ccmi.org/recentnews" >News</a></li></ul> </div> </div> </nav> <div class="clearfix"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <a href="https://ccmi.org"> <img src="http://ccmi.org/site-assets/images/head-icon3.png" alt="" class="center-block img-responsive logo logo-center-new" /> </a> </div> </div> </div> </header> <script type="text/javascript"> $(document).ready(function(){ $('.navbar-toggle-main, .main').click(function(){ $('.navbar-toggle-main').toggleClass('is-active'); }); /** * This object controls the nav bar. Implement the add and remove * action over the elements of the nav bar that we want to change. * * @type {{flagAdd: boolean, elements: string[], add: Function, remove: Function}} */ var myNavBar = { flagAdd: true, elements: [], init: function (elements) { this.elements = elements; }, add : function() { if(this.flagAdd) { for(var i=0; i < this.elements.length; i++) { document.getElementById(this.elements[i]).className += " fixed-theme"; } this.flagAdd = false; } }, remove: function() { for(var i=0; i < this.elements.length; i++) { document.getElementById(this.elements[i]).className = document.getElementById(this.elements[i]) .className.replace( /(?:^|\s)fixed-theme(?!\S)/g , '' ); } this.flagAdd = true; } }; /** * Init the object. Pass the object the array of elements * that we want to change when the scroll goes down */ myNavBar.init(["header"]); /** * Function that manage the direction * of the scroll */ function offSetManager(){ var yOffset = 500; var currYOffSet = window.pageYOffset; if(yOffset < currYOffSet) { myNavBar.add(); }else if(currYOffSet <= yOffset){ myNavBar.remove(); } } /** * bind to the document scroll detection */ window.onscroll = function(e) { offSetManager(); }; /** * We have to do a first detectation of offset because the page * could be load with scroll down set. */ offSetManager(); }); </script> <section class="topcontain"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12">  <div class="heading"> <h1>Welcome to the Cancer cell map initiative</h1> </div>  </div> </div>  <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >  <div class="column denimblue-medium" > <div class="col-md-8 no-padding col-md-push-4"> <div class="con-img image-fit-class medium-block-strict" > <div class="overlay"></div> <img src="http://www.ccmi.org/site-assets/images/mapping-ccmi.jpg" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding medium-block col-md-pull-8" data-maxheight="500" id="bqpyhukstbukogbxswbj"> <div class="con-txt formation-txt medium-block" > <h2>Our Mission</h2> <div class="dynamic-height-wrap"> <p>The mission of the Cancer Cell Map Initiative is to enable a new era of cancer discovery and treatment based on the complete elucidation of the molecular networks underlying cancer. This information will be critical for developing computational models of cancer cells that will enable both basic research and clinical decision-making.</p> </div> <button class="js-dynamic-show-hide read-mobile hvr-icon-float-away" title="Read more" data-replace-text="× close" onclick="$(this).toggleClass('hvr-icon-float-away')">Read more</button> </div> </div> <div class="clearfix"></div> </div> <script> $('#bqpyhukstbukogbxswbj').dynamicMaxHeight(); </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >  <div class="column oceanblue-dark" > <div class="col-md-8 no-padding"> <div class="con-img image-fit-class medium-block-strict" style="overflow: hidden"> <div class="overlay"></div> <img src="http://www.ccmi.org/site-assets/images/1682455303_Cell junctions CLDN3.jpeg" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding medium-block" data-maxheight="500" id="glcjhfbupujqkzostzkn"> <div class="con-txt formation-txt " > <div class="dynamic-height-wrap"> <h2>Origins of CCMI</h2> <p>The Cell Map Initiative was initially founded in 2015 with major funding from the Fred B. Luddy Foundation, the Vice Chancellor of Health Sciences at UC San Diego and the Chancellor of UCSF. In 2017, the NCI announced that CCMI was one of 5 new members of the Cancer Systems Biology Consortium (U54 CA209891) and renewed in 2022 (U54 CA274502).</p> </div> <button class="js-dynamic-show-hide read-mobile hvr-icon-float-away" title="Read more" data-replace-text="× close" onclick="$(this).toggleClass('hvr-icon-float-away')">Read more</button> </div> </div> <div class="clearfix"></div> </div> <script> $('#glcjhfbupujqkzostzkn').dynamicMaxHeight(); </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >  <div class="column denimblue-light" > <div class="col-md-8 no-padding col-md-push-4"> <div class="con-img image-fit-class medium-block-strict" > <div class="overlay"></div> <img src="http://www.ccmi.org/site-assets/images/1585945746_DSC00615.JPG" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding medium-block col-md-pull-8" data-maxheight="500" id="bfxplznewpocaqmiwocl"> <div class="con-txt formation-txt medium-block" > <h2>Co-Director Statement </h2> <div class="dynamic-height-wrap"> <p>Cancer research is increasingly dependent on knowledge of biological networks of multiple types. The CCMI will leverage advanced interaction mapping and computational facilities which have been established at two University of California campuses (UCSF and UC San Diego) to generate, assemble and analyze cancer networks.</p> </div> <button class="js-dynamic-show-hide read-mobile hvr-icon-float-away" title="Read more" data-replace-text="× close" onclick="$(this).toggleClass('hvr-icon-float-away')">Read more</button> </div> </div> <div class="clearfix"></div> </div> <script> $('#bfxplznewpocaqmiwocl').dynamicMaxHeight(); </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column denimblue-light hover" id="imbtlqmfqwsrbqhnpvsm"> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box "> <div class="con-img box-inner home-slider-image large-block-strict"> <div class="overlay"></div> <img src="http://www.ccmi.org/site-assets/images/1493422054_ccmi_cell_mapping_about.003.jpeg" alt="" class="header-image" /> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-4 no-padding middle-two mission_statement_maxheight" data-maxheight="130"> <div class="con-txt slider-1-content home-header-txt"> <h2>Cell Mapping In Cancer</h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">Before the first human genome was sequenced, there was the expectation that the genetic code would reveal the secrets of life, leading to new treatments for diseases. Completed early this century, the Human Genome Project created a catalog of our 20,000 genes but did not tell us how these genes work together or what goes wrong when people get sick. Recent work comparing genomes from tumors to that...</p> </div> <span class='read'><a class="hvr-icon-float-away slide-toggle action" onclick="$(this).toggleClass('hvr-icon-float-away')" style="line-height:1px !important">Read More</a></span> <div class="list light hover" style="display:none;"> <div class="listin hvr-fade"> <p> <img src="images/ccmi.png" alt="" class="header-small-icon"> <span class="header_icon_text">Cancer Cell<br> Map Initiatives</span> </p> <div class="clearfix"></div> </div> <div class="listin hvr-fade"> <p> <img src="images/hpmi.png" alt="" class="header-small-icon"> <span class="header_icon_text">Host Pathogen<br> Map Initiatives</span> </p> <div class="clearfix"></div> </div> <div class="listin hvr-fade hvrfade-last"> <p> <img src="images/pcmi.png" alt="" class="header-small-icon"> <span class="header_icon_text">Psychiatric Cell<br> Map Initiatives</span> </p> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box2 dark hover last-header"> <div class="con-text box-inner"> <p class="text_to_iterate"> Before the first human genome was sequenced, there was the expectation that the genetic code would reveal the secrets of life, leading to new treatments for diseases. Completed early this century, the Human Genome Project created a catalog of our 20,000 genes but did not tell us how these genes work together or what goes wrong when people get sick. Recent work comparing genomes from tumors to that of healthy tissues found that any given mutation is quite rare; hardly ever do the same patients have mutations in the same genes, except for a few well-known cancer genes. Genome analysis has long worked according to the laws of statistical association. To firmly link a mutation to disease, we need to observe that the mutation occurs more often that would be expected by chance. However, the heterogeneity described above means that recurrent patterns are not observed for most mutations. To make matters worse, patients presenting with such patterns are often now labeled an “N-of-1”, to capture the idea that they cannot be joined together with any other individuals to be analyzed and treated as a larger cohort. Patients enduring this desultory fate stand alone, without a friend even in disease. <br> <br> The Cancer Cell Map Initiative (CCMI) is generating comprehensive maps of the key protein-protein and genetic interactions underlying cancer, and is developing computational methods using these maps to identify new drug targets and groups of patients with shared outcomes. Protein-protein interaction maps – the complete set of proteins that bind to another protein – tell us about the physical structure of cancer cells. Genetic interaction maps – knowing how deleting one gene impacts how cells respond to the loss of another gene – tell us about how groups of genes function as pathways and networks. New drug targets and patient subtypes will be identified using a variety of machine learning algorithms using a state-of-the-art supercomputer cluster. Unsupervised methods such as clustering and network propagation will be used to identify patient subtypes and drug targets, respectively, and supervised methods like neural networks will be trained to predict outcomes based genetic information. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id41 = "imbtlqmfqwsrbqhnpvsm"; /* Animation time taken for text to appear */ var animation_time41 =750; /* Delay time for two texts to appear */ var delay_time41 =300; /* Mission statement animation time */ var mission_statement_animation_time41 =1500; /* Slide Animation Time */ var slide_animation_time41 =300; var maxheight41 = 70; var old_text41=$('#'+id41+' .mission_statement_readmore_text').html(); $('#text_to_iterate').hide(); slider_set41(id41,animation_time41,delay_time41,mission_statement_animation_time41,slide_animation_time41,old_text41,maxheight41); $(window).on('resize',function(){ slider_set41(id41,animation_time41,delay_time41,mission_statement_animation_time41,slide_animation_time41,old_text41,maxheight41); }) }); function slider_set41(id,animation_time,delay_time,mission_statement_animation_time,slide_animation_time,old_text,maxheight) { var flag=0; var image = '#'+id+' .header-image'; var action_button = '#'+id+' .action'; var readmore_text = '#'+id+' .mission_statement_readmore_text'; var long_text = '#'+id+' .text_to_iterate'; if($(window).width()>=290 && $(window).width()<=970) { $(readmore_text) .html($(long_text).html()) .parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',maxheight); $(action_button).unbind() .addClass('js-dynamic-show-hide') .attr('title','Read More') .data('replaceText','X close'); $('#'+id+' .mission_statement_maxheight').dynamicMaxHeight(); } else { $(action_button).unbind(); $(readmore_text).html(old_text); $('.text_to_iterate').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); $(action_button).html("Read More").click(function(){ if(flag==0) { flag=1; $(this).removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Return'); $(long_text).hide(); $(image).fadeOut(animation_time); setTimeout(function(){ $(long_text).fadeIn(animation_time); },2*delay_time) } else { flag=0; $(long_text).fadeOut(100); $(this).removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Read More'); $(image).fadeIn(animation_time); } $('#'+id+" .box").animate({ width: "toggle" },slide_animation_time); $('#'+id+" .box2").animate({ width: "toggle" },slide_animation_time); }); } } </script>  </div> </div>  </div> </section> <footer> <div class="container"> <div class="row footer-logo"> <ul><div class="col-xs-12 col-sm-4 col-md-4"> <a href="https://www.cancer.gov/" target="_blank"> <img src="http://www.ccmi.org/site-assets/images/1494630650_nci_grey50-01.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="https://ucsd.edu/" target="_blank"> <img src="http://www.ccmi.org/site-assets/images/1492256048_footer-logo2.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="https://www.ucsf.edu/" target="_blank"> <img src="http://www.ccmi.org/site-assets/images/1492256083_footer-logo4.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="https://cancer.ucsf.edu/" target="_blank"> <img src="http://www.ccmi.org/site-assets/images/1492256091_footer-logo5.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="https://today.ucsd.edu/story/uc_san_diego_raises_177.5_million_to_break_campus_fundraising_record" target="_blank"> <img src="http://www.ccmi.org/site-assets/images/1492256098_footer-logo6.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="https://roddenberryprize.org/" target="_blank"> <img src="http://www.ccmi.org/site-assets/images/1494629940_roddenberry-foundation_grey50-01.jpg" class="img-responsive"> </a> </div></ul> </div> <div class="row foooter-address-bar"> <div class="col-xs-12 col-sm-12 col-md-4 col-lg-5"> <i class="fa fa-map-marker footer-map-icon" aria-hidden="true"></i> <p> <a href="https://ccmi.org/about" target="_blank"> Contact Us </a> </p> </div> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-2 padding-right"> <p> <i class="fa fa-envelope footer-envelope-icon" aria-hidden="true"></i> <a href="mailto:hello@ccmi.org"> hello@ccmi.org </a> </p> </div> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-2 col-lg-offset-1">     </div> <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 footer-social-icon"> <ul> <li><a target="_blank" href="https://twitter.com/CancerCellMap"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="https://www.youtube.com/@ccmiadmin9648"><i class="fa fa-youtube youtube" aria-hidden="true"></i></a></li> </ul> </div> </div> <div class="row footer-links" id="footer-toggle" style="display: block;"> <div class="col-md-12"> <h2></h2> </div> <div class="col-xs-12 col-md-12"> <ul id="main-navbar"></ul> </div> </div> </div> </footer> <div class="footer-close-panel" id="footer-close-panel"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-5 col-md-4 padding-right ">  <p>©2017 The Regents of the University of California</p> </div> <div class="col-xs-12 col-sm-2 col-sm-offset-1 col-md-1 col-md-offset-2 more-button no-padding"> <div class="mobile-more-btn" style="display: none"> <p> <a id="menu-open-close"><span id="spantext">More</span> <img src="images/scroll-down.png" class="img-responsive footer-more"></a> </p> </div> </div> <div class="col-xs-12 col-sm-3 col-md-3 col-md-offset-2 text-right pull-right"> <p>Site design by <span><a href="http://www.goodvsevil.co" target="_blank">Good vs Evil</a></span></p> </div> </div> </div> </div> <script type='text/javascript' src='scripts/footer.js'></script> </body> </html>

CINXE.COM

CCMI | home