CINXE.COM
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.6d29befaf7dedb8bdf6c.css" id="gatsby-global-css">/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.sr-only{border:0;clip:rect(0 0 0 0);clip-path:polygon(0 0,0 0,0 0);-webkit-clip-path:polygon(0 0,0 0,0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.capture .sr-only{display:none!important}@keyframes svgAnts{to{stroke-dashoffset:100%}}code,pre{font-family:IBM Plex Mono,monospace}code,pre,strong{font-weight:800}.first-letter{float:left;display:block;font-size:7rem;margin-right:20px;line-height:1}.conclusion__byline{text-align:right;display:block;font-weight:800}.error{color:#fe6a6a;border:3px solid #f8a8a8;padding:20px}.error-data{font-size:.8rem}.Tooltip{z-index:1000}.mosaic{display:grid;grid-template-columns:repeat(15,1fr)}.mosaic__image{height:50px;overflow:hidden}.mosaic__image img{display:block;width:100%}.capture .pagelayout__inner{display:block}.capture .Sidebar{display:none!important}.capture .Overview__Chart__SwitchContainer{display:none}.capture .Awards__Block{display:block}.capture .Award{width:1000px;height:500px;justify-content:center}.capture .Quadrants__Block .Block__Description{margin-bottom:0}.capture .Quadrants__Chart__Legend{padding-top:60px}.capture .Quadrants__Chart__Legend__Item{font-size:1rem}.capture #connections{width:1000px;height:500px}.capture #participation-by-country{width:1128px}.capture #salaries{width:648px}.capture #salary-per-country{width:1128px}.capture #gender-breakdown{width:892px}.capture #overview{width:988px}.capture #results-over-time{width:728px}.capture #dislikes,.capture #likes{width:1168px}.capture #quadrants{width:1458px}.capture #tool-pairing{width:880px}.capture #tool-usage-by-country{width:1428}.capture #tools-salary-range{width:1140px}.capture #tools-company-size{width:1216px}.capture #tools-years-of-experience{width:1124px}.capture #happiness{width:808px}.capture #other_languages{width:1408px}.capture #browser_apis{width:928px}.capture #build_tools{width:1088px}.capture #utility_libraries{width:768px}.capture #text_editors{width:1164px}.capture #opinion-building_js_apps_overly_complex,.capture #opinion-enjoy_building_js_apps,.capture #opinion-js_ecosystem_changing_to_fast,.capture #opinion-js_moving_in_right_direction,.capture #opinion-js_over_used_online,.capture #opinion-survey_too_long,.capture #opinion-would_like_js_to_be_main_lang{width:728px}.capture.PageLayout--javascript-flavors #other-tools{width:1068px}.capture.PageLayout--front-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--data-layer #other-tools{width:1068px}.capture.PageLayout--back-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--testing #other-tools{width:1308px}.capture.PageLayout--mobile-and-desktop #other-tools{width:908px}@keyframes appear{to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes popspin{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(800deg)}to{transform:scale(1) rotate(2turn)}}@keyframes slideleft{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideright{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slidetop{0%{opacity:0;transform:translateY(-200px) rotate(180deg)}to{opacity:1;transform:translateY(0) rotate(0deg)}}@keyframes blob{0%{opacity:0;transform:translateX(-100%)}20%{opacity:1}80%{opacity:1;transform:translateX(-20px)}to{opacity:1;transform:translateX(-40px)}}.Logo__Container{overflow:hidden;display:flex;justify-content:center;align-items:center;margin-bottom:40px}@media screen and (max-width:599px){.Logo__Container .Logo{text-shadow:none;width:240px;height:120px;position:relative}.Logo__Container .Logo>*{position:absolute}.Logo__Container .Logo .letter{font-size:86.4px;color:#f649a7;font-weight:800;line-height:1}.Logo__Container .Logo .c{top:50%;transform:translateY(-50%);left:28.8px;text-shadow:3px 3px 0 #3c52d1}.Logo__Container .Logo .s1{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .s2{top:50%;transform:translateY(-50%);right:28.8px}.Logo__Container .Logo .s2 div{text-align:right;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 15 15" xml:space="preserve" height="3px" width="3px"><g ><circle r="4.5" cx="4.5" cy="4.5" fill="%23EC2F95"/></g></svg>');-webkit-background-clip:text;background-clip:text;color:transparent}.Logo__Container .Logo .text{font-size:14.4px;font-style:italic;color:#a3cacd}.Logo__Container .Logo .stateof{top:0;left:0}.Logo__Container .Logo .year{bottom:0;right:0;text-align:right}.Logo__Container .Logo .triangle{width:43.2px;top:54px;left:4.8px}.Logo__Container .Logo .triangle .inner{width:100%;border:30px solid transparent;border-bottom-color:#3c52d1;border-width:0 21.6px 30px}.Logo__Container .Logo .stripe{height:1.5px;width:30px;background:#a3cacd}.Logo__Container .Logo .stripe1{top:74.4px;left:28.8px}.Logo__Container .Logo .stripe2{top:80.4px;left:26.4px}.Logo__Container .Logo .stripe3{top:86.4px;left:24px}.Logo__Container .Logo .stripe4{top:92.4px;left:26.4px}.Logo__Container .Logo .blobs{-webkit-filter:url(#blob);filter:url(#blob);left:30px;top:36px;transform:rotate(-20deg);width:120px;height:60px;display:flex;justify-content:center;align-items:center}.Logo__Container .Logo .blob{width:50%;height:100%;background:#a3cacd;border-radius:50%}.Logo__Container .Logo .blob2{transform:translateX(-12px)}.Logo__Container .Logo .circle{width:76.8px;top:50%;left:calc(50% - 3px)}.Logo__Container .Logo .circle .inner{transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .circle .inner div{width:100%;height:0;padding-bottom:100%;border:3px dashed #3c52d1;border-radius:100%;box-sizing:content-box}.Logo__Container .Logo .frame{width:64.8px;right:26.4px;top:50%}.Logo__Container .Logo .frame .inner{transform:translateY(-50%) rotate(45deg)}.Logo__Container .Logo .frame .inner div{border:3px solid #3c52d1;width:100%;height:0;padding-bottom:100%;box-sizing:content-box;box-shadow:2.1px 2.1px 0 0 #a3cacd}.Logo__Container .Logo .tilde{font-size:33.6px;line-height:1}.Logo__Container .Logo .tilde1{top:24px;right:12px}.Logo__Container .Logo .tilde2{top:30px;right:9.6px}.Logo__Container .Logo .tilde3{top:36px;right:7.2px}.Logo__Container .Logo--animated .c>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s1>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s2>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.3s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .circle>div>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .frame{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slidetop;animation-duration:.6s;animation-delay:.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0) translateY(-60px) rotate(180deg)}.Logo__Container .Logo--animated .blob1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .blob2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:blob;animation-duration:.5s;animation-delay:1.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-100%)}.Logo__Container .Logo--animated .stripe1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.4s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(12px)}.Logo__Container .Logo--animated .stripe2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(12px)}.Logo__Container .Logo--animated .stripe3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.6s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(12px)}.Logo__Container .Logo--animated .stripe4{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.7s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(12px)}.Logo__Container .Logo--animated .tilde1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:1.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-12px)}.Logo__Container .Logo--animated .tilde2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-12px)}.Logo__Container .Logo--animated .tilde3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-12px)}.Logo__Container .Logo--animated .triangle{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:2.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .stateof{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}.Logo__Container .Logo--animated .year{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}}@media screen and (min-width:600px) and (max-width:999px){.Logo__Container .Logo{text-shadow:none;width:400px;height:200px;position:relative}.Logo__Container .Logo>*{position:absolute}.Logo__Container .Logo .letter{font-size:144px;color:#f649a7;font-weight:800;line-height:1}.Logo__Container .Logo .c{top:50%;transform:translateY(-50%);left:48px;text-shadow:5px 5px 0 #3c52d1}.Logo__Container .Logo .s1{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .s2{top:50%;transform:translateY(-50%);right:48px}.Logo__Container .Logo .s2 div{text-align:right;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 25 25" xml:space="preserve" height="5px" width="5px"><g ><circle r="7.5" cx="7.5" cy="7.5" fill="%23EC2F95"/></g></svg>');-webkit-background-clip:text;background-clip:text;color:transparent}.Logo__Container .Logo .text{font-size:24px;font-style:italic;color:#a3cacd}.Logo__Container .Logo .stateof{top:0;left:0}.Logo__Container .Logo .year{bottom:0;right:0;text-align:right}.Logo__Container .Logo .triangle{width:72px;top:90px;left:8px}.Logo__Container .Logo .triangle .inner{width:100%;border:50px solid transparent;border-bottom-color:#3c52d1;border-width:0 36px 50px}.Logo__Container .Logo .stripe{height:2.5px;width:50px;background:#a3cacd}.Logo__Container .Logo .stripe1{top:124px;left:48px}.Logo__Container .Logo .stripe2{top:134px;left:44px}.Logo__Container .Logo .stripe3{top:144px;left:40px}.Logo__Container .Logo .stripe4{top:154px;left:44px}.Logo__Container .Logo .blobs{-webkit-filter:url(#blob);filter:url(#blob);left:50px;top:60px;transform:rotate(-20deg);width:200px;height:100px;display:flex;justify-content:center;align-items:center}.Logo__Container .Logo .blob{width:50%;height:100%;background:#a3cacd;border-radius:50%}.Logo__Container .Logo .blob2{transform:translateX(-20px)}.Logo__Container .Logo .circle{width:128px;top:50%;left:calc(50% - 5px)}.Logo__Container .Logo .circle .inner{transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .circle .inner div{width:100%;height:0;padding-bottom:100%;border:5px dashed #3c52d1;border-radius:100%;box-sizing:content-box}.Logo__Container .Logo .frame{width:108px;right:44px;top:50%}.Logo__Container .Logo .frame .inner{transform:translateY(-50%) rotate(45deg)}.Logo__Container .Logo .frame .inner div{border:5px solid #3c52d1;width:100%;height:0;padding-bottom:100%;box-sizing:content-box;box-shadow:3.5px 3.5px 0 0 #a3cacd}.Logo__Container .Logo .tilde{font-size:56px;line-height:1}.Logo__Container .Logo .tilde1{top:40px;right:20px}.Logo__Container .Logo .tilde2{top:50px;right:16px}.Logo__Container .Logo .tilde3{top:60px;right:12px}.Logo__Container .Logo--animated .c>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s1>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s2>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.3s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .circle>div>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .frame{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slidetop;animation-duration:.6s;animation-delay:.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0) translateY(-100px) rotate(180deg)}.Logo__Container .Logo--animated .blob1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .blob2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:blob;animation-duration:.5s;animation-delay:1.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-100%)}.Logo__Container .Logo--animated .stripe1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.4s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(20px)}.Logo__Container .Logo--animated .stripe2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(20px)}.Logo__Container .Logo--animated .stripe3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.6s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(20px)}.Logo__Container .Logo--animated .stripe4{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.7s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(20px)}.Logo__Container .Logo--animated .tilde1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:1.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-20px)}.Logo__Container .Logo--animated .tilde2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-20px)}.Logo__Container .Logo--animated .tilde3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-20px)}.Logo__Container .Logo--animated .triangle{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:2.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .stateof{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}.Logo__Container .Logo--animated .year{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}}@media screen and (min-width:1000px){.Logo__Container .Logo{text-shadow:none;width:640px;height:320px;position:relative}.Logo__Container .Logo>*{position:absolute}.Logo__Container .Logo .letter{font-size:230.4px;color:#f649a7;font-weight:800;line-height:1}.Logo__Container .Logo .c{top:50%;transform:translateY(-50%);left:76.8px;text-shadow:8px 8px 0 #3c52d1}.Logo__Container .Logo .s1{left:50%;top:50%;transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .s2{top:50%;transform:translateY(-50%);right:76.8px}.Logo__Container .Logo .s2 div{text-align:right;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 40 40" xml:space="preserve" height="8px" width="8px"><g ><circle r="12" cx="12" cy="12" fill="%23EC2F95"/></g></svg>');-webkit-background-clip:text;background-clip:text;color:transparent}.Logo__Container .Logo .text{font-size:38.4px;font-style:italic;color:#a3cacd}.Logo__Container .Logo .stateof{top:0;left:0}.Logo__Container .Logo .year{bottom:0;right:0;text-align:right}.Logo__Container .Logo .triangle{width:115.2px;top:144px;left:12.8px}.Logo__Container .Logo .triangle .inner{width:100%;border:80px solid transparent;border-bottom-color:#3c52d1;border-width:0 57.6px 80px}.Logo__Container .Logo .stripe{height:4px;width:80px;background:#a3cacd}.Logo__Container .Logo .stripe1{top:198.4px;left:76.8px}.Logo__Container .Logo .stripe2{top:214.4px;left:70.4px}.Logo__Container .Logo .stripe3{top:230.4px;left:64px}.Logo__Container .Logo .stripe4{top:246.4px;left:70.4px}.Logo__Container .Logo .blobs{-webkit-filter:url(#blob);filter:url(#blob);left:80px;top:96px;transform:rotate(-20deg);width:320px;height:160px;display:flex;justify-content:center;align-items:center}.Logo__Container .Logo .blob{width:50%;height:100%;background:#a3cacd;border-radius:50%}.Logo__Container .Logo .blob2{transform:translateX(-32px)}.Logo__Container .Logo .circle{width:204.8px;top:50%;left:calc(50% - 8px)}.Logo__Container .Logo .circle .inner{transform:translateX(-50%) translateY(-50%)}.Logo__Container .Logo .circle .inner div{width:100%;height:0;padding-bottom:100%;border:8px dashed #3c52d1;border-radius:100%;box-sizing:content-box}.Logo__Container .Logo .frame{width:172.8px;right:70.4px;top:50%}.Logo__Container .Logo .frame .inner{transform:translateY(-50%) rotate(45deg)}.Logo__Container .Logo .frame .inner div{border:8px solid #3c52d1;width:100%;height:0;padding-bottom:100%;box-sizing:content-box;box-shadow:5.6px 5.6px 0 0 #a3cacd}.Logo__Container .Logo .tilde{font-size:89.6px;line-height:1}.Logo__Container .Logo .tilde1{top:64px;right:32px}.Logo__Container .Logo .tilde2{top:80px;right:25.6px}.Logo__Container .Logo .tilde3{top:96px;right:19.2px}.Logo__Container .Logo--animated .c>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s1>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .s2>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.3s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .circle>div>div{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .frame{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slidetop;animation-duration:.6s;animation-delay:.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0) translateY(-160px) rotate(180deg)}.Logo__Container .Logo--animated .blob1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:pop;animation-duration:.3s;animation-delay:.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:scale(0)}.Logo__Container .Logo--animated .blob2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:blob;animation-duration:.5s;animation-delay:1.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-100%)}.Logo__Container .Logo--animated .stripe1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.4s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(32px)}.Logo__Container .Logo--animated .stripe2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(32px)}.Logo__Container .Logo--animated .stripe3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.6s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(32px)}.Logo__Container .Logo--animated .stripe4{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideleft;animation-duration:.4s;animation-delay:1.7s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(32px)}.Logo__Container .Logo--animated .tilde1{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:1.9s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-32px)}.Logo__Container .Logo--animated .tilde2{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-32px)}.Logo__Container .Logo--animated .tilde3{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:slideright;animation-duration:.4s;animation-delay:2.1s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;transform:translateX(-32px)}.Logo__Container .Logo--animated .triangle{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:popspin;animation-duration:.6s;animation-delay:2.8s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:scale(0)}.Logo__Container .Logo--animated .stateof{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.2s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}.Logo__Container .Logo--animated .year{animation-iteration-count:1;animation-fill-mode:forwards;animation-name:appear;animation-duration:.3s;animation-delay:2.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}}.Feature__Links,.Feature__Support{font-size:.9rem;font-weight:400}.FTBlock__Links__Item{margin-bottom:6.66667px}.Features__Overview{display:flex;flex-wrap:wrap;justify-content:space-between}.Features__Overview__Item{width:240px;height:260px;margin-bottom:40px;display:grid;grid-template-rows:210px 50px}.Features__Overview__Item__Footer{border-top:2px solid #9ac6c9;border-bottom:2px solid #9ac6c9;font-size:.9rem;font-weight:800;display:flex;justify-content:center;align-items:center}.Features__Overview__Item__Footer:hover{background:#9ac6c9;color:#fff;cursor:pointer}.capture .FTBlock__Description{grid-column:1/3}@media screen and (max-width:599px){.FTBlock__Resources{margin-top:20px}}.FTBlock__Resources h3{margin-bottom:10px;font-size:1rem}.FTBlock__Resources ul{padding-left:20px}.capture .FTBlock__Resources{display:none}.OpinionScaleChart{padding-top:20px}.OpinionScaleChart svg{overflow:visible}.FeaturesOverviewChart{height:100%}@media screen and (max-width:599px){.FeaturesSectionOverviewChart{height:200px;height:400px}}@media screen and (min-width:600px) and (max-width:999px){.FeaturesSectionOverviewChart{height:500px}}@media screen and (min-width:1000px){.FeaturesSectionOverviewChart{height:500px}}.ToolsOverviewCirclePackingChart svg{overflow:visible}@media screen and (max-width:599px){.TechnologiesOverviewChart{height:800px}}@media screen and (min-width:600px) and (max-width:999px){.TechnologiesOverviewChart{height:800px}}@media screen and (min-width:1000px){.TechnologiesOverviewChart{height:800px}}.Quadrant__Label{color:#41c7c7;fill:#41c7c7;text-transform:uppercase;letter-spacing:3px;opacity:.75;font-size:1.3rem}.Scatterplot__Node{transition:all .5s ease-out}.Scatterplot__Node--active .Scatterplot__Node__Crosshairs{opacity:1;transition:all .2s ease-out}.Scatterplot__Node--active .Scatterplot__Node__Label{transform:translateX(30px);transition:all .2s ease-out}.Scatterplot__Node--active .Scatterplot__Node__Label__Background{opacity:.75;transition:all .2s ease-out}.Scatterplot__Node--active .Scatterplot__Node__Label__Text{fill:#232840;transition:all .2s ease-out}.Scatterplot__Node--active .Scatterplot__Node__Crosshair__Line{stroke-dasharray:8,4;animation:svgAnts 50s linear infinite;animation-fill-mode:forwards}.Scatterplot__Node--inactive{opacity:.3;transition:all .5s ease-out}.Scatterplot__Node__Label{pointer-events:none;transition:all .2s ease-out}.Scatterplot__Node__Label__Background{opacity:0;transition:all .2s ease-out}.Scatterplot__Node__Label__Text{font-size:.8rem;transition:all .2s ease-out}.Scatterplot__Node__Crosshairs{pointer-events:none;opacity:0;transition:all .2s ease-out}.Scatterplot__Node__PointHover{opacity:.75}.Scatterplot__Node__Crosshair__Label{font-size:.8rem}.text-highlight{background:#41c7c7;background:#000}.text-green,.text-highlight{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-green{background:#41c7c7;background:#85eba2}.text-pink{background:#41c7c7;background:#f649a7}.text-pink,.text-pink-light{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-pink-light{background:#41c7c7;background:#ec75cb}.text-pink-lighter{background:#41c7c7;background:#d68df0}.text-pink-lighter,.text-red{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-red{background:#41c7c7;background:#fe6a6a}.text-teal{background:#41c7c7}.text-teal,.text-teal-dark{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-teal-dark{background:#41c7c7;background:#2ba7a7}.text-teal-darker{background:#41c7c7;background:#1d7e7e}.text-blue,.text-teal-darker{display:inline-block;color:#232840;border-radius:15px;padding:0 12px;font-weight:800}.text-blue{background:#41c7c7;background:#3c52d1}.text-blackred{display:inline-block;background:#41c7c7;color:#232840;border-radius:15px;padding:0 12px;background:rgba(0,0,0,.3);color:#41c7c7;border:1px solid #fe6a6a}.text-blackred,.text-bold{font-weight:800}.Chip{display:block;margin-right:7px;position:relative;overflow:hidden;height:12px;width:12px}.Chip__Inner{height:100%;width:100%;display:block}.Chip--split .Chip__Inner{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.Chip--split .Chip__Inner:last-child{z-index:2;width:200%;height:100%;transform:translateX(-3px) translateY(5px) rotate(-45deg)}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{box-shadow:0 0 5px #0188fe;border-color:#0188fe;outline:none}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.ToolsArrowsChart{position:relative;margin:auto;display:flex}@media (max-width:800px){.ToolsArrowsChart{padding-left:0;padding-right:0}}.ToolsArrowsChart svg{fill:#e0e4e4;overflow:visible}.ToolsArrowsChart__svg{position:absolute;top:0;right:0;bottom:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ToolsArrowsChart__axis{stroke:#484f73;stroke-width:1px}.ToolsArrowsChart__axis__label{text-transform:uppercase;letter-spacing:.1em;font-size:.66em;font-weight:600;fill-opacity:.5;dominant-baseline:middle}@keyframes gradientLineSegmentIn{0%{stroke-opacity:0}to{stroke-opacity:1}}.ToolsArrowsChart__tool--is-hidden{opacity:0;pointer-events:none}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line{stroke-opacity:0;animation:gradientLineSegmentIn .2s ease-out;animation-fill-mode:forwards}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-0{animation-delay:0s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-1{animation-delay:.03s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-2{animation-delay:.06s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-3{animation-delay:.09s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-4{animation-delay:.12s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-5{animation-delay:.15s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-6{animation-delay:.18s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-7{animation-delay:.21s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-8{animation-delay:.24s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-9{animation-delay:.27s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-10{animation-delay:.3s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-11{animation-delay:.33s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-12{animation-delay:.36s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-13{animation-delay:.39s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-14{animation-delay:.42s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-15{animation-delay:.45s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-16{animation-delay:.48s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-17{animation-delay:.51s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-18{animation-delay:.54s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-19{animation-delay:.57s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-20{animation-delay:.6s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-21{animation-delay:.63s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-22{animation-delay:.66s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-23{animation-delay:.69s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-24{animation-delay:.72s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-25{animation-delay:.75s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-26{animation-delay:.78s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-27{animation-delay:.81s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-28{animation-delay:.84s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-29{animation-delay:.87s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-30{animation-delay:.9s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-31{animation-delay:.93s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-32{animation-delay:.96s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-33{animation-delay:.99s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-34{animation-delay:1.02s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-35{animation-delay:1.05s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-36{animation-delay:1.08s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-37{animation-delay:1.11s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-38{animation-delay:1.14s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-39{animation-delay:1.17s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-40{animation-delay:1.2s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-41{animation-delay:1.23s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-42{animation-delay:1.26s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-43{animation-delay:1.29s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-44{animation-delay:1.32s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-45{animation-delay:1.35s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-46{animation-delay:1.38s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-47{animation-delay:1.41s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-48{animation-delay:1.44s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-49{animation-delay:1.47s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-50{animation-delay:1.5s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-51{animation-delay:1.53s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-52{animation-delay:1.56s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-53{animation-delay:1.59s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-54{animation-delay:1.62s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-55{animation-delay:1.65s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-56{animation-delay:1.68s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-57{animation-delay:1.71s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-58{animation-delay:1.74s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-59{animation-delay:1.77s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-60{animation-delay:1.8s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-61{animation-delay:1.83s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-62{animation-delay:1.86s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-63{animation-delay:1.89s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-64{animation-delay:1.92s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-65{animation-delay:1.95s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-66{animation-delay:1.98s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-67{animation-delay:2.01s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-68{animation-delay:2.04s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-69{animation-delay:2.07s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-70{animation-delay:2.1s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-71{animation-delay:2.13s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-72{animation-delay:2.16s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-73{animation-delay:2.19s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-74{animation-delay:2.22s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-75{animation-delay:2.25s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-76{animation-delay:2.28s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-77{animation-delay:2.31s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-78{animation-delay:2.34s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-79{animation-delay:2.37s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-80{animation-delay:2.4s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-81{animation-delay:2.43s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-82{animation-delay:2.46s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-83{animation-delay:2.49s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-84{animation-delay:2.52s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-85{animation-delay:2.55s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-86{animation-delay:2.58s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-87{animation-delay:2.61s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-88{animation-delay:2.64s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-89{animation-delay:2.67s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-90{animation-delay:2.7s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-91{animation-delay:2.73s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-92{animation-delay:2.76s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-93{animation-delay:2.79s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-94{animation-delay:2.82s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-95{animation-delay:2.85s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-96{animation-delay:2.88s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-97{animation-delay:2.91s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-98{animation-delay:2.94s}.ToolsArrowsChart__tool--is-active .ToolsArrowsChart__gradient-line--nth-99{animation-delay:2.97s}.ToolsArrowsChart__tool--is-hovering .ToolsArrowsChart__year{fill-opacity:1}.ToolsArrowsChart__tool--is-hovering-other text{fill-opacity:0;stroke-opacity:0}.ToolsArrowsChart__tool--is-hovering-other .ToolsArrowsChart__gradient-line{stroke:#232840;stroke-width:1!important}.ToolsArrowsChart__tool--is-hovering-other .ToolsArrowsChart__now{fill-opacity:.2!important}.ToolsArrowsChart__hover-background{stroke-width:30px;stroke:transparent;fill:none}.ToolsArrowsChart__year{fill-opacity:0}.ToolsArrowsChart__gradient-line{fill:none;stroke-width:4.5px;mix-blend-mode:lighten;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}@keyframes fadeInSlideUp{0%{fill-opacity:0;transform:translateY(1em)}to{fill-opacity:1;transform:translateY(0)}}.ToolsArrowsChart__year{font-size:.8em;font-weight:600;pointer-events:none}.ToolsArrowsChart__label-background{font-size:.8em;font-weight:600;stroke:#1a1f35;stroke-width:3px}.ToolsArrowsChart__label{font-size:.8em;font-weight:600}.ToolsArrowsChart__label__box{cursor:default}.ToolsArrowsChart__label__box text{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ToolsArrowsChart__listener{fill:transparent}.ToolsArrowsChart__label{cursor:pointer}.ToolsArrowsChart__label:hover{fill:#fff}</style><meta name="generator" content="Gatsby 2.27.0"/><title data-react-helmet="true">State of JS 2020: JavaScript Flavors</title><link data-react-helmet="true" rel="shortcut icon" href="/images/favicon.png"/><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:300,300i,500,600" rel="stylesheet"/><meta data-react-helmet="true" charSet="utf-8"/><meta data-react-helmet="true" name="description" content="The annual survey about the latest trends in the JavaScript ecosystem."/><meta data-react-helmet="true" name="viewport" content="width=device-width, initial-scale=1"/><meta data-react-helmet="true" name="google-site-verification" content="hrTRsz9fkGmQlVbLBWA4wmhn0qsI6_M3NKemTGCkpps"/><meta data-react-helmet="true" property="og:type" content="article"/><meta data-react-helmet="true" property="og:url" content="https://2020.stateofjs.com/en-US/technologies/javascript-flavors/"/><meta data-react-helmet="true" property="og:image" content="https://2020.stateofjs.com/images/stateofjs2020_socialmedia.png"/><meta data-react-helmet="true" property="og:title" content="State of JS 2020: JavaScript Flavors"/><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"/><meta data-react-helmet="true" name="twitter:image:src" content="https://2020.stateofjs.com/images/stateofjs2020_socialmedia.png"/><meta data-react-helmet="true" name="twitter:title" content="State of JS 2020: JavaScript Flavors"/><style data-styled="" data-styled-version="5.2.1">body{background:#222429;color:#e0e4e4;padding:0;font-feature-settings:'liga' 0;line-height:1.7;font-family:'IBM Plex Mono',monospace;font-weight:300;}/*!sc*/ @media screen and (max-width:599px){body{font-size:13px;}}/*!sc*/ @media screen and (min-width:1000px){body{font-size:17px;min-height:100vh;}}/*!sc*/ html{box-sizing:border-box;}/*!sc*/ *,*:before,*:after{box-sizing:inherit;}/*!sc*/ h1,h2,h3,h4,h5,h6{font-family:'IBM Plex Mono',monospace;font-weight:800;margin:0 0 20px 0;}/*!sc*/ a{-webkit-text-decoration:none;text-decoration:none;font-weight:800;}/*!sc*/ a,a:link,a:visited,a:active,a:focus{color:#41c7c7;}/*!sc*/ a:hover,a:focus{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/ p,ul,ol{margin:0 0 20px 0;}/*!sc*/ @media screen and (max-width:599px){p,ul,ol{line-height:1.6;}}/*!sc*/ @media screen and (min-width:600px){p,ul,ol{line-height:1.8;}}/*!sc*/ pre,code{font-family:'IBM Plex Mono',monospace;font-weight:800;}/*!sc*/ @media screen and (max-width:599px){.desktop{display:none;}}/*!sc*/ @media screen and (min-width:600px){.mobile{display:none;}}/*!sc*/ iframe{display:none;}/*!sc*/ .ModalContent{outline:none;}/*!sc*/ .ReactModal__Overlay{z-index:6000;}/*!sc*/ .ReactModal__Body--open{overflow:hidden;}/*!sc*/ .Page--awards .Page__Introduction{margin:0;}/*!sc*/ .Page--awards .Page__Introduction p{margin:0;}/*!sc*/ @media screen and (min-width:600px){.Page--awards .Page__Contents{width:100%;display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:120px;column-gap:120px;row-gap:80px;}.Page--awards .Page__Contents .Page__Introduction{grid-column:1 / 3;}}/*!sc*/ .t-modkeydown.t-fallback,.t-modkeydown.t-missing{text-shadow:0px 2px 7px rgba(133,235,162,0.95);}/*!sc*/ .t-modkeydown.t-fallback:hover,.t-modkeydown.t-missing:hover{cursor:pointer;text-shadow:0px 2px 7px rgba(246,73,167,0.95);}/*!sc*/ .hint-export-button{display:inline-block;font-weight:800;border:1px dashed;font-size:0.8rem;padding:4px 10px;}/*!sc*/ .hint-completion-indicator{display:inline-block;color:#41c7c7;font-size:1.4rem;}/*!sc*/ data-styled.g1[id="sc-global-IPRrj1"]{content:"sc-global-IPRrj1,"}/*!sc*/ .fIONJq{stroke:#41c7c7;}/*!sc*/ data-styled.g2[id="Hamburger__Container-j038hg-0"]{content:"fIONJq,"}/*!sc*/ .bYXlbR{left:50%;position:absolute;padding:4px 8px;white-space:nowrap;-webkit-transform:translate(-50%,-130%);-ms-transform:translate(-50%,-130%);transform:translate(-50%,-130%);opacity:0;font-size:0.8rem;border-radius:3px;-webkit-transition:all 200ms ease-in;transition:all 200ms ease-in;pointer-events:none;background:#e0e4e4;color:#222429;}/*!sc*/ .bYXlbR:after{bottom:-15px;left:50%;content:' ';height:0;width:0;position:absolute;pointer-events:none;margin-left:-8px;border:8px solid rgba(136,183,213,0);border-top-color:#e0e4e4;}/*!sc*/ .bHsPNt{left:50%;position:absolute;padding:4px 8px;white-space:nowrap;-webkit-transform:translate(-50%,-130%);-ms-transform:translate(-50%,-130%);transform:translate(-50%,-130%);opacity:0;font-size:0.8rem;border-radius:3px;-webkit-transition:all 200ms ease-in;transition:all 200ms ease-in;pointer-events:none;background:#41c7c7;color:#222429;}/*!sc*/ .bHsPNt:after{bottom:-15px;left:50%;content:' ';height:0;width:0;position:absolute;pointer-events:none;margin-left:-8px;border:8px solid rgba(136,183,213,0);border-top-color:#41c7c7;}/*!sc*/ data-styled.g3[id="BlockCompletionIndicator__Tooltip-sc-13goqqp-0"]{content:"bYXlbR,bHsPNt,"}/*!sc*/ .htZHAE{margin-left:10px;position:relative;padding:2px;}/*!sc*/ .htZHAE:focus{outline:5px auto -webkit-focus-ring-color;}/*!sc*/ .htZHAE:hover .BlockCompletionIndicator__Tooltip-sc-13goqqp-0,.htZHAE:focus .BlockCompletionIndicator__Tooltip-sc-13goqqp-0{opacity:1;-webkit-transform:translate(-50%,-140%);-ms-transform:translate(-50%,-140%);transform:translate(-50%,-140%);-webkit-transition:all 200ms ease-in;transition:all 200ms ease-in;}/*!sc*/ data-styled.g4[id="BlockCompletionIndicator__Container-sc-13goqqp-1"]{content:"htZHAE,"}/*!sc*/ .kiGCwo{display:block;}/*!sc*/ data-styled.g5[id="BlockCompletionIndicator__Chart-sc-13goqqp-2"]{content:"kiGCwo,"}/*!sc*/ .khMAWA{fill:#cecdcc;opacity:0.5;}/*!sc*/ .hNsnqo{fill:#41c7c7;opacity:0.5;}/*!sc*/ data-styled.g6[id="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3"]{content:"khMAWA,hNsnqo,"}/*!sc*/ .dozdiy{stroke:#cecdcc;}/*!sc*/ .cJwfmm{stroke:#41c7c7;}/*!sc*/ data-styled.g7[id="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4"]{content:"dozdiy,cJwfmm,"}/*!sc*/ .hfkwXz{display:grid;grid-template-columns:auto auto;grid-column-gap:30px;grid-row-gap:30px;}/*!sc*/ data-styled.g8[id="Locales__Container-sc-1lgl2z3-0"]{content:"hfkwXz,"}/*!sc*/ .fiDitP{text-align:center;font-size:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/ @media screen and (max-width:999px){.fiDitP{font-size:0.8rem;}}/*!sc*/ @media screen and (min-width:1000px){.fiDitP{font-size:1rem;}}/*!sc*/ .fiDitP._is-current{font-weight:800;}/*!sc*/ data-styled.g9[id="Locales__Item-sc-1lgl2z3-1"]{content:"fiDitP,"}/*!sc*/ @media screen and (max-width:999px){.Pagination .Popover__Container-sc-3zqg9-0{display:none;}}/*!sc*/ .Sidebar .Popover__Container-sc-3zqg9-0{margin-bottom:20px;border:1px solid #5c6069;}/*!sc*/ @media screen and (min-width:1000px){.Sidebar .Popover__Container-sc-3zqg9-0{display:none;}}/*!sc*/ data-styled.g10[id="Popover__Container-sc-3zqg9-0"]{content:"fxzssI,"}/*!sc*/ .iFJNkp{position:relative;}/*!sc*/ .Sidebar .Popover__PopoverInner-sc-3zqg9-1{padding:8px 12px;}/*!sc*/ data-styled.g11[id="Popover__PopoverInner-sc-3zqg9-1"]{content:"iFJNkp,"}/*!sc*/ .hwouLV{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:transparent;color:#e0e4e4;font-size:1rem;cursor:pointer;outline:none;border:none;box-sizing:border-box;}/*!sc*/ .hwouLV span{display:block;margin-right:5px;}/*!sc*/ .hwouLV svg{display:block;width:12px;position:relative;}/*!sc*/ .hwouLV svg polygon{fill:#e0e4e4;}/*!sc*/ .Pagination .Popover__PopoverToggle-sc-3zqg9-2{padding:20px;}/*!sc*/ @media screen and (max-width:999px){.hwouLV{font-size:0.8rem;}}/*!sc*/ .hwouLV:focus{outline:5px auto -webkit-focus-ring-color;}/*!sc*/ data-styled.g12[id="Popover__PopoverToggle-sc-3zqg9-2"]{content:"hwouLV,"}/*!sc*/ .edvQGu{position:absolute;top:125%;left:50%;padding:20px;background:#2a2d33;border:1px solid #5c6069;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:5000;box-shadow:0px 6px 16px rgba(0,0,0,0.3),0px 2px 6px rgba(0,0,0,0.2);}/*!sc*/ @media screen and (max-width:599px){.edvQGu{width:100%;}}/*!sc*/ @media screen and (min-width:600px){.edvQGu{width:300px;}}/*!sc*/ .edvQGu:before{left:50%;border:solid transparent;content:' ';height:18px;width:18px;background:#2a2d33;position:absolute;pointer-events:none;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;border:1px solid #5c6069;top:0;-webkit-transform:translate(-9px,-9px) rotate(-45deg);-ms-transform:translate(-9px,-9px) rotate(-45deg);transform:translate(-9px,-9px) rotate(-45deg);border-bottom:0;border-left:0;}/*!sc*/ @media screen and (max-width:999px){.edvQGu{top:145%;}}/*!sc*/ @media screen and (max-width:599px){.edvQGu{max-width:90vw;}}/*!sc*/ .Popover._is-closed .Popover__PopoverPopup-sc-3zqg9-3{display:none;}/*!sc*/ data-styled.g13[id="Popover__PopoverPopup-sc-3zqg9-3"]{content:"edvQGu,"}/*!sc*/ .khubsu{font-size:0.8rem;padding-top:20px;margin-top:20px;border-top:1px solid #5c6069;}/*!sc*/ data-styled.g14[id="LanguageSwitcher__LanguageSwitcherHelp-sc-1dnlai8-0"]{content:"khubsu,"}/*!sc*/ .isboRP{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;padding:20px;}/*!sc*/ @media screen and (max-width:999px){.isboRP{font-size:0.7rem;}.isboRP span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;text-align:center;}}/*!sc*/ @media screen and (min-width:1000px){.isboRP{font-size:1rem;}}/*!sc*/ .isboRP:hover,.isboRP:focus{background:#2a2d33;}/*!sc*/ .kyWIcc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:20px;}/*!sc*/ @media screen and (max-width:999px){.kyWIcc{font-size:0.7rem;}.kyWIcc span{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;text-align:center;}}/*!sc*/ @media screen and (min-width:1000px){.kyWIcc{font-size:1rem;}}/*!sc*/ .kyWIcc:hover,.kyWIcc:focus{background:#2a2d33;}/*!sc*/ data-styled.g15[id="PaginationLink__StyledLink-sc-15wpe8c-0"]{content:"isboRP,kyWIcc,"}/*!sc*/ .jdyKgW{display:block;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:1000;position:relative;}/*!sc*/ .jdyKgW:last-child{margin-right:0;}/*!sc*/ .jdyKgW svg{height:100%;width:100%;}/*!sc*/ .jdyKgW svg circle,.jdyKgW svg path{fill:#e0e4e4;}/*!sc*/ .jdyKgW:hover svg path,.jdyKgW:focus svg path,.jdyKgW:hover svg circle,.jdyKgW:focus svg circle{fill:#41c7c7;}/*!sc*/ @media screen and (max-width:599px){.jdyKgW{top:0;left:0;position:absolute;}}/*!sc*/ .ShareBlock .ShareLink__Link-sc-1qpv5j1-0{height:24px;width:24px;opacity:0;display:none;}/*!sc*/ .ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0{pointer-events:auto;display:block;}/*!sc*/ @media screen and (max-width:599px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--twitter{-webkit-animation:cARFhl 500ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:cARFhl 500ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (min-width:600px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--twitter{-webkit-animation:bPXDEJ 500ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:bPXDEJ 500ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (max-width:599px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--facebook{-webkit-animation:ljWKCc 500ms 100ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:ljWKCc 500ms 100ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (min-width:600px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--facebook{-webkit-animation:cMBegx 500ms 100ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:cMBegx 500ms 100ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (max-width:599px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--linkedin{-webkit-animation:kZHiaN 500ms 200ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:kZHiaN 500ms 200ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (min-width:600px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--linkedin{-webkit-animation:fKEkIt 500ms 200ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:fKEkIt 500ms 200ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (max-width:599px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--email{-webkit-animation:ewHXmC 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:ewHXmC 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (min-width:600px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--email{-webkit-animation:kxSgkt 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:kxSgkt 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (max-width:599px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--image{-webkit-animation:ieWsjv 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:ieWsjv 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ @media screen and (min-width:600px){.ShareBlock._is-visible .ShareLink__Link-sc-1qpv5j1-0.ShareLink--image{-webkit-animation:bdkvTi 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;animation:bdkvTi 500ms 300ms cubic-bezier(0.87,-0.41,0.19,1.44) forwards;}}/*!sc*/ .ShareSite .ShareLink__Link-sc-1qpv5j1-0{-webkit-transition:none;transition:none;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;padding:20px 6.6000000000000005px;}/*!sc*/ .ShareSite .ShareLink__Link-sc-1qpv5j1-0:not(:last-child){border-right:1px solid #5c6069;}/*!sc*/ .ShareSite .ShareLink__Link-sc-1qpv5j1-0:hover,.ShareSite .jdyKgW:focus{background:#2a2d33;}/*!sc*/ .ShareSite .ShareLink__Link-sc-1qpv5j1-0 svg{display:block;margin:0 auto;height:24px;width:24px;}/*!sc*/ @media screen and (max-width:599px){.ShareSite .ShareLink__Link-sc-1qpv5j1-0{position:static;}}/*!sc*/ data-styled.g16[id="ShareLink__Link-sc-1qpv5j1-0"]{content:"jdyKgW,"}/*!sc*/ .jxqLoD{border-top:1px solid #5c6069;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;position:relative;z-index:1;}/*!sc*/ data-styled.g17[id="ShareSite__Container-ayv7ct-0"]{content:"jxqLoD,"}/*!sc*/ .gTZSEw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;margin:0 0 6.6000000000000005px 0;font-size:1rem;font-weight:800;position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all ease-in 300ms;transition:all ease-in 300ms;}/*!sc*/ @media screen and (max-width:999px){.gTZSEw{margin-bottom:10px;display:block;}}/*!sc*/ @media screen and (min-width:1000px){.gTZSEw{margin-left:0;}.gTZSEw > span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block;}}/*!sc*/ .gTZSEw._is-active span span::before{content:'> ';}/*!sc*/ @media screen and (max-width:999px){.gTZSEw._is-active span span::after{content:' <';}}/*!sc*/ .gTZSEw,.gTZSEw:link,.gTZSEw:visited,.gTZSEw:active,.gTZSEw:focus{color:#41c7c7;text-shadow:0px 2px 3px rgba(65,199,199,0.4);}/*!sc*/ .gTZSEw > span{display:inline-block;position:relative;}/*!sc*/ .gTZSEw > span::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#41c7c7;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.5s ease;-webkit-transition:transform 0.5s ease;transition:transform 0.5s ease;}/*!sc*/ .gTZSEw._is-active{color:#94eeee;text-shadow:0px 2px 3px rgba(148,238,238,0.4);}/*!sc*/ .gTZSEw._is-active > span::before{background-color:#94eeee;}/*!sc*/ .gTZSEw:hover,.gTZSEw:focus{-webkit-text-decoration:none;text-decoration:none;text-shadow:0px 2px 7px rgba(65,199,199,0.9);}/*!sc*/ .gTZSEw:hover > span::before,.gTZSEw:focus > span::before{-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}/*!sc*/ .jJODYN{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;margin:0 0 6.6000000000000005px 0;font-size:0.9rem;font-weight:400;position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all ease-in 300ms;transition:all ease-in 300ms;}/*!sc*/ @media screen and (max-width:999px){.jJODYN{margin-bottom:10px;display:block;}}/*!sc*/ @media screen and (min-width:1000px){.jJODYN{margin-left:20px;display:none;}.jJODYN > span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block;}}/*!sc*/ .jJODYN._is-active span span::before{content:'> ';}/*!sc*/ @media screen and (max-width:999px){.jJODYN._is-active span span::after{content:' <';}}/*!sc*/ .jJODYN,.jJODYN:link,.jJODYN:visited,.jJODYN:active,.jJODYN:focus{color:#e0e4e4;text-shadow:0px 2px 3px rgba(224,228,228,0.4);}/*!sc*/ .jJODYN > span{display:inline-block;position:relative;}/*!sc*/ .jJODYN > span::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#e0e4e4;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.5s ease;-webkit-transition:transform 0.5s ease;transition:transform 0.5s ease;}/*!sc*/ .jJODYN._is-active{color:#94eeee;text-shadow:0px 2px 3px rgba(148,238,238,0.4);}/*!sc*/ .jJODYN._is-active > span::before{background-color:#94eeee;}/*!sc*/ .jJODYN:hover,.jJODYN:focus{-webkit-text-decoration:none;text-decoration:none;text-shadow:0px 2px 7px rgba(224,228,228,0.9);}/*!sc*/ .jJODYN:hover > span::before,.jJODYN:focus > span::before{-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}/*!sc*/ .gbRils{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;margin:0 0 6.6000000000000005px 0;font-size:0.9rem;font-weight:400;position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all ease-in 300ms;transition:all ease-in 300ms;}/*!sc*/ @media screen and (max-width:999px){.gbRils{margin-bottom:10px;display:block;}}/*!sc*/ @media screen and (min-width:1000px){.gbRils{margin-left:20px;}.gbRils > span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;display:inline-block;}}/*!sc*/ .gbRils._is-active span span::before{content:'> ';}/*!sc*/ @media screen and (max-width:999px){.gbRils._is-active span span::after{content:' <';}}/*!sc*/ .gbRils,.gbRils:link,.gbRils:visited,.gbRils:active,.gbRils:focus{color:#e0e4e4;text-shadow:0px 2px 3px rgba(224,228,228,0.4);}/*!sc*/ .gbRils > span{display:inline-block;position:relative;}/*!sc*/ .gbRils > span::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#e0e4e4;-webkit-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform 0.5s ease;-webkit-transition:transform 0.5s ease;transition:transform 0.5s ease;}/*!sc*/ .gbRils._is-active{color:#94eeee;text-shadow:0px 2px 3px rgba(148,238,238,0.4);}/*!sc*/ .gbRils._is-active > span::before{background-color:#94eeee;}/*!sc*/ .gbRils:hover,.gbRils:focus{-webkit-text-decoration:none;text-decoration:none;text-shadow:0px 2px 7px rgba(224,228,228,0.9);}/*!sc*/ .gbRils:hover > span::before,.gbRils:focus > span::before{-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);}/*!sc*/ data-styled.g18[id="Nav__StyledPageLink-uo6ep0-0"]{content:"gTZSEw,jJODYN,gbRils,"}/*!sc*/ .iskZBJ{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:30px 20px;overflow-y:auto;}/*!sc*/ @media screen and (max-width:999px){.iskZBJ{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-y:scroll;}}/*!sc*/ data-styled.g19[id="Nav__NavContainer-uo6ep0-1"]{content:"iskZBJ,"}/*!sc*/ .bXJgCf{position:relative;width:100%;}/*!sc*/ data-styled.g20[id="Nav__LanguageSwitcherWrapper-uo6ep0-2"]{content:"bXJgCf,"}/*!sc*/ .edOkpG{width:67px;height:67px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:26px;position:relative;border-left:1px solid #5c6069;background:#222429;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .Logo:hover .LogoCell__Container-n9we24-0{background:#2a2d33;}/*!sc*/ @media screen and (max-width:999px){.edOkpG:last-child{border-right:1px solid #5c6069;}}/*!sc*/ @media screen and (min-width:1000px){.edOkpG:first-child{border-left:0;}}/*!sc*/ data-styled.g21[id="LogoCell__Container-n9we24-0"]{content:"edOkpG,"}/*!sc*/ .iWHLb{position:absolute;top:0;left:0;font-size:12px;line-height:12px;padding:6px 8px;color:#e0e4e4;opacity:0.35;font-weight:300;}/*!sc*/ data-styled.g22[id="LogoCell__Index-n9we24-1"]{content:"iWHLb,"}/*!sc*/ .hZEPJH{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;}/*!sc*/ data-styled.g23[id="SidebarLogo__Container-qwaf9p-0"]{content:"hZEPJH,"}/*!sc*/ .hHlUQl{border-right:1px solid #5c6069;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/ @media screen and (min-width:1000px){.hHlUQl{width:270px;height:100vh;position:fixed;}}/*!sc*/ @media screen and (max-width:999px){.hHlUQl{width:100%;top:0;bottom:0;left:0;right:0;background:#222429;z-index:1000;text-align:center;position:fixed;display:none;}}/*!sc*/ data-styled.g24[id="Sidebar__SidebarContainer-sc-1u4yidz-0"]{content:"hHlUQl,"}/*!sc*/ .eRTXyl{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);clip-path:polygon(0px 0px,0px 0px,0px 0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;}/*!sc*/ data-styled.g25[id="Sidebar__SidebarScreenReadersTitle-sc-1u4yidz-1"]{content:"eRTXyl,"}/*!sc*/ .kbZNhn{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);clip-path:polygon(0px 0px,0px 0px,0px 0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;}/*!sc*/ data-styled.g26[id="Sidebar__ScreenReadersHint-sc-1u4yidz-2"]{content:"kbZNhn,"}/*!sc*/ .kWZfrr{display:grid;grid-template-columns:0 1fr 0;grid-template-areas:'left logo right';border-bottom:1px solid #5c6069;}/*!sc*/ @media screen and (max-width:999px){.kWZfrr{grid-template-columns:50px 1fr 50px;}}/*!sc*/ data-styled.g27[id="Sidebar__SidebarHeader-sc-1u4yidz-3"]{content:"kWZfrr,"}/*!sc*/ .dAEVjl{grid-area:logo;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/ .dAEVjl svg{max-height:76px;}/*!sc*/ .dAEVjl:hover{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ data-styled.g28[id="Sidebar__SidebarLogoLink-sc-1u4yidz-4"]{content:"dAEVjl,"}/*!sc*/ .bpKdro{grid-area:right;margin:0;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;cursor:pointer;border:none;position:absolute;box-sizing:border-box;width:calc(calc(100vw - 270px) / 2);height:68px;}/*!sc*/ .bpKdro svg{stroke:#41c7c7;}/*!sc*/ @media screen and (min-width:1000px){.bpKdro{display:none;}}/*!sc*/ .bpKdro:hover,.bpKdro:focus{background-color:#2a2d33;}/*!sc*/ data-styled.g29[id="Sidebar__SidebarCloseButton-sc-1u4yidz-5"]{content:"bpKdro,"}/*!sc*/ .eyWRuW{border-bottom:1px solid #5c6069;z-index:10;position:relative;display:grid;grid-template-columns:1fr auto 1fr;}/*!sc*/ @media screen and (max-width:999px){.eyWRuW{border-bottom:none;grid-template-columns:1fr 0px 1fr;}.eyWRuW > *:first-child{border-left:1px solid #5c6069;border-right:1px solid #5c6069;}}/*!sc*/ data-styled.g30[id="Pagination__Container-fmwu6l-0"]{content:"eyWRuW,"}/*!sc*/ .iZEAbN{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:1px solid #5c6069;border-right:1px solid #5c6069;}/*!sc*/ @media screen and (max-width:999px){.iZEAbN{border-left:none;border-right:none;}}/*!sc*/ data-styled.g31[id="Pagination__MiddleContent-fmwu6l-1"]{content:"iZEAbN,"}/*!sc*/ .iMYawq{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);clip-path:polygon(0px 0px,0px 0px,0px 0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;}/*!sc*/ data-styled.g33[id="MainLayout__ScreenReadersHint-uwvjad-0"]{content:"iMYawq,"}/*!sc*/ .koUIH{display:block;padding:1rem 1rem;position:absolute;top:-900px;left:-900px;}/*!sc*/ .koUIH:focus{display:inline-block;position:static !important;top:0 !important;left:0 !important;border:2px solid white;}/*!sc*/ data-styled.g34[id="MainLayout__Skip-uwvjad-1"]{content:"koUIH,"}/*!sc*/ @media screen and (max-width:999px){.hQFQAx{padding-left:5rem;border-bottom:1px solid #5c6069;}}/*!sc*/ data-styled.g35[id="MainLayout__PaginationWrapper-uwvjad-2"]{content:"hQFQAx,"}/*!sc*/ .gxaSHK{display:block;background-color:transparent;outline:none;border:none;position:absolute;top:0;left:0;cursor:pointer;padding:0.825rem 1rem 0.5rem 1rem;width:5rem;height:3.71rem;box-sizing:border-box;}/*!sc*/ .gxaSHK svg{width:2rem;height:auto;}/*!sc*/ @media screen and (min-width:1000px){.gxaSHK{display:none;}}/*!sc*/ .gxaSHK:focus{border:2px solid #ACFFC3;outline:5px auto -webkit-focus-ring-color;}/*!sc*/ .gxaSHK:hover,.gxaSHK:focus{background:#2a2d33;}/*!sc*/ data-styled.g36[id="MainLayout__MenuToggle-uwvjad-3"]{content:"gxaSHK,"}/*!sc*/ .kngwcV{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/ data-styled.g37[id="MainLayout__PageContent-uwvjad-4"]{content:"kngwcV,"}/*!sc*/ .dMDcdD{min-height:100vh;position:relative;}/*!sc*/ @media screen and (min-width:1000px){.dMDcdD{display:grid;grid-template-columns:270px calc(100% - 270px);}}/*!sc*/ @media screen and (max-width:999px){.dMDcdD{grid-template-columns:5rem auto;}}/*!sc*/ data-styled.g38[id="MainLayout__Page-uwvjad-5"]{content:"dMDcdD,"}/*!sc*/ .fpohRl{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow-x:hidden;overflow-y:visible;}/*!sc*/ @media screen and (max-width:999px){.fpohRl{padding:20px;}}/*!sc*/ @media screen and (min-width:1000px){.fpohRl{padding:60px;}}/*!sc*/ data-styled.g39[id="MainLayout__PageMain-uwvjad-6"]{content:"fpohRl,"}/*!sc*/ .ctbAJh{font-size:2rem;}/*!sc*/ @media screen and (max-width:599px){.ctbAJh{font-size:1.3rem;}}/*!sc*/ @media screen and (min-width:600px){.ctbAJh{font-size:2rem;}}/*!sc*/ data-styled.g43[id="PageHeader__PageTitle-sc-1i3f46f-0"]{content:"ctbAJh,"}/*!sc*/ @media screen and (max-width:599px){.dRuaES{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}/*!sc*/ @media screen and (min-width:600px){.dRuaES{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;}}/*!sc*/ data-styled.g44[id="ButtonGroup-sc-1k32jr0-0"]{content:"dRuaES,"}/*!sc*/ .jrlGls{background:none;cursor:pointer;display:block;text-align:center;font-weight:800;border:1px dashed;box-shadow:0 0 0 rgba(0,0,0,0);-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;padding:10px 20px;}/*!sc*/ .jrlGls,.jrlGls:link,.jrlGls:visited{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ @media screen and (max-width:599px){.jrlGls{font-size:0.8rem;}}/*!sc*/ @media screen and (min-width:600px){.jrlGls{font-size:1rem;}}/*!sc*/ .jrlGls,.jrlGls:link,.jrlGls:visited{border-color:#e0e4e4;color:#e0e4e4;}/*!sc*/ .jrlGls:hover,.jrlGls:focus{border-style:solid;border-color:#41c7c7;color:#41c7c7;}/*!sc*/ .jrlGls:hover,.jrlGls:focus{-webkit-text-decoration:none;text-decoration:none;box-shadow:0 3px 0 rgba(0,0,0,0.3);background:#2a2d33;}/*!sc*/ .jrlGls.Button--selected{background:#2a2d33;cursor:default;pointer-events:none;border-style:solid;}/*!sc*/ @media screen and (max-width:599px){.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0{width:100%;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;border-top-width:0;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:first-child{border-top-width:1px;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:hover,.ButtonGroup-sc-1k32jr0-0 .jrlGls:focus{border-top-color:#5c6069;border-bottom-color:#5c6069;}}/*!sc*/ @media screen and (min-width:600px){.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0{border-left-width:0;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:first-child{border-left-width:1px;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:hover,.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:focus{border-left-color:#5c6069;border-right-color:#5c6069;}}/*!sc*/ .jrlGls .ButtonGroup-sc-1k32jr0-0--active{cursor:default;pointer-events:none;}/*!sc*/ .dwxRHq{background:none;cursor:pointer;display:block;text-align:center;font-weight:800;border:1px dashed;box-shadow:0 0 0 rgba(0,0,0,0);-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;font-size:0.8rem;padding:4px 10px;}/*!sc*/ .dwxRHq,.dwxRHq:link,.dwxRHq:visited{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/ .dwxRHq,.dwxRHq:link,.dwxRHq:visited{border-color:#e0e4e4;color:#e0e4e4;}/*!sc*/ .dwxRHq:hover,.dwxRHq:focus{border-style:solid;border-color:#41c7c7;color:#41c7c7;}/*!sc*/ .dwxRHq:hover,.dwxRHq:focus{-webkit-text-decoration:none;text-decoration:none;box-shadow:0 3px 0 rgba(0,0,0,0.3);background:#2a2d33;}/*!sc*/ .dwxRHq.Button--selected{background:#2a2d33;cursor:default;pointer-events:none;border-style:solid;}/*!sc*/ @media screen and (max-width:599px){.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0{width:100%;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;border-top-width:0;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:first-child{border-top-width:1px;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:hover,.ButtonGroup-sc-1k32jr0-0 .dwxRHq:focus{border-top-color:#5c6069;border-bottom-color:#5c6069;}}/*!sc*/ @media screen and (min-width:600px){.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0{border-left-width:0;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:first-child{border-left-width:1px;}.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:hover,.ButtonGroup-sc-1k32jr0-0 .Button-tirokp-0:focus{border-left-color:#5c6069;border-right-color:#5c6069;}}/*!sc*/ .dwxRHq .ButtonGroup-sc-1k32jr0-0--active{cursor:default;pointer-events:none;}/*!sc*/ data-styled.g45[id="Button-tirokp-0"]{content:"jrlGls,dwxRHq,"}/*!sc*/ @media screen and (max-width:599px){.jEYWnh{margin-top:80px;}}/*!sc*/ @media screen and (min-width:600px){.jEYWnh{margin-top:120px;}}/*!sc*/ data-styled.g46[id="PageFooter__Container-pu9659-0"]{content:"jEYWnh,"}/*!sc*/ @media screen and (max-width:599px){.dBJAfU{display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:20px;column-gap:20px;}}/*!sc*/ @media screen and (min-width:600px){.dBJAfU{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}}/*!sc*/ data-styled.g47[id="PageFooter__Nav-pu9659-1"]{content:"dBJAfU,"}/*!sc*/ .efIfui{font-size:0.8rem;text-align:center;}/*!sc*/ @media screen and (max-width:599px){.efIfui{margin-top:80px;}}/*!sc*/ @media screen and (min-width:600px){.efIfui{margin-top:120px;}}/*!sc*/ data-styled.g48[id="PageFooter__Notes-pu9659-2"]{content:"efIfui,"}/*!sc*/ @media screen and (max-width:599px){.fLCcbb{display:block;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;}}/*!sc*/ data-styled.g49[id="PageFooter__FooterLink-pu9659-3"]{content:"fLCcbb,"}/*!sc*/ @media screen and (min-width:600px){.ecDXdZ{margin-right:20px;}}/*!sc*/ data-styled.g50[id="PageFooter__PreviousLink-pu9659-4"]{content:"ecDXdZ,"}/*!sc*/ @media screen and (max-width:599px){.hEKYIR{display:none;}}/*!sc*/ data-styled.g52[id="PageFooter__LinkLabel-pu9659-6"]{content:"hEKYIR,"}/*!sc*/ .eghido{position:relative;}/*!sc*/ .capture .ShareBlock__Container-awxqfs-0{display:none;}/*!sc*/ data-styled.g53[id="ShareBlock__Container-awxqfs-0"]{content:"eghido,"}/*!sc*/ @media screen and (min-width:600px){.cAwBhT{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}}/*!sc*/ data-styled.g54[id="ShareBlock__ButtonWrapper-awxqfs-1"]{content:"cAwBhT,"}/*!sc*/ .hnxXLV{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;max-width:300px;margin:0 auto;pointer-events:none;}/*!sc*/ @media screen and (max-width:599px){.hnxXLV{left:50%;top:50%;}}/*!sc*/ @media screen and (min-width:600px){.hnxXLV{top:0;left:110%;}}/*!sc*/ data-styled.g57[id="ShareBlock__Popup-awxqfs-4"]{content:"hnxXLV,"}/*!sc*/ .capture .BlockExport__ButtonWrapper-sc-1gwpler-2{display:none;}/*!sc*/ data-styled.g63[id="BlockExport__ButtonWrapper-sc-1gwpler-2"]{content:"hjHqeU,"}/*!sc*/ @media screen and (min-width:600px){.jOWEGs{margin-left:10px;}}/*!sc*/ data-styled.g64[id="BlockExport__ExportButton-sc-1gwpler-3"]{content:"jOWEGs,"}/*!sc*/ .gJOVcJ{float:left;opacity:0;line-height:1;width:22px;margin-left:-30px;margin-right:8px;-webkit-transition:none;transition:none;position:relative;}/*!sc*/ @media screen and (max-width:599px){.gJOVcJ{display:none;}}/*!sc*/ @media screen and (min-width:600px){.gJOVcJ{top:1px;}}/*!sc*/ .gJOVcJ path{fill:rgba(255,255,255,0.4);}/*!sc*/ data-styled.g68[id="SharePermalink__Link-ndc8lc-0"]{content:"gJOVcJ,"}/*!sc*/ .dbINfu{border:0;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);clip-path:polygon(0px 0px,0px 0px,0px 0px);-webkit-clip-path:polygon(0px 0px,0px 0px,0px 0px);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;}/*!sc*/ data-styled.g69[id="BlockTitle__ScreenReadersHint-nuxb31-0"]{content:"dbINfu,"}/*!sc*/ .jDLsKE{padding:0px 8px;}/*!sc*/ @media screen and (min-width:600px){.jDLsKE{display:none;}}/*!sc*/ .jDLsKE svg{display:block;width:18px;}/*!sc*/ .jDLsKE g{stroke:#e0e4e4;}/*!sc*/ data-styled.g70[id="BlockTitle__MoreButton-nuxb31-1"]{content:"jDLsKE,"}/*!sc*/ .dAAPyT{border-bottom:1px solid #5c6069;padding-bottom:10px;margin-bottom:20px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}/*!sc*/ .dAAPyT:hover .SharePermalink{opacity:1;}/*!sc*/ .dAAPyT .PopoverInner{position:static;}/*!sc*/ .dAAPyT .PopoverPopup:before{left:auto;right:0;}/*!sc*/ data-styled.g71[id="BlockTitle__StyledBlockTitle-nuxb31-2"]{content:"dAAPyT,"}/*!sc*/ .iivsMM{margin-bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}/*!sc*/ @media screen and (max-width:599px){.iivsMM{opacity:1;-webkit-transition:all 300ms ease-in;transition:all 300ms ease-in;-webkit-flex:1;-ms-flex:1;flex:1;}}/*!sc*/ data-styled.g72[id="BlockTitle__BlockTitleText-nuxb31-3"]{content:"iivsMM,"}/*!sc*/ .iCAAeX{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;}/*!sc*/ data-styled.g73[id="BlockTitle__LeftPart-nuxb31-4"]{content:"iCAAeX,"}/*!sc*/ .hmJkhL{margin-bottom:20px;}/*!sc*/ .hmJkhL p:last-child{margin:0;}/*!sc*/ data-styled.g74[id="BlockTitle__Description-nuxb31-5"]{content:"hmJkhL,"}/*!sc*/ @media screen and (max-width:599px){}/*!sc*/ @media screen and (min-width:600px){.bcoAoM{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}}/*!sc*/ .capture .BlockTitle__BlockChartControls-nuxb31-6{display:none;}/*!sc*/ data-styled.g75[id="BlockTitle__BlockChartControls-nuxb31-6"]{content:"bcoAoM,"}/*!sc*/ .fNQoWU .ShareBlock,.fNQoWU .BlockChartControls{margin-top:20px;}/*!sc*/ data-styled.g76[id="BlockTitle__PopoverContents-nuxb31-7"]{content:"fNQoWU,"}/*!sc*/ @media screen and (max-width:599px){.bzxYzw{display:none;}}/*!sc*/ @media screen and (min-width:600px){.bzxYzw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.bzxYzw .ShareBlock{margin-left:10px;}}/*!sc*/ data-styled.g77[id="BlockTitle__BlockTitleActionsWrapper-nuxb31-8"]{content:"bzxYzw,"}/*!sc*/ @media screen and (max-width:599px){.aNaBd{display:none;}}/*!sc*/ data-styled.g78[id="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9"]{content:"aNaBd,"}/*!sc*/ .larluv{background:#2a2d33;padding:20px;margin-top:40px;font-size:0.8rem;}/*!sc*/ .larluv p:last-child,.larluv ul:last-child,.larluv ol:last-child{margin:0;}/*!sc*/ data-styled.g79[id="BlockNote__Note-lid80j-0"]{content:"larluv,"}/*!sc*/ .eKexVJ{cursor:default;cursor:pointer;}/*!sc*/ .eKexVJ:last-child{margin-bottom:0;}/*!sc*/ .eKexVJ:hover{background:#2a2d33;}/*!sc*/ data-styled.g80[id="BlockLegendsItem__Container-sc-9fsuse-0"]{content:"eKexVJ,"}/*!sc*/ .cunMmr{padding:5px 10px 5px 0;}/*!sc*/ data-styled.g81[id="BlockLegendsItem__ChipWrapper-sc-9fsuse-1"]{content:"cunMmr,"}/*!sc*/ .cngVNh{padding:5px 10px 5px 0;width:100%;}/*!sc*/ data-styled.g84[id="BlockLegendsItem__Label-sc-9fsuse-4"]{content:"cngVNh,"}/*!sc*/ .iQSfzx{font-size:0.8rem;margin-top:0;margin-bottom:20px;width:100%;border:1px solid #5c6069;padding:10px;}/*!sc*/ @media screen and (max-width:599px){.iQSfzx{padding:10px;}}/*!sc*/ data-styled.g86[id="BlockLegends__Container-x2sx8r-0"]{content:"iQSfzx,"}/*!sc*/ @media screen and (min-width:600px){.dxTlgm{display:grid;}}/*!sc*/ @media screen and (min-width:600px) and (max-width:999px){.dxTlgm{grid-template-columns:1fr 1fr;-webkit-column-gap:20px;column-gap:20px;}}/*!sc*/ @media screen and (min-width:1000px){.dxTlgm{grid-template-columns:repeat(auto-fit,minmax(120px,auto));-webkit-column-gap:20px;column-gap:20px;}}/*!sc*/ data-styled.g87[id="BlockLegends__ContainerInner-x2sx8r-1"]{content:"dxTlgm,"}/*!sc*/ @media screen and (max-width:599px){.bglUIQ{margin-bottom:40px;}}/*!sc*/ @media screen and (min-width:600px){.bglUIQ{margin-bottom:80px;}}/*!sc*/ .bglUIQ:last-child{margin-bottom:0;}/*!sc*/ data-styled.g88[id="Block__Container-sc-11g8wz8-0"]{content:"bglUIQ,"}/*!sc*/ .cUpOwA{position:relative;}/*!sc*/ data-styled.g89[id="ChartContainer__ChartContainerOuter-edfgx0-0"]{content:"cUpOwA,"}/*!sc*/ .xUamw svg{display:block;}/*!sc*/ @media screen and (max-width:999px){.xUamw{overflow-x:scroll;}}/*!sc*/ data-styled.g90[id="ChartContainer__Container-edfgx0-1"]{content:"xUamw,"}/*!sc*/ @media screen and (max-width:599px){}/*!sc*/ @media screen and (max-width:999px){.gpvRnu.ChartContainerInner--expand{min-width:800px;padding-bottom:20px;}}/*!sc*/ data-styled.g91[id="ChartContainer__ChartContainerInner-edfgx0-2"]{content:"gpvRnu,"}/*!sc*/ .jxYzuE{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100;}/*!sc*/ .jxYzuE svg{display:block;stroke:#41c7c7;opacity:0.5;overflow:visible;}/*!sc*/ .jxYzuE.ChartContainerIndicator--left,.jxYzuE.ChartContainerIndicator--right{top:0;bottom:0;width:20px;}/*!sc*/ .jxYzuE.ChartContainerIndicator--left{left:10px;}/*!sc*/ .jxYzuE.ChartContainerIndicator--right{right:10px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}/*!sc*/ .jxYzuE.ChartContainerIndicator--top,.jxYzuE.ChartContainerIndicator--bottom{left:0;right:0;height:20px;}/*!sc*/ .jxYzuE.ChartContainerIndicator--top{top:10px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}/*!sc*/ .jxYzuE.ChartContainerIndicator--bottom{bottom:10px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}/*!sc*/ @media screen and (min-width:600px){.jxYzuE{display:none;}}/*!sc*/ data-styled.g92[id="ChartContainer__ChartContainerIndicator-edfgx0-3"]{content:"jxYzuE,"}/*!sc*/ @media screen and (min-width:1000px){.dvUnOd{display:grid;grid-template-columns:auto auto;grid-gap:40px;}}/*!sc*/ data-styled.g103[id="RecommendedResourcesBlock__List-sc-3eimjm-0"]{content:"dvUnOd,"}/*!sc*/ .gDvwNJ{margin-bottom:0;}/*!sc*/ data-styled.g104[id="RecommendedResourcesBlock__Title-sc-3eimjm-1"]{content:"gDvwNJ,"}/*!sc*/ .gLKNHc{font-size:0.9rem;}/*!sc*/ data-styled.g105[id="RecommendedResourcesBlock__Description-sc-3eimjm-2"]{content:"gLKNHc,"}/*!sc*/ .jvUgjO{margin-bottom:20px;}/*!sc*/ @media screen and (min-width:600px){.jvUgjO{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}}/*!sc*/ data-styled.g106[id="RecommendedResourcesBlock__Resource-sc-3eimjm-3"]{content:"jvUgjO,"}/*!sc*/ @media screen and (max-width:599px){.gvBpbm{width:60px;float:right;margin:0 0 20px 20px;}}/*!sc*/ @media screen and (min-width:600px){.gvBpbm{width:130px;margin-right:20px;}}/*!sc*/ .gvBpbm a{display:block;width:100%;padding-bottom:90%;height:0;background-position:center center;background-size:cover;line-height:0;font-size:0;color:transparent;}/*!sc*/ .gvBpbm img,.gvBpbm svg{display:block;width:100%;border:3px solid white;}/*!sc*/ @media screen and (max-width:599px){.diCKIX{width:60px;float:right;margin:0 0 20px 20px;}}/*!sc*/ @media screen and (min-width:600px){.diCKIX{width:130px;margin-right:20px;width:150px;}}/*!sc*/ .diCKIX a{display:block;width:100%;padding-bottom:90%;padding-bottom:50%;height:0;background-position:center center;background-size:cover;line-height:0;font-size:0;color:transparent;}/*!sc*/ .diCKIX img,.diCKIX svg{display:block;width:100%;border:3px solid white;}/*!sc*/ data-styled.g107[id="RecommendedResourcesBlock__ResourceImage-sc-3eimjm-4"]{content:"gvBpbm,diCKIX,"}/*!sc*/ .iQtyKk{background:#e0e4e4;position:relative;z-index:10;border:2px solid #e0e4e4;}/*!sc*/ data-styled.g108[id="RecommendedResourcesBlock__ResourceImageInner-sc-3eimjm-5"]{content:"iQtyKk,"}/*!sc*/ .iBBKFF{-webkit-flex:1;-ms-flex:1;flex:1;}/*!sc*/ data-styled.g109[id="RecommendedResourcesBlock__ResourceContent-sc-3eimjm-6"]{content:"iBBKFF,"}/*!sc*/ .eQdAit{font-weight:800;font-size:0.7rem;text-align:center;margin-top:20px;}/*!sc*/ data-styled.g110[id="RecommendedResourcesBlock__Sponsoring-sc-3eimjm-7"]{content:"eQdAit,"}/*!sc*/ .dKEKtB{text-align:center;margin-top:10px;font-size:0.8rem;}/*!sc*/ data-styled.g111[id="RecommendedResourcesBlock__ResourceTeacher-sc-3eimjm-8"]{content:"dKEKtB,"}/*!sc*/ @media screen and (max-width:999px){.kTMCA-d{margin-bottom:40px;}}/*!sc*/ @media screen and (min-width:1000px){.kTMCA-d{font-size:1.1rem;margin-bottom:80px;}}/*!sc*/ data-styled.g112[id="PageIntroductionBlock__Introduction-l8rkyc-0"]{content:"kTMCA-d,"}/*!sc*/ .gfPJQQ{margin-bottom:40px;background:#2a2d33;display:grid;-webkit-column-gap:20px;column-gap:20px;}/*!sc*/ @media screen and (max-width:599px){.gfPJQQ{padding:20px;grid-template-columns:30px auto;}}/*!sc*/ @media screen and (min-width:600px){.gfPJQQ{padding:20px;grid-template-columns:60px auto;}}/*!sc*/ data-styled.g179[id="HintBlock__HintContainer-l010fp-0"]{content:"gfPJQQ,"}/*!sc*/ .fwuaPp{display:grid;place-items:center;}/*!sc*/ @media screen and (max-width:599px){.fwuaPp{margin-bottom:10px;}}/*!sc*/ data-styled.g180[id="HintBlock__HintBulb-l010fp-1"]{content:"fwuaPp,"}/*!sc*/ .liqROl{position:relative;}/*!sc*/ .liqROl .bulb{display:block;font-size:2rem;text-shadow:0px 2px 4px #fce49100;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);}/*!sc*/ .liqROl .spark{display:block;position:absolute;}/*!sc*/ .liqROl .spark span{display:block;border-radius:500px;background:#fce49166;width:4px;height:14px;box-shadow:0px 2px 4px #fce49166;opacity:0;}/*!sc*/ .liqROl .spark-1{top:-20%;left:-10%;-webkit-transform:translateX(-50%) rotate(-30deg);-ms-transform:translateX(-50%) rotate(-30deg);transform:translateX(-50%) rotate(-30deg);}/*!sc*/ .liqROl .spark-2{top:-30%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}/*!sc*/ .liqROl .spark-3{top:-20%;right:-10%;-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg);}/*!sc*/ data-styled.g181[id="HintBlock__HintBulbInner-l010fp-2"]{content:"liqROl,"}/*!sc*/ .eOCPcp{font-size:0.9rem;}/*!sc*/ .eOCPcp p:last-child{margin:0;}/*!sc*/ data-styled.g182[id="HintBlock__HintContent-l010fp-3"]{content:"eOCPcp,"}/*!sc*/ .cvbmOr{padding:4px 12px;border-radius:500px;display:inline-block;font-size:0.7rem;white-space:nowrap;}/*!sc*/ data-styled.g200[id="ToolLabel__LabelLink-ibwmax-0"]{content:"cvbmOr,"}/*!sc*/ @media screen and (max-width:599px){.ixqcwv{margin-bottom:40px;}}/*!sc*/ @media screen and (min-width:600px){.ixqcwv{display:grid;width:100%;grid-template-columns:repeat(5,1fr);-webkit-column-gap:40px;column-gap:40px;row-gap:40px;}}/*!sc*/ data-styled.g201[id="ToolsSectionStreamsBlock__GridContainer-sc-1iyng3w-0"]{content:"ixqcwv,"}/*!sc*/ @media screen and (max-width:599px){.ecBFub{margin-bottom:40px;}}/*!sc*/ data-styled.g202[id="ToolsSectionStreamsBlock__StreamItem-sc-1iyng3w-1"]{content:"ecBFub,"}/*!sc*/ .hPyNBy{text-align:center;font-size:0.9rem;margin-bottom:0;}/*!sc*/ data-styled.g203[id="ToolsSectionStreamsBlock__StreamTitle-sc-1iyng3w-2"]{content:"hPyNBy,"}/*!sc*/ @-webkit-keyframes cARFhl{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-50%) translateY(-275%);-ms-transform:translateX(-50%) translateY(-275%);transform:translateX(-50%) translateY(-275%);}}/*!sc*/ @keyframes cARFhl{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-50%) translateY(-275%);-ms-transform:translateX(-50%) translateY(-275%);transform:translateX(-50%) translateY(-275%);}}/*!sc*/ data-styled.g219[id="sc-keyframes-cARFhl"]{content:"cARFhl,"}/*!sc*/ @-webkit-keyframes bPXDEJ{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);}}/*!sc*/ @keyframes bPXDEJ{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);}}/*!sc*/ data-styled.g220[id="sc-keyframes-bPXDEJ"]{content:"bPXDEJ,"}/*!sc*/ @-webkit-keyframes ljWKCc{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-200%) translateY(-200%);-ms-transform:translateX(-200%) translateY(-200%);transform:translateX(-200%) translateY(-200%);}}/*!sc*/ @keyframes ljWKCc{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-200%) translateY(-200%);-ms-transform:translateX(-200%) translateY(-200%);transform:translateX(-200%) translateY(-200%);}}/*!sc*/ data-styled.g221[id="sc-keyframes-ljWKCc"]{content:"ljWKCc,"}/*!sc*/ @-webkit-keyframes cMBegx{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(60%);-ms-transform:translateX(60%);transform:translateX(60%);}}/*!sc*/ @keyframes cMBegx{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(60%);-ms-transform:translateX(60%);transform:translateX(60%);}}/*!sc*/ data-styled.g222[id="sc-keyframes-cMBegx"]{content:"cMBegx,"}/*!sc*/ @-webkit-keyframes kZHiaN{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-275%) translateY(-50%);-ms-transform:translateX(-275%) translateY(-50%);transform:translateX(-275%) translateY(-50%);}}/*!sc*/ @keyframes kZHiaN{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-275%) translateY(-50%);-ms-transform:translateX(-275%) translateY(-50%);transform:translateX(-275%) translateY(-50%);}}/*!sc*/ data-styled.g223[id="sc-keyframes-kZHiaN"]{content:"kZHiaN,"}/*!sc*/ @-webkit-keyframes fKEkIt{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(130%);-ms-transform:translateX(130%);transform:translateX(130%);}}/*!sc*/ @keyframes fKEkIt{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(130%);-ms-transform:translateX(130%);transform:translateX(130%);}}/*!sc*/ data-styled.g224[id="sc-keyframes-fKEkIt"]{content:"fKEkIt,"}/*!sc*/ @-webkit-keyframes ewHXmC{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-200%) translateY(100%);-ms-transform:translateX(-200%) translateY(100%);transform:translateX(-200%) translateY(100%);}}/*!sc*/ @keyframes ewHXmC{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-200%) translateY(100%);-ms-transform:translateX(-200%) translateY(100%);transform:translateX(-200%) translateY(100%);}}/*!sc*/ data-styled.g225[id="sc-keyframes-ewHXmC"]{content:"ewHXmC,"}/*!sc*/ @-webkit-keyframes kxSgkt{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);}}/*!sc*/ @keyframes kxSgkt{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(200%);-ms-transform:translateX(200%);transform:translateX(200%);}}/*!sc*/ data-styled.g226[id="sc-keyframes-kxSgkt"]{content:"kxSgkt,"}/*!sc*/ @-webkit-keyframes ieWsjv{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-50%) translateY(175%);-ms-transform:translateX(-50%) translateY(175%);transform:translateX(-50%) translateY(175%);}}/*!sc*/ @keyframes ieWsjv{0%{opacity:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}100%{opacity:1;-webkit-transform:translateX(-50%) translateY(175%);-ms-transform:translateX(-50%) translateY(175%);transform:translateX(-50%) translateY(175%);}}/*!sc*/ data-styled.g227[id="sc-keyframes-ieWsjv"]{content:"ieWsjv,"}/*!sc*/ @-webkit-keyframes bdkvTi{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(270%);-ms-transform:translateX(270%);transform:translateX(270%);}}/*!sc*/ @keyframes bdkvTi{0%{opacity:0;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}100%{opacity:1;-webkit-transform:translateX(270%);-ms-transform:translateX(270%);transform:translateX(270%);}}/*!sc*/ data-styled.g228[id="sc-keyframes-bdkvTi"]{content:"bdkvTi,"}/*!sc*/ </style><link as="script" rel="preload" href="/webpack-runtime-bacbb8227f7a3f462f8b.js"/><link as="script" rel="preload" href="/framework-4f6f4628cf10d856b9b4.js"/><link as="script" rel="preload" href="/7616da28-658a2ca7170fc512347f.js"/><link as="script" rel="preload" href="/app-eaa307f84b08943b892a.js"/><link as="script" rel="preload" href="/styles-407fe62976dc5310c43e.js"/><link as="script" rel="preload" href="/component---src-core-pages-page-template-js-2b78a8da8c7848bf20bb.js"/><link as="fetch" rel="preload" href="/page-data/en-US/technologies/javascript-flavors/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/216024313.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/216024313.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="modKeyUp"><a href="#page-main" class="MainLayout__Skip-uwvjad-1 koUIH">[en-US] general.skip_to_content</a><div class="MainLayout__Page-uwvjad-5 dMDcdD Page--javascript_flavors nocapture"><div><button aria-haspopup="menu" aria-expanded="false" class="MainLayout__MenuToggle-uwvjad-3 gxaSHK"><span class="MainLayout__ScreenReadersHint-uwvjad-0 iMYawq">[en-US] general.open_nav</span><svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" class="Hamburger__Container-j038hg-0 fIONJq"><g id="Outline_Icons"><line fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="8" x1="15" y1="25" x2="85" y2="25"></line><line fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="8" x1="15" y1="50" x2="85" y2="50"></line><line fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="8" x1="15" y1="75" x2="85" y2="75"></line></g></svg></button><nav id="sidebar" class="Sidebar__SidebarContainer-sc-1u4yidz-0 hHlUQl Sidebar"><button aria-haspopup="menu" aria-expanded="false" class="Sidebar__SidebarCloseButton-sc-1u4yidz-5 bpKdro"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><line x1=".5" y1=".5" x2="23.5" y2="23.5"></line><line x1="23.5" y1=".5" x2=".5" y2="23.5"></line></g></svg><span class="Sidebar__ScreenReadersHint-sc-1u4yidz-2 kbZNhn">[en-US] general.close_nav</span></button><h1 class="Sidebar__SidebarScreenReadersTitle-sc-1u4yidz-1 eRTXyl">State of JS 2020</h1><div class="Sidebar__SidebarHeader-sc-1u4yidz-3 kWZfrr"><a class="Sidebar__SidebarLogoLink-sc-1u4yidz-4 dAEVjl" href="/en-US/"><span class="SidebarLogo__Container-qwaf9p-0 hZEPJH"><span class="LogoCell__Container-n9we24-0 edOkpG LogoCell" style="color:#e0e4e4"><span class="LogoCell__Index-n9we24-1 iWHLb">0</span>St</span><span class="LogoCell__Container-n9we24-0 edOkpG LogoCell" style="color:#e0e4e4"><span class="LogoCell__Index-n9we24-1 iWHLb">1</span>Js</span><span class="LogoCell__Container-n9we24-0 edOkpG LogoCell" style="color:#FE6A6A"><span class="LogoCell__Index-n9we24-1 iWHLb">2</span>20</span><span class="LogoCell__Container-n9we24-0 edOkpG LogoCell" style="color:#FE6A6A"><span class="LogoCell__Index-n9we24-1 iWHLb">3</span>20</span></span><span class="Sidebar__ScreenReadersHint-sc-1u4yidz-2 kbZNhn">[en-US] general.back_to_intro</span></a></div><div class="Nav__NavContainer-uo6ep0-1 iskZBJ"><div class="Nav__LanguageSwitcherWrapper-uo6ep0-2 bXJgCf"><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button class="Popover__PopoverToggle-sc-3zqg9-2 hwouLV PopoverToggle" aria-label="English" aria-haspopup="menu" aria-expanded="false"><span>English</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50"><polygon stroke="#000" points="0,0 100,0 50,50"></polygon></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="Locales__Container-sc-1lgl2z3-0 hfkwXz Locales"><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ca-ES/technologies/javascript-flavors/">Català</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>81<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>81<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(81 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/cs-CZ/technologies/javascript-flavors/">Česky</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>46<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>46<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(46 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/de-DE/technologies/javascript-flavors/">Deutsch</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>60<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>60<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(60 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a aria-current="page" class="" href="/en-US/technologies/javascript-flavors/">English</a></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/es-ES/technologies/javascript-flavors/">Español</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>89<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>89<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(89 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/fa-IR/technologies/javascript-flavors/">فارسی</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>26<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>26<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(26 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/fr-FR/technologies/javascript-flavors/">Français</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>69<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>69<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(69 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/gl-ES/technologies/javascript-flavors/">Galego</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>89<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>89<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(89 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/hi-IN/technologies/javascript-flavors/">Hindi</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>4<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>4<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(4 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/it-IT/technologies/javascript-flavors/">Italiano</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>41<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>41<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(41 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/pt-PT/technologies/javascript-flavors/">Português</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>38<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>38<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(38 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ru-RU/technologies/javascript-flavors/">Русский</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>93<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>93<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(93 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ua-UA/technologies/javascript-flavors/">Українська</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>80<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>80<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(80 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/sv-SE/technologies/javascript-flavors/">Svenska</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>38<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>38<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(38 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/tr-TR/technologies/javascript-flavors/">Türkçe</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>66<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>66<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(66 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/id-ID/technologies/javascript-flavors/">Indonesia</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>41<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>41<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(41 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/zh-Hans/technologies/javascript-flavors/">简体中文</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>85<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>85<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(85 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/zh-Hant/technologies/javascript-flavors/">正體中文</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>64<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>64<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(64 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ja-JP/technologies/javascript-flavors/">日本語</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>77<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>77<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(77 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/pl-PL/technologies/javascript-flavors/">Polski</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>78<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>78<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(78 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ko-KR/technologies/javascript-flavors/">한국어</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>86<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>86<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(86 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/nl-NL/technologies/javascript-flavors/">Nederlands</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>80<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>80<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(80 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ro-RO/technologies/javascript-flavors/">Română</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>84<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>84<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(84 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span></div><div class="LanguageSwitcher__LanguageSwitcherHelp-sc-1dnlai8-0 khubsu LanguageSwitcherHelp"><a href="https://github.com/StateOfJS/state-of-js-graphql-results-api/issues/50"><span data-key="general.help_us_translate" class="t">Help us translate the surveys »</span></a></div></div></div></div></div><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/en-US/"><span><span data-key="sections.introduction.title" class="t">Introduction</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/en-US/tshirt/"><span><span data-key="sections.tshirt.title" class="t">T-shirt</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/en-US/demographics/"><span><span data-key="sections.demographics.title" class="t">Demographics</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/en-US/features/"><span><span data-key="sections.features.title" class="t">Features</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/en-US/features/syntax/"><span><span data-key="sections.syntax.title" class="t">Syntax</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/en-US/features/language/"><span><span data-key="sections.language.title" class="t">Language</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/en-US/features/data-structures/"><span><span data-key="sections.data_structures.title" class="t">Data Structures</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/en-US/features/browser-apis/"><span><span data-key="sections.browser_apis.title" class="t">Browser APIs</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 jJODYN" href="/en-US/features/other-features/"><span><span data-key="sections.other_features.title" class="t">Other Features</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/en-US/technologies/"><span><span data-key="sections.technologies.title" class="t">Technologies</span></span></a><a aria-current="page" class="Nav__StyledPageLink-uo6ep0-0 gbRils _is-active" href="/en-US/technologies/javascript-flavors/"><span><span data-key="sections.javascript_flavors.title" class="t">JavaScript Flavors</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gbRils" href="/en-US/technologies/front-end-frameworks/"><span><span data-key="sections.front_end_frameworks.title" class="t">Front-end Frameworks</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gbRils" href="/en-US/technologies/datalayer/"><span><span data-key="sections.datalayer.title" class="t">Data Layer</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gbRils" href="/en-US/technologies/back-end-frameworks/"><span><span data-key="sections.back_end_frameworks.title" class="t">Back-end Frameworks</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gbRils" href="/en-US/technologies/testing/"><span><span data-key="sections.testing.title" class="t">Testing</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gbRils" href="/en-US/technologies/build-tools/"><span><span data-key="sections.build_tools.title" class="t">Build Tools</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gbRils" href="/en-US/technologies/mobile-desktop/"><span><span data-key="sections.mobile_desktop.title" class="t">Mobile & Desktop</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/en-US/other-tools/"><span><span data-key="sections.tools_others.title" class="t">Other Tools</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/en-US/resources/"><span><span data-key="sections.resources.title" class="t">Resources</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/en-US/opinions/"><span><span data-key="sections.opinions.title" class="t">Opinions</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/en-US/awards/"><span><span data-key="sections.awards.title" class="t">Awards</span></span></a><a class="Nav__StyledPageLink-uo6ep0-0 gTZSEw" href="/en-US/conclusion/"><span><span data-key="sections.conclusion.title" class="t">Conclusion</span></span></a></div><div class="ShareSite__Container-ayv7ct-0 jxqLoD ShareSite"><a href="https://twitter.com/intent/tweet/?text=Discover%20the%20State%20of%20JS%202020%20results%20https%3A%2F%2F2020.stateofjs.com%20%23StateOfJS" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com&title=Discover the State of JS 2020 results&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%3A%20https%3A%2F%2F2020.stateofjs.com" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a></div></nav></div><div class="MainLayout__PageContent-uwvjad-4 kngwcV PageContent"><div class="MainLayout__PaginationWrapper-uwvjad-2 hQFQAx"><div class="Pagination__Container-fmwu6l-0 eyWRuW Pagination"><a class="PaginationLink__StyledLink-sc-15wpe8c-0 isboRP pagination__link pagination__previous" href="/en-US/technologies/"><span><span>« <!-- -->Technologies</span></span></a><div class="Pagination__MiddleContent-fmwu6l-1 iZEAbN"><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button class="Popover__PopoverToggle-sc-3zqg9-2 hwouLV PopoverToggle" aria-label="English" aria-haspopup="menu" aria-expanded="false"><span>English</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 50"><polygon stroke="#000" points="0,0 100,0 50,50"></polygon></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="Locales__Container-sc-1lgl2z3-0 hfkwXz Locales"><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ca-ES/technologies/javascript-flavors/">Català</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>81<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>81<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(81 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/cs-CZ/technologies/javascript-flavors/">Česky</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>46<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>46<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(46 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/de-DE/technologies/javascript-flavors/">Deutsch</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>60<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>60<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(60 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a aria-current="page" class="" href="/en-US/technologies/javascript-flavors/">English</a></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/es-ES/technologies/javascript-flavors/">Español</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>89<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>89<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(89 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/fa-IR/technologies/javascript-flavors/">فارسی</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>26<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>26<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(26 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/fr-FR/technologies/javascript-flavors/">Français</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>69<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>69<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(69 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/gl-ES/technologies/javascript-flavors/">Galego</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>89<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>89<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(89 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/hi-IN/technologies/javascript-flavors/">Hindi</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>4<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>4<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(4 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/it-IT/technologies/javascript-flavors/">Italiano</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>41<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>41<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(41 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/pt-PT/technologies/javascript-flavors/">Português</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>38<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>38<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(38 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ru-RU/technologies/javascript-flavors/">Русский</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>93<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>93<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(93 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ua-UA/technologies/javascript-flavors/">Українська</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>80<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>80<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(80 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/sv-SE/technologies/javascript-flavors/">Svenska</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>38<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>38<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(38 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/tr-TR/technologies/javascript-flavors/">Türkçe</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>66<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>66<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(66 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/id-ID/technologies/javascript-flavors/">Indonesia</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>41<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>41<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(41 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/zh-Hans/technologies/javascript-flavors/">简体中文</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>85<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>85<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(85 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/zh-Hant/technologies/javascript-flavors/">正體中文</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>64<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>64<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(64 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ja-JP/technologies/javascript-flavors/">日本語</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>77<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>77<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(77 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/pl-PL/technologies/javascript-flavors/">Polski</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>78<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>78<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(78 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ko-KR/technologies/javascript-flavors/">한국어</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>86<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>86<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(86 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/nl-NL/technologies/javascript-flavors/">Nederlands</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>80<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>80<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(80 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span><span class="Locales__Item-sc-1lgl2z3-1 fiDitP Locales__Item"><a href="/ro-RO/technologies/javascript-flavors/">Română</a><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bYXlbR CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>84<!-- -->%</strong> </div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>84<!-- -->%</strong> </div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 khMAWA"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(84 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 dozdiy"></circle></svg></div></span></div><div class="LanguageSwitcher__LanguageSwitcherHelp-sc-1dnlai8-0 khubsu LanguageSwitcherHelp"><a href="https://github.com/StateOfJS/state-of-js-graphql-results-api/issues/50"><span data-key="general.help_us_translate" class="t">Help us translate the surveys »</span></a></div></div></div></div></div><a class="PaginationLink__StyledLink-sc-15wpe8c-0 kyWIcc pagination__link pagination__next" href="/en-US/technologies/front-end-frameworks/"><span><span>Front-end Frameworks<!-- --> »</span></span></a></div></div><main id="page-main" class="MainLayout__PageMain-uwvjad-6 fpohRl"><h2 class="PageHeader__PageTitle-sc-1i3f46f-0 ctbAJh"><span data-key="sections.javascript_flavors.title" class="t">JavaScript Flavors</span></h2><div class="Page__Contents"><div class="PageIntroductionBlock__Introduction-l8rkyc-0 kTMCA-d Page__Introduction"><div data-key="sections.javascript_flavors.description" class="t"><p>The trend of “flavors” of JavaScript that compile down to standard code started all these years ago with CoffeeScript, but it's now clear that TypeScript is the uncontested leader in that category. </p></div></div><div id="javascript_flavors_experience_ranking" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--javascript_flavors_experience_ranking"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/en-US/technologies/javascript-flavors/javascript_flavors_experience_ranking" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><span data-key="blocks.tools_experience_ranking.title" class="t">Rankings</span></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[en-US] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">Export</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">Share</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfJS%202020%3A%20Rankings%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_ranking" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_ranking" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_ranking&title=Rankings&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%20(Rankings)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_ranking" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/en-US/javascript_flavors_experience_ranking.png" target="_blank" rel="noopener noreferrer" aria-label="Get image" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">Get image</span></a></div></div><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="options.experience_ranking.satisfaction" class="t">Satisfaction</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="options.experience_ranking.interest" class="t">Interest</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="options.experience_ranking.usage" class="t">Usage</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="options.experience_ranking.awareness" class="t">Awareness</span></button></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">Export</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">Share</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfJS%202020%3A%20Rankings%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_ranking" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_ranking" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_ranking&title=Rankings&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%20(Rankings)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_ranking" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/en-US/javascript_flavors_experience_ranking.png" target="_blank" rel="noopener noreferrer" aria-label="Get image" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">Get image</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="options.experience_ranking.satisfaction" class="t">Satisfaction</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="options.experience_ranking.interest" class="t">Interest</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="options.experience_ranking.usage" class="t">Usage</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="options.experience_ranking.awareness" class="t">Awareness</span></button></div></div></div></div><div class="BlockTitle__Description-nuxb31-5 hmJkhL Block__Description"><div data-key="blocks.tools_experience_ranking.description" class="t"><p>Satisfaction, interest, usage, and awareness ratio rankings.</p></div></div><div class="Block__Contents"><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter " style="height:330px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:330px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner ChartContainerInner--expand" style="height:330px"><div style="width:100%;height:100%"></div></div></div><span class="ChartContainer__ChartContainerIndicator-edfgx0-3 jxYzuE ChartContainerIndicator ChartContainerIndicator--left"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="100" viewBox="0 0 30 100"><g id="Outline_Icons"><line fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="8" x1="30" y1="0" x2="0" y2="50"></line><line fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="8" x1="0" y1="50" x2="30" y2="100"></line></g></svg></span><span class="ChartContainer__ChartContainerIndicator-edfgx0-3 jxYzuE ChartContainerIndicator ChartContainerIndicator--right"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="100" viewBox="0 0 30 100"><g id="Outline_Icons"><line fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="8" x1="30" y1="0" x2="0" y2="50"></line><line fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="8" x1="0" y1="50" x2="30" y2="100"></line></g></svg></span></div></div><div class="BlockNote__Note-lid80j-0 larluv Block__Note"><div data-key="blocks.tools_experience_ranking.note" class="t"><p>Technologies with less than 10% awareness not included. Each ratio is defined as follows:</p><ul><li>Satisfaction: <strong>would use again</strong> / (<strong>would use again</strong> + <strong>would not use again</strong>)</li><li>Interest: <strong>want to learn</strong> / (<strong>want to learn</strong> + <strong>not interested</strong>)</li><li>Usage: (<strong>would use again</strong> + <strong>would not use again</strong>) / <strong>total</strong></li><li>Awareness: (<strong>total</strong> - <strong>never heard</strong>) / <strong>total</strong></li></ul></div></div></div><div class="HintBlock__HintContainer-l010fp-0 gfPJQQ Block"><div class="HintBlock__HintBulb-l010fp-1 fwuaPp"><div class="HintBlock__HintBulbInner-l010fp-2 liqROl"><span class="bulb" role="img" aria-label="Lightbulb Emoji">💡</span><span class="spark spark-1"><span></span></span><span class="spark spark-2"><span></span></span><span class="spark spark-3"><span></span></span></div></div><div class="HintBlock__HintContent-l010fp-3 eOCPcp"><div data-key="hints.tool_modal_hint" class="t"><p>You can click on any technology name to get extra details and a more in-depth look at its related data. </p></div></div></div><div id="javascript_flavors_section_streams" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--javascript_flavors_section_streams"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/en-US/technologies/javascript-flavors/javascript_flavors_section_streams" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><span data-key="blocks.tools_section_streams.title" class="t">Experience Over Time</span></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[en-US] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">Export</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">Share</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfJS%202020%3A%20Experience%20Over%20Time%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_section_streams" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_section_streams" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_section_streams&title=Experience Over Time&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%20(Experience%20Over%20Time)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_section_streams" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/en-US/javascript_flavors_section_streams.png" target="_blank" rel="noopener noreferrer" aria-label="Get image" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">Get image</span></a></div></div><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">Percents</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">Count</span></button></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">Export</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">Share</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfJS%202020%3A%20Experience%20Over%20Time%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_section_streams" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_section_streams" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_section_streams&title=Experience Over Time&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%20(Experience%20Over%20Time)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_section_streams" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/en-US/javascript_flavors_section_streams.png" target="_blank" rel="noopener noreferrer" aria-label="Get image" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">Get image</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.percentage" class="t">Percents</span></button><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.count" class="t">Count</span></button></div></div></div></div><div class="BlockTitle__Description-nuxb31-5 hmJkhL Block__Description"><div data-key="blocks.tools_section_streams.description" class="t"><p>Overview of opinions on the technologies surveyed over time.</p></div></div><table class="BlockLegends__Container-x2sx8r-0 iQSfzx Block__Legends"><tbody class="BlockLegends__ContainerInner-x2sx8r-1 dxTlgm"><tr class="BlockLegendsItem__Container-sc-9fsuse-0 eKexVJ Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#FE6A6A" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">Would not use</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 eKexVJ Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#fc8f8f" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">Not interested</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 eKexVJ Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#41c7c7" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">Would use again</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 eKexVJ Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#65e0e0" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">Interested</td></tr><tr class="BlockLegendsItem__Container-sc-9fsuse-0 eKexVJ Legends__Item Legends__Item--withKeyLabel"><th class="BlockLegendsItem__ChipWrapper-sc-9fsuse-1 cunMmr"><div style="width:16px;height:16px;background:#cecdcc" class="BlockLegendsItem__Chip-sc-9fsuse-2 kyYoiV"></div></th><td class="BlockLegendsItem__Label-sc-9fsuse-4 cngVNh Legends__Item__Label">Never heard</td></tr></tbody></table><div class="Block__Contents"><div class="ToolsSectionStreamsBlock__GridContainer-sc-1iyng3w-0 ixqcwv"><div class="ToolsSectionStreamsBlock__StreamItem-sc-1iyng3w-1 ecBFub"><div style="height:160px"><div style="width:100%;height:100%"></div></div><h4 class="ToolsSectionStreamsBlock__StreamTitle-sc-1iyng3w-2 hPyNBy"><span class="ToolLabel"><a href="https://www.typescriptlang.org" class="Button-tirokp-0 ToolLabel__LabelLink-ibwmax-0 jrlGls cvbmOr Button">TypeScript</a></span></h4></div><div class="ToolsSectionStreamsBlock__StreamItem-sc-1iyng3w-1 ecBFub"><div style="height:160px"><div style="width:100%;height:100%"></div></div><h4 class="ToolsSectionStreamsBlock__StreamTitle-sc-1iyng3w-2 hPyNBy"><span class="ToolLabel"><a class="Button-tirokp-0 ToolLabel__LabelLink-ibwmax-0 jrlGls cvbmOr Button">Reason</a></span></h4></div><div class="ToolsSectionStreamsBlock__StreamItem-sc-1iyng3w-1 ecBFub"><div style="height:160px"><div style="width:100%;height:100%"></div></div><h4 class="ToolsSectionStreamsBlock__StreamTitle-sc-1iyng3w-2 hPyNBy"><span class="ToolLabel"><a class="Button-tirokp-0 ToolLabel__LabelLink-ibwmax-0 jrlGls cvbmOr Button">Elm</a></span></h4></div><div class="ToolsSectionStreamsBlock__StreamItem-sc-1iyng3w-1 ecBFub"><div style="height:160px"><div style="width:100%;height:100%"></div></div><h4 class="ToolsSectionStreamsBlock__StreamTitle-sc-1iyng3w-2 hPyNBy"><span class="ToolLabel"><a href="https://clojurescript.org/" class="Button-tirokp-0 ToolLabel__LabelLink-ibwmax-0 jrlGls cvbmOr Button">ClojureScript</a></span></h4></div><div class="ToolsSectionStreamsBlock__StreamItem-sc-1iyng3w-1 ecBFub"><div style="height:160px"><div style="width:100%;height:100%"></div></div><h4 class="ToolsSectionStreamsBlock__StreamTitle-sc-1iyng3w-2 hPyNBy"><span class="ToolLabel"><a href="https://www.purescript.org" class="Button-tirokp-0 ToolLabel__LabelLink-ibwmax-0 jrlGls cvbmOr Button">PureScript</a></span></h4></div></div></div><div class="BlockNote__Note-lid80j-0 larluv Block__Note"><div data-key="blocks.tools_section_streams.note" class="t"><p>Technologies with only one year of data are not included.</p></div></div></div><div id="javascript_flavors_experience_marimekko" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--javascript_flavors_experience_marimekko"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/en-US/technologies/javascript-flavors/javascript_flavors_experience_marimekko" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><span data-key="blocks.tools_experience_marimekko.title" class="t">Positive/Negative Split</span></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[en-US] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">Export</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">Share</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfJS%202020%3A%20Positive%2FNegative%20Split%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_marimekko" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_marimekko" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_marimekko&title=Positive/Negative Split&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%20(Positive%2FNegative%20Split)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_marimekko" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/en-US/javascript_flavors_experience_marimekko.png" target="_blank" rel="noopener noreferrer" aria-label="Get image" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">Get image</span></a></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">Export</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">Share</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfJS%202020%3A%20Positive%2FNegative%20Split%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_marimekko" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_marimekko" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_marimekko&title=Positive/Negative Split&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%20(Positive%2FNegative%20Split)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_experience_marimekko" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/en-US/javascript_flavors_experience_marimekko.png" target="_blank" rel="noopener noreferrer" aria-label="Get image" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">Get image</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"></div></div><div class="BlockTitle__Description-nuxb31-5 hmJkhL Block__Description"><div data-key="blocks.tools_experience_marimekko.description" class="t"><p>This chart splits positive (“want to learn”, “would use again”) vs negative (“not interested”, “would not use again”) experiences on both sides of a central axis.</p><p>Bar thickness represents the number of respondents aware of a technology.</p></div></div><div class="Block__Contents"><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter " style="height:350px"><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer" style="height:350px"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner" style="height:350px"><div style="width:100%;height:100%"></div></div></div></div></div></div><div id="javascript_flavors_others" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--javascript_flavors_others"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/en-US/technologies/javascript-flavors/javascript_flavors_others" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><span data-key="blocks.category_other_tools.title" class="t">Other Tools</span><div class="BlockCompletionIndicator__Container-sc-13goqqp-1 htZHAE CompletionIndicator" tabindex="0"><div class="BlockCompletionIndicator__Tooltip-sc-13goqqp-0 bHsPNt CompletionIndicator__Tooltip">Completion percentage:<!-- --> <strong>2.4<!-- -->%</strong> <span>(<!-- -->577<!-- -->)</span></div><div class="CompletionIndicator__Data sr-only">Completion percentage:<!-- --> <strong>2.4<!-- -->%</strong> <span>(<!-- -->577<!-- -->)</span></div><svg height="16" width="16" viewBox="0 0 20 20" class="BlockCompletionIndicator__Chart-sc-13goqqp-2 kiGCwo"><circle r="10" cx="10" cy="10" class="BlockCompletionIndicator__ChartBackground-sc-13goqqp-3 hNsnqo"></circle><circle r="5" cx="10" cy="10" fill="transparent" stroke-width="10" stroke-dasharray="calc(2.4 * 31.4px / 100) 31.4px" transform="rotate(-90) translate(-20)" class="BlockCompletionIndicator__ChartForeground-sc-13goqqp-4 cJwfmm"></circle></svg></div></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[en-US] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">Export</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">Share</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfJS%202020%3A%20Other%20Tools%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_others" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_others" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_others&title=Other Tools&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%20(Other%20Tools)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_others" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/en-US/javascript_flavors_others.png" target="_blank" rel="noopener noreferrer" aria-label="Get image" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">Get image</span></a></div></div><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.percentage" class="t">Percents</span></button><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.count" class="t">Count</span></button></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">Export</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">Share</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfJS%202020%3A%20Other%20Tools%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_others" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_others" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_others&title=Other Tools&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%20(Other%20Tools)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_others" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/en-US/javascript_flavors_others.png" target="_blank" rel="noopener noreferrer" aria-label="Get image" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">Get image</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"><div class="BlockTitle__BlockChartControls-nuxb31-6 bcoAoM BlockChartControls"><div class="ButtonGroup-sc-1k32jr0-0 dRuaES"><button class="Button-tirokp-0 dwxRHq Button--unselected Button Button--unselected"><span data-key="chart_units.percentage" class="t">Percents</span></button><button class="Button-tirokp-0 dwxRHq Button--selected Button Button--selected"><span data-key="chart_units.count" class="t">Count</span></button></div></div></div></div><div class="BlockTitle__Description-nuxb31-5 hmJkhL Block__Description"><div data-key="blocks.category_other_tools.description" class="t"><p>Other tools in this category (freeform answers).</p></div></div><div class="Block__Contents"><div class="ChartContainer__ChartContainerOuter-edfgx0-0 cUpOwA ChartContainerOuter "><div class="ChartContainer__Container-edfgx0-1 xUamw ChartContainer"><div class="ChartContainer__ChartContainerInner-edfgx0-2 gpvRnu ChartContainerInner"><div style="height:548px"><div style="width:100%;height:100%"></div></div></div></div></div></div></div><div id="javascript_flavors_happiness" class="Block__Container-sc-11g8wz8-0 bglUIQ Block Block--javascript_flavors_happiness"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/en-US/technologies/javascript-flavors/javascript_flavors_happiness" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><span data-key="blocks.happiness.title" class="t">Overall Happiness</span></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[en-US] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">Export</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">Share</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfJS%202020%3A%20Overall%20Happiness%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_happiness" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_happiness" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_happiness&title=Overall Happiness&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%20(Overall%20Happiness)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_happiness" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/en-US/javascript_flavors_happiness.png" target="_blank" rel="noopener noreferrer" aria-label="Get image" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">Get image</span></a></div></div></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"><div class="BlockExport__ButtonWrapper-sc-1gwpler-2 hjHqeU BlockExport"><button class="Button-tirokp-0 BlockExport__ExportButton-sc-1gwpler-3 dwxRHq jOWEGs ExportButton Button ExportButton"><span data-key="export.export" class="t">Export</span></button></div><div class="ShareBlock__Container-awxqfs-0 eghido ShareBlock Block__Title__Share"><div class="ShareBlock__ButtonWrapper-awxqfs-1 cAwBhT"><button class="Button-tirokp-0 ShareBlock__ShareButton-awxqfs-2 dwxRHq ShareButton Button ShareButton" aria-haspopup="menu" aria-expanded="false"><span data-key="share.share" class="t">Share</span></button></div><div class="ShareBlock__Popup-awxqfs-4 hnxXLV ShareBlock__Popup"><a href="https://twitter.com/intent/tweet/?text=%23StateOfJS%202020%3A%20Overall%20Happiness%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_happiness" target="_blank" rel="noopener noreferrer" aria-label="Share on Twitter" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--twitter"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"></path></svg><span class="sr-only">Share on Twitter</span></a><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_happiness" target="_blank" rel="noopener noreferrer" aria-label="Share on Facebook" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--facebook"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"></path></svg><span class="sr-only">Share on Facebook</span></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_happiness&title=Overall Happiness&summary=" target="_blank" rel="noopener noreferrer" aria-label="Share on LinkedIn" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg><span class="sr-only">Share on LinkedIn</span></a><a href="mailto:?subject=State%20of%20JS%202020%20Survey%20Results&body=Here%20are%20some%20interesting%20survey%20results%20(Overall%20Happiness)%3A%20https%3A%2F%2F2020.stateofjs.com%2Fen-US%2Ftechnologies%2Fjavascript-flavors%2Fjavascript_flavors_happiness" target="_self" aria-label="Share by email" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--email"><svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve" aria-hidden="true"><path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"></path></svg><span class="sr-only">Share by email</span></a><a href="https://stateofx-images.netlify.app/captures/js2020/en-US/javascript_flavors_happiness.png" target="_blank" rel="noopener noreferrer" aria-label="Get image" class="ShareLink__Link-sc-1qpv5j1-0 jdyKgW ShareLink ShareLink--image"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true"><path d="M22.486,17.236l1.05-1.458c0.125-0.175,0.125-0.409,0-0.584l-1.049-1.459l1.049-1.458c0.125-0.175,0.125-0.41,0-0.584 l-1.049-1.455l1.049-1.457c0.126-0.174,0.125-0.41,0-0.585l-1.048-1.451l1.049-1.455c0.125-0.175,0.125-0.411,0-0.585 l-1.085-1.506l0.943-1.925c0.094-0.192,0.056-0.423-0.096-0.574c-0.15-0.151-0.381-0.189-0.573-0.096l-1.932,0.945L19.28,0.464 c-0.175-0.126-0.41-0.125-0.583,0l-1.461,1.05l-1.457-1.049c-0.175-0.126-0.41-0.126-0.584,0l-1.459,1.049l-1.457-1.049 c-0.174-0.126-0.41-0.126-0.585,0l-1.455,1.049L8.781,0.465c-0.174-0.126-0.41-0.126-0.585,0L6.745,1.513L5.29,0.465 c-0.175-0.126-0.411-0.126-0.584,0L3.198,1.549L1.273,0.606C1.084,0.514,0.852,0.551,0.7,0.702 c-0.151,0.15-0.19,0.382-0.096,0.573l0.945,1.932L0.464,4.72c-0.125,0.174-0.125,0.41,0,0.583l1.05,1.461l-1.05,1.457 c-0.125,0.174-0.125,0.409,0,0.584l1.049,1.46l-1.049,1.458c-0.125,0.174-0.125,0.41,0,0.584l1.049,1.455L0.464,15.22 c-0.126,0.174-0.125,0.411,0,0.585l1.048,1.452l-1.049,1.454c-0.125,0.175-0.125,0.41,0,0.585l1.085,1.506l-0.943,1.925 c-0.094,0.192-0.056,0.422,0.096,0.574c0.151,0.151,0.383,0.189,0.573,0.095l1.932-0.944l1.513,1.085 c0.174,0.125,0.409,0.125,0.583,0l1.461-1.051l1.457,1.05c0.174,0.126,0.409,0.126,0.584,0l1.459-1.049l1.457,1.049 c0.174,0.126,0.41,0.126,0.585,0l1.455-1.049l1.458,1.049c0.087,0.063,0.189,0.094,0.292,0.094c0.102,0,0.206-0.032,0.293-0.095 l1.451-1.048l1.456,1.049c0.175,0.126,0.411,0.126,0.584,0l1.507-1.084l1.925,0.942c0.192,0.094,0.424,0.056,0.575-0.098 c0.151-0.152,0.188-0.385,0.091-0.577l-0.94-1.865l1.088-1.583c0.119-0.174,0.117-0.404-0.006-0.575L22.486,17.236z M20,19.5 c0,0.276-0.224,0.5-0.5,0.5h-15C4.224,20,4,19.776,4,19.5v-15C4,4.224,4.224,4,4.5,4h15C19.776,4,20,4.224,20,4.5V19.5z"></path><path d="M17.983,17.371l-2.143-8c-0.056-0.208-0.238-0.357-0.453-0.37c-0.222-0.013-0.414,0.113-0.494,0.312l-2.061,5.125 l-1.911-1.569c-0.12-0.099-0.278-0.135-0.43-0.101c-0.151,0.035-0.278,0.14-0.342,0.28l-1.938,4.245 c-0.07,0.155-0.058,0.335,0.035,0.478C8.338,17.914,8.497,18,8.667,18H17.5c0.155,0,0.302-0.072,0.396-0.196 C17.991,17.682,18.023,17.521,17.983,17.371z"></path><circle cx="9" cy="9" r="2.5"></circle></svg><span class="sr-only">Get image</span></a></div></div></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"></div></div><div class="BlockTitle__Description-nuxb31-5 hmJkhL Block__Description"><div data-key="blocks.happiness.description" class="t"><p>On a scale of one (very unhappy) to five (very happy), how happy are developers with the current overall state of this category?</p></div></div><div class="Block__Contents"><div style="height:240px"><div style="width:100%;height:100%"></div></div></div></div><div class="Block"><div class="resources"><div class="BlockTitle__StyledBlockTitle-nuxb31-2 dAAPyT Block__Title"><div class="BlockTitle__LeftPart-nuxb31-4 iCAAeX"><h3 class="BlockTitle__BlockTitleText-nuxb31-3 iivsMM BlockTitleText"><a class="SharePermalink__Link-ndc8lc-0 gJOVcJ SharePermalink share__link" href="https://2020.stateofjs.com/en-US/technologies/javascript-flavors/javascript_flavors_resources" target="_blank" rel="noopener noreferrer" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Filled_Icons_1_"><g id="Filled_Icons"><path d="M14.474,10.232l-0.706-0.706C12.208,7.966,9.67,7.964,8.11,9.525l-4.597,4.597c-1.56,1.56-1.56,4.097,0,5.657 l0.707,0.706c0.756,0.757,1.76,1.173,2.829,1.173c1.068,0,2.072-0.417,2.827-1.172l2.173-2.171c0.391-0.391,0.391-1.024,0-1.414 c-0.391-0.392-1.023-0.392-1.414,0l-2.173,2.17c-0.755,0.756-2.071,0.757-2.828,0l-0.707-0.706c-0.779-0.781-0.779-2.049,0-2.829 l4.597-4.596c0.756-0.756,2.073-0.756,2.828,0l0.707,0.707c0.391,0.391,1.023,0.391,1.414,0 C14.864,11.256,14.864,10.623,14.474,10.232z"></path><path d="M20.486,4.221l-0.707-0.706c-0.756-0.757-1.76-1.173-2.829-1.173c-1.068,0-2.072,0.418-2.827,1.172L12.135,5.5 c-0.391,0.391-0.391,1.024,0,1.414c0.391,0.392,1.023,0.392,1.414,0l1.988-1.984c0.755-0.756,2.071-0.757,2.828,0l0.707,0.706 c0.779,0.78,0.779,2.049,0,2.829l-4.597,4.596c-0.756,0.756-2.073,0.756-2.828,0c-0.391-0.391-1.024-0.391-1.414,0 c-0.391,0.391-0.392,1.023-0.001,1.414c1.56,1.562,4.098,1.562,5.657,0.001l4.597-4.597C22.046,8.319,22.046,5.781,20.486,4.221z"></path></g></g><rect fill="none" width="24" height="24" id="Frames-24px"></rect></svg></a><span data-key="blocks.recommended_resources.title" class="t">Recommended Resources</span></h3><div class="Popover__Container-sc-3zqg9-0 fxzssI Popover Popover--bottom _is-closed"><div class="Popover__PopoverInner-sc-3zqg9-1 iFJNkp PopoverInner"><button aria-expanded="false" aria-haspopup="[object Object]" aria-controls="[object Object]" class="Button-tirokp-0 BlockTitle__MoreButton-nuxb31-1 jrlGls jDLsKE Button"><span class="BlockTitle__ScreenReadersHint-nuxb31-0 dbINfu">[en-US] general.more_actions</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" x="0" y="0" viewBox="0 0 24 24"><g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><circle cx="3" cy="12" r="2.5"></circle><circle cx="12" cy="12" r="2.5"></circle><circle cx="21" cy="12" r="2.5"></circle></g></g><path fill="none" d="M0 0H24V24H0z"></path></svg></button><div class="Popover__PopoverPopup-sc-3zqg9-3 edvQGu PopoverPopup" id="PopoverPopup"><div class="BlockTitle__PopoverContents-nuxb31-7 fNQoWU"></div></div></div></div><div class="BlockTitle__BlockTitleActionsWrapper-nuxb31-8 bzxYzw"></div></div><div class="BlockTitle__BlockTitleSwitcherWrapper-nuxb31-9 aNaBd"></div></div><div class="RecommendedResourcesBlock__List-sc-3eimjm-0 dvUnOd Resources__list"><div class="RecommendedResourcesBlock__Resource-sc-3eimjm-3 jvUgjO Resource"><div class="RecommendedResourcesBlock__ResourceImage-sc-3eimjm-4 gvBpbm Resource__image"><div class="RecommendedResourcesBlock__ResourceImageInner-sc-3eimjm-5 iQtyKk"><a href="https://frontendmasters.com/courses/complete-react-v5/?utm_source=stateofjs&utm_medium=website&utm_campaign=stateofjs2020&utm_content=textlink" style="background-image:url(https://static.frontendmasters.com/assets/teachers/holt/thumb@2x.jpg)" title="Complete Intro to React, v5">Complete Intro to React, v5</a></div><div class="RecommendedResourcesBlock__ResourceTeacher-sc-3eimjm-8 dKEKtB">Brian Holt</div></div><div class="RecommendedResourcesBlock__ResourceContent-sc-3eimjm-6 iBBKFF Resource__content"><h4 class="RecommendedResourcesBlock__Title-sc-3eimjm-1 gDvwNJ Resource__title"><a href="https://frontendmasters.com/courses/complete-react-v5/?utm_source=stateofjs&utm_medium=website&utm_campaign=stateofjs2020&utm_content=textlink">Complete Intro to React, v5</a></h4><div class="RecommendedResourcesBlock__Description-sc-3eimjm-2 gLKNHc Resource__description">Much more than an intro, you’ll start from the ground up, getting all the way to using the latest features in React, including hooks, effects, context, and portals. </div></div></div><div class="RecommendedResourcesBlock__Resource-sc-3eimjm-3 jvUgjO Resource"><div class="RecommendedResourcesBlock__ResourceImage-sc-3eimjm-4 diCKIX Resource__image"><div class="RecommendedResourcesBlock__ResourceImageInner-sc-3eimjm-5 iQtyKk"><a href="https://ReactForBeginners.com/friend/STATEOFJS?utm_source=stateofjs&utm_medium=sponsor&utm_campaign=javascript_flavors_resources&utm_content=textlink" style="background-image:url(/images/resources/wb-react.jpg)" title="React For Beginners">React For Beginners</a></div><div class="RecommendedResourcesBlock__ResourceTeacher-sc-3eimjm-8 dKEKtB">Wes Bos</div></div><div class="RecommendedResourcesBlock__ResourceContent-sc-3eimjm-6 iBBKFF Resource__content"><h4 class="RecommendedResourcesBlock__Title-sc-3eimjm-1 gDvwNJ Resource__title"><a href="https://ReactForBeginners.com/friend/STATEOFJS?utm_source=stateofjs&utm_medium=sponsor&utm_campaign=javascript_flavors_resources&utm_content=textlink">React For Beginners</a></h4><div class="RecommendedResourcesBlock__Description-sc-3eimjm-2 gLKNHc Resource__description">Upgrade your JavaScript skills to learn React.js in just a couple of afternoons. </div></div></div></div><div class="RecommendedResourcesBlock__Sponsoring-sc-3eimjm-7 eQdAit Resources__sponsoring"><span data-key="partners.thanks" class="t">Thanks to our partners for supporting us!</span> <a href="/en-US/support"><span data-key="partners.learn_more" class="t">Learn more.</span></a></div></div></div></div><div class="PageFooter__Container-pu9659-0 jEYWnh"><div class="PageFooter__Nav-pu9659-1 dBJAfU"><a class="Button-tirokp-0 PageFooter__FooterLink-pu9659-3 PageFooter__PreviousLink-pu9659-4 jrlGls fLCcbb ecDXdZ PageFooter__Link PageFooter__Link--previous Button PageFooter__Link PageFooter__Link--previous" href="/en-US/technologies/">«<!-- --> <span class="PageFooter__LinkLabel-pu9659-6 hEKYIR"><span data-key="page.previous" class="t">Previous:</span></span> <!-- -->Technologies</a><a class="Button-tirokp-0 PageFooter__FooterLink-pu9659-3 PageFooter__NextLink-pu9659-5 jrlGls fLCcbb PageFooter__Link PageFooter__Link--next Button Button PageFooter__Link PageFooter__Link--next Button" href="/en-US/technologies/front-end-frameworks/"><span class="PageFooter__LinkLabel-pu9659-6 hEKYIR"><span data-key="page.next" class="t">Next:</span></span> <!-- -->Front-end Frameworks<!-- --> »</a></div><div class="PageFooter__Notes-pu9659-2 efIfui"><span data-key="general.charts_nivo" class="t">Charts built with <a href="https://nivo.rocks/">Nivo</a>.</span> <span data-key="general.netlify_link" class="t">Hosted by <a href="https://www.netlify.com">Netlify</a>.</span><br/><span data-key="general.leave_issue" class="t">Questions? Found a bug? <a href="https://github.com/StateOfJS/StateOfJS-2020" target="_blank">Leave an issue</a>.</span> <span data-key="general.join_discord" class="t">Join us on <a href="https://discord.gg/zRDb35jfrt">Discord</a>.</span></div></div></main></div></div></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/en-US/technologies/javascript-flavors/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-092c4c6a41bb38cca3d9.js"],"app":["/app-eaa307f84b08943b892a.js"],"component---src-core-pages-page-template-js":["/component---src-core-pages-page-template-js-2b78a8da8c7848bf20bb.js"],"component---src-core-share-share-block-template-js":["/component---src-core-share-share-block-template-js-5c6d182ad6eb170b733d.js"]};/*]]>*/</script><script src="/polyfill-092c4c6a41bb38cca3d9.js" nomodule=""></script><script src="/component---src-core-pages-page-template-js-2b78a8da8c7848bf20bb.js" async=""></script><script src="/styles-407fe62976dc5310c43e.js" async=""></script><script src="/app-eaa307f84b08943b892a.js" async=""></script><script src="/7616da28-658a2ca7170fc512347f.js" async=""></script><script src="/framework-4f6f4628cf10d856b9b4.js" async=""></script><script src="/webpack-runtime-bacbb8227f7a3f462f8b.js" async=""></script></body></html>