https://www.nad.com/_next/static/chunks/pages/canvastest-272585324b5ac9fe4226.js

1_N_E=(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[20],{NvZ8:function(e,i,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/canvastest",function(){return n("PmBQ")}])},PmBQ:function(e,i,n){"use strict";n.r(i);var a=n("q1tI"),t=n.n(a),o=n("RK7b"),y=t.a.createElement;i.default=function(){return y("div",null,y(o.a,null))}},Qetd:function(e,i,n){"use strict";var a=Object.assign.bind(Object);e.exports=a,e.exports.default=e.exports},RK7b:function(e,i,n){"use strict";var a=n("q1tI"),t=n.n(a).a.createElement,o=[{name:"Myleran",AvgLife:{F:"",M:"-49.7"},x:45,y:315},{name:"p-fluorophenylalanine",AvgLife:{F:"-32",M:"-36"},x:82,y:315},{name:"2,2'-diaminodiethyl disulfide dihydrochloride",AvgLife:{F:"-11",M:"-28"},x:105,y:319},{name:"Disulfiram",AvgLife:{F:"",M:"-26.6"},x:112,y:308},{name:"2-mercaptoethylamine hydrochloride",AvgLife:{F:"26",M:"-21"},x:130,y:315},{name:"Methionine",AvgLife:{F:"",M:"-17"},x:142,y:280},{name:"Phenobarbital",AvgLife:{F:"-9.57",M:"-16.66"},x:144,y:303},{name:"Quercetin",AvgLife:{F:"-6",M:"-14"},x:154,y:315},{name:"Nicotine",AvgLife:{F:"-8.51",M:"-11.45"},x:166,y:306},{name:"Lovaza",AvgLife:{F:"",M:"-10"},x:190,y:297},{name:"Mercuric chloride",AvgLife:{F:"7",M:"-10"},x:192,y:280},{name:"Diethylnitrosamine",AvgLife:{F:"",M:"-9.8"},x:200,y:315},{name:"Cyclophosphamide",AvgLife:{F:"-9.75",M:"-9.37"},x:209,y:300},{name:"Barium acetate",AvgLife:{F:"8",M:"-9"},x:230,y:284},{name:"Beryllium sulfate",AvgLife:{F:"11",M:"-9"},x:230,y:315},{name:"Atropine",AvgLife:{F:"-5.31",M:"-8.33"},x:251,y:318},{name:"Pilocarpine",AvgLife:{F:"-12.76",M:"-8.33"},x:251,y:295},{name:"Aluminium chloride",AvgLife:{F:"",M:"-7"},x:281,y:291},{name:"Nickelous acetate",AvgLife:{F:"5",M:"-7"},x:281,y:318},{name:"Amethopterin",AvgLife:{F:"7.44",M:"-6.25"},x:300,y:285},{name:"L-Thyroxine sodium",AvgLife:{F:"",M:"-6.07"},x:308,y:303},{name:"Aluminum potassium sulfate",AvgLife:{F:"-3",M:"-6"},x:310,y:263},{name:"Dehydroepiandrosterone sulfate",AvgLife:{F:"-1",M:"-6"},x:312,y:244},{name:"Potassium titanium oxalate",AvgLife:{F:"0",M:"-6"},x:315,y:282},{name:"Indole-3-acetic acid",AvgLife:{F:"",M:"-5.61"},x:324,y:310},{name:"Krill oil",AvgLife:{F:"",M:"-5"},x:335,y:308},{name:"Lead acetate",AvgLife:{F:"16",M:"-5"},x:335,y:285},{name:"Ginseng extract",AvgLife:{F:"12",M:"-4"},x:362,y:300},{name:"TM5441 (PAI-1 inhibitor)",AvgLife:{F:"0",M:"-4"},x:360,y:280},{name:"Coenzyme Q10",AvgLife:{F:"",M:"-3"},x:375,y:230},{name:"INT-767d (FXR/TGR5 agonist)",AvgLife:{F:"-1",M:"-3"},x:374,y:290},{name:"Nicotinamide riboside",AvgLife:{F:"0",M:"-3"},x:377,y:310},{name:"PB125 (carnosol, withaferin A and luteolin)",AvgLife:{F:"1",M:"-3"},x:376,y:250},{name:"Sulindac",AvgLife:{F:"-2",M:"-3"},x:373,y:270},{name:"Hydrocortisone",AvgLife:{F:"2.12",M:"-2.08"},x:390,y:303},{name:"Inulin",AvgLife:{F:"1",M:"-2"},x:397,y:280},{name:"Methylene blue",AvgLife:{F:"1",M:"-2"},x:397,y:260},{name:"Sodium borate",AvgLife:{F:"",M:"-2"},x:398,y:313},{name:"Beta-carotene",AvgLife:{F:"",M:"-1"},x:417,y:314},{name:"Beta-guanidinopropionic acid",AvgLife:{F:"-1",M:"-1"},x:409,y:302},{name:"Medium-chain triglyceride oil",AvgLife:{F:"2",M:"-1"},x:419,y:290},{name:"4-hydroxyphenyl-N-tert-butylnitrone",AvgLife:{F:"0",M:"0"},x:440,y:321},{name:"Alpha-lipoic acid",AvgLife:{F:"",M:"0"},x:442,y:220},{name:"C60 fullerene",AvgLife:{F:"7",M:"0"},x:450,y:233},{name:"Caffeic acid phenethylester",AvgLife:{F:"0",M:"0"},x:444,y:300},{name:"D-glucosamine",AvgLife:{F:"",M:"0"},x:434,y:237},{name:"Dimethyl fumarate",AvgLife:{F:"-1",M:"0"},x:434,y:168},{name:"GDF11",AvgLife:{F:"0",M:"0"},x:453,y:288},{name:"Hyaluronic acid",AvgLife:{F:"9",M:"0"},x:450,y:203},{name:"Leucine",AvgLife:{F:"-2",M:"0"},x:434,y:195},{name:"Nicotinamide",AvgLife:{F:"",M:"0"},x:442,y:249},{name:"Nitroflurbiprofen",AvgLife:{F:"0",M:"0"},x:437,y:270},{name:"Simvastatin",AvgLife:{F:"0",M:"0"},x:453,y:315},{name:"Vanadyl sulfate",AvgLife:{F:"12",M:"0"},x:447,y:178},{name:"2-(2-hydroxyphenyl)benzothiazole",AvgLife:{F:"-2",M:"1"},x:470,y:247},{name:"Blackcurrant extract",AvgLife:{F:"4",M:"1"},x:480,y:316},{name:"Cysteine hydrochloride",AvgLife:{F:"-10",M:"1"},x:470,y:273},{name:"Mycophenolic acid",AvgLife:{F:"-1",M:"1"},x:472,y:300},{name:"Fisetin",AvgLife:{F:"0",M:"2"},x:503,y:319},{name:"Methylmercury acetate",AvgLife:{F:"2",M:"2"},x:503,y:295},{name:"MitoQ",AvgLife:{F:"-2",M:"2"},x:503,y:269},{name:"SG1002 (hydrogen sulfide donor)",AvgLife:{F:"-1",M:"2"},x:503,y:242},{name:"4-phenylbutyrate",AvgLife:{F:"-2",M:"3"},x:528,y:263},{name:"Curcumin",AvgLife:{F:"5",M:"3"},x:528,y:289},{name:"Nebivolol",AvgLife:{F:"-5",M:"3"},x:528,y:315},{name:"2,4-dinitrophenol",AvgLife:{F:"3",M:"4"},x:553,y:264}

1,{name:"Candesartan cilexetil",AvgLife:{F:"1",M:"4"},x:553,y:286},{name:"Epimedium extract",AvgLife:{F:"",M:"4"},x:544,y:223},{name:"MIF098 (CD74 antagonist)",AvgLife:{F:"-1",M:"4"},x:544,y:272},{name:"N-tert-butyl-alpha-phenylnitrone",AvgLife:{F:"",M:"4"},x:553,y:319},{name:"Oxaloacetate",AvgLife:{F:"3",M:"4"},x:553,y:242},{name:"Sodium thiosulfate",AvgLife:{F:"",M:"4"},x:546,y:295},{name:"Fish oil",AvgLife:{F:"-3",M:"5"},x:572,y:200},{name:"Geranylgeranylacetone",AvgLife:{F:"2",M:"5"},x:576,y:265},{name:"Minocycline",AvgLife:{F:"-3",M:"5"},x:571,y:151},{name:"Glycine",AvgLife:{F:"4",M:"6"},x:581,y:223},{name:"Ivabradine",AvgLife:{F:"",M:"6"},x:584,y:192},{name:"Syringaresinol",AvgLife:{F:"-2",M:"6"},x:580,y:137},{name:"Ursolic acid",AvgLife:{F:"0",M:"6"},x:583,y:317},{name:"KU0063794",AvgLife:{F:"",M:"6.7"},x:585,y:243},{name:"Protandim",AvgLife:{F:"3",M:"7"},x:587,y:278},{name:"Ursodeoxycholic acid",AvgLife:{F:"-1",M:"7"},x:588,y:165},{name:"Aspirin",AvgLife:{F:"-5",M:"8"},x:595,y:218},{name:"Icariin",AvgLife:{F:"",M:"8"},x:595,y:288},{name:"Meclizine",AvgLife:{F:"3",M:"8"},x:597,y:245},{name:"(R/S)-1,3-butanediol",AvgLife:{F:"1",M:"9"},x:606,y:270},{name:"17-dimethylaminoethylamino-17-demethoxygeldanamycin hydrochloride",AvgLife:{F:"-4",M:"9"},x:596,y:124},{name:"Ascorbic acid",AvgLife:{F:"",M:"9"},x:603,y:312},{name:"Hesperetin",AvgLife:{F:"",M:"9"},x:595,y:143},{name:"Hydralazine",AvgLife:{F:"-4",M:"9"},x:604,y:210},{name:"SRT1720 (SIRT1 activator)",AvgLife:{F:"",M:"9"},x:593,y:186},{name:"Sodim cyclamate",AvgLife:{F:"",M:"9.77"},x:599,y:170},{name:"Alpelisib",AvgLife:{F:"11",M:"10"},x:605,y:156},{name:"Genistein",AvgLife:{F:"",M:"10"},x:616,y:305},{name:"LY444711 (GHS-R1a agonist)",AvgLife:{F:"",M:"10"},x:605,y:136},{name:"Metoprolol",AvgLife:{F:"",M:"10"},x:616,y:235},{name:"Oridonin",AvgLife:{F:"",M:"10"},x:617,y:258},{name:"Taurine",AvgLife:{F:"10",M:"10"},x:607,y:186},{name:"Alpha-ketoglutarate",AvgLife:{F:"10",M:"11"},x:628,y:215},{name:"Green tea extract",AvgLife:{F:"7",M:"11"},x:628,y:272},{name:"Rosiglitazone",AvgLife:{F:"",M:"11"},x:627,y:322},{name:"Rapamycin",AvgLife:{F:"11.8",M:"11.9"},x:635,y:197},{name:"Astaxanthin",AvgLife:{F:"3",M:"12"},x:635,y:242},{name:"Branched-chain amino acids",AvgLife:{F:"",M:"12"},x:635,y:292},{name:"Sulfamerazine",AvgLife:{F:"36.21",M:"13.84"},x:651,y:201},{name:"(2R)-1-(1-benzofuran-2-yl)-N-propylpentane-2-amine",AvgLife:{F:"",M:"14"},x:651,y:275},{name:"Captopril",AvgLife:{F:"5",M:"14"},x:649,y:316},{name:"Tetrahydrocurcumin",AvgLife:{F:"",M:"14"},x:651,y:251},{name:"16-alpha-hydroxyestradiol",AvgLife:{F:"-7",M:"15"},x:660,y:233},{name:"Hexachlorophene",AvgLife:{F:"-16",M:"15"},x:660,y:210},{name:"Hydroxylamine hydrochloride",AvgLife:{F:"-3",M:"15"},x:661,y:304},{name:"Berberine",AvgLife:{F:"",M:"16"},x:670,y:263},{name:"Hyaluronic acid",AvgLife:{F:"9",M:"16"},x:670,y:223},{name:"78c (CD38 inhibitor)",AvgLife:{F:"3",M:"17"},x:679,y:290},{name:"Chloroquine",AvgLife:{F:"-8",M:"17"},x:675,y:199},{name:"Melatonin",AvgLife:{F:"30",M:"17"},x:679,y:319},{name:"Ginkgo biloba extract",AvgLife:{F:"",M:"17.4"},x:683,y:216},{name:"Calcium pantothenate",AvgLife:{F:"20",M:"18"},x:680,y:246},{name:"Ethoxyquin",AvgLife:{F:"20",M:"18"},x:687,y:270},{name:"Ergothioneine",AvgLife:{F:"",M:"21"},x:694,y:284},{name:"Enalapril",AvgLife:{F:"0",M:"21.36"},x:701,y:297},{name:"X203 (anti-IL-11)",AvgLife:{F:"25",M:"22"},x:703,y:319},{name:"Spermidine",AvgLife:{F:"22",M:"24"},x:715,y:323},{name:"Beta-aminopropionitrile fumarate",AvgLife:{F:"",M:"27"},x:731,y:279},{name:"Dimethylaminoethyl p-chlorophenoxyacetate",AvgLife:{F:"",M:"27.3"},x:733,y:299},{name:"Sodium tungstate",AvgLife:{F:"-6.57",M:"27.63"},x:733,y:253},{name:"Metformin",AvgLife:{F:"36",M:"28.7"},x:735,y:319},{name:"Urolithin A",AvgLife:{F:"",M:"29"},x:741,y:294},{name:"Sodium metaborate",AvgLife:{F:"-3",M:"30"},x:745,y:265},{name:"Thyroxin",AvgLife:{F:"16.5",M:"34.1"},x:756,y:282},{name:"Vigconic 28",AvgLife:{F:"9",M:"35"},x:766,y:295},{name:"Dasatinib plus quercetin ",AvgLife:{F:"36",M:"36"},x:769,y:317},{name:"Canagliflozin",AvgLife:{F:"-6",M:"37"},x:778,y:287},{name:"Procaine",AvgLife:{F:"10.4",M:"38.5"},x:785,y:269},{name:"Royal Jelly",AvgLife:{F:"",M:"41"},x:796,y:299},{name:"L-deprenyl",AvgLife:{F:"22.7",M:"43.8"},x:806,y:314},{name:"Resveratrol",AvgLife:{F:"32",M:"45"},x:809,y:292},{name:"Nordihydroguaiaretic acid",AvgLife:{F:"-3",M:"49"},x:821,y:284},{name:"Levodopa",AvgLife:{F:"",M:"50"},x:824,y:264},{name:"Butylated hydroxytoluene",AvgLife:{F:"47",M:"58"},x:834,y:307},{name:"17-alpha-estradiol",AvgLife:{F:"1",M:"61"},x:843,y:315},{name:"Acarbose",AvgLife:{F:"16",M:"72"},x:860,y:315}];i.a=function(){var e=Object(a.useRef)(null),i=Object(a.useRef)(null),n=Object(a.useState)([]),y=n[0],l=n[1];Object(a.useEffect)((function(){var i=e.current,n=i.getContext("2d"),a=window.devicePixelRatio||1;i.width=900*a,i.height=400*a,n.scale(a,a),i.style.width="".concat(900,"px"),i.style.height="".concat(400,"px");n.clearRect(0,0,i.width,i.height),n.beginPath(),n.moveTo(15,0),n.lineTo(15,345),n.stroke(),n.beginPath(),n.moveTo(10,340),n.lineTo(880,340),n.stroke(),n.beginPath(),n.moveTo(15,10),n.quadraticCurveTo(900/2.1,5,435,340),n.strokeStyle="#1DFE04",n.lineWidth=3,n.stroke(),n.beginPath(),n.moveTo(15,10),n.quadraticCurveTo(562.5,5,580,340),n.strokeStyle="#19F401",n.lineWidth=3,n.stroke(),n.beginPath(),n.moveTo(15,10),n.quadraticCurveTo(720,5,870*(.5+1/3),340),n.strokeStyle="#01ABF4",n.lineWidth=3,n.stroke(),n.beginPath(),n.moveTo(15,10),n.quadraticCurveTo(900/1.05,5,870,340),n.strokeStyle="#F601FE",n.lineWidth=3,n.stroke(),n.font="25px Inter",n.fillStyle="black",n.textAlign="center",n.fillText("Lifespan Extension Compounds (hover to view)",450,394),n.fillText("Normal Lifespan",240,180),n.font="16px Inter",n.fillStyle="black",n.textAlign="center",n.fillText("Modest (1%-5%)",490,360),n.fillText("Significant (5%-25%)",650,360),n.fillText("Extreme (25%+)",810,360),function(){var e=[],i=n.createLinearGradient(0,400,900,400);i.addColorStop(0,"#FE0101"),i.addColorStop(.1,"#FEA101"),i.addColorStop(.13,"#F2E101"),i.addColorStop(.18,"#33FE01"),i.addColorStop(.3,"#33FE01"),i.addColorStop(.6,"#33FE01"),i.addColorStop(.7,"#33FE01"),i.addColorStop(.85,"#4991FE"),i.addColorStop(.92,"#4401FE"),i.addColorStop(.94,"#A101FE"),i.addColorStop(.96,"#FE01DC"),n.fillStyle=i,o.forEach((function(e,i){n.fillRect(e.x,e.y,5,15)}

1)),n.strokeStyle="#000",n.lineWidth=1,o.forEach((function(i,a){n.strokeRect(i.x,i.y,5,15),e.push({x:i.x,y:i.y,w:5,h:15,label:i.name,AvgLife:i.AvgLife})})),l(e)}()}),[]);return t("div",{className:"canvas_wrap"},t("canvas",{className:"lifespan_canvas",ref:e,onMouseMove:function(n){var a=e.current.getBoundingClientRect(),t=900/a.width,o=400/a.height,l=(n.clientX-a.left)*t,r=(n.clientY-a.top)*o,f=i.current,m=y.find((function(e){return l>=e.x&&l<=e.x+e.w&&r>=e.y&&r<=e.y+e.h}));if(m){f.style.display="block";var x=m.x*a.width/900,v=m.y*a.height/400;m.x>620?(f.style.left="".concat(n.clientX-f.offsetWidth-10,"px"),f.style.top="".concat(n.clientY-f.offsetHeight-10,"px")):(f.style.left="".concat(a.left+x+m.w*t+8,"px"),f.style.top="".concat(a.top+v-f.offsetHeight-8,"px")),f.textContent=m.label,f.innerHTML='\n            <div style="max-width: 150px; text-align: center; padding: 5px">\n                <div>'.concat(m.label,'</div>\n                <div style="display: flex; justify-content: center; gap: 10px; margin-top: 10px; width: 100%">\n                    <div>\n                        <div>Male</div>\n                        <div style="margin-top: 5px">').concat(m.AvgLife.M,'</div>\n                    </div>\n                    <div>\n                        <div>Female</div>\n                        <div style="margin-top: 5px">').concat(m.AvgLife.F,"</div>\n                    </div>\n                </div>\n            </div>\n          ")}else f.style.display="none"},onMouseLeave:function(){return i.current.style.display="none"}}),t("div",{ref:i,style:{position:"fixed",pointerEvents:"none",padding:"6px 8px",backgroundColor:"#fff",color:"#000",borderRadius:"8px",fontSize:"12px",display:"none",zIndex:1e3,userSelect:"none",border:"1px solid #8E8E8E",boxShadow:"0px 4px 12px 0px rgba(0, 0, 0, 0.25)"}}))}}},[["NvZ8",0,1]]]);