Most Used JavaScript Libraries__june 2022
https://github.com/get-set-fetch/scraper/blob/main/datasets/javascript-libs-from-top-1mm-sites/charts/most-used-js-libs-2022-06-05.svg
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="chart"
width="1000"
height="900"
>
<g transform="translate(350, 20)">
<style>
#chart {
background-color: antiquewhite;
}
.title {
font-size: 22px;
font-weight: bold;
font-family: sans-serif;
}
.ctg-title {
font-size: 16px;
font-weight: bold;
font-family: sans-serif;
}
.y.axis text {
font-size: 16px;
font-weight: normal;
font-family: sans-serif;
}
.perc {
font-size: 16px;
font-weight: normal;
font-family: sans-serif;
}
.link {
font-size: 14px;
font-weight: bold;
font-family: sans-serif;
}
.curlyBrace {
stroke: #000000;
stroke-width: 10px;
fill: none;
}
.domain {
opacity: 0;
}
</style>
<text
transform="translate(0, 5)"
text-anchor="left"
fill="#386cb0"
class="title"
>
Most Used JavaScript Libraries (percentage) - June 2022
</text>
<text
transform="translate(-270, 106.5) rotate(-45)"
fill="#08306b"
class="ctg-title"
style="text-anchor: end;"
>
Utils
</text>
<path
d="M -240 15 Q -252 15 -248 60.75 T -260 106.5 M -240 198 Q -252 198 -248 152.25 T -260 106.5"
style="stroke: rgb(8, 48, 107); fill: none;"
/>
<g transform="translate(0, 15)">
<g
class="y axis"
fill="none"
font-size="10"
font-family="sans-serif"
text-anchor="end"
>
<path class="domain" stroke="currentColor" d="M0,183V0" />
<g class="tick" opacity="1" transform="translate(0,172)">
<line stroke="currentColor" x2="0" />
<text
fill="#08306b"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Cloudflare Email Decode
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,152)">
<line stroke="currentColor" x2="0" />
<text
fill="#08306b"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Underscore
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,132)">
<line stroke="currentColor" x2="0" />
<text
fill="#08306b"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
i18n
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,112)">
<line stroke="currentColor" x2="0" />
<text
fill="#08306b"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Owl Carousel
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,92)">
<line stroke="currentColor" x2="0" />
<text
fill="#08306b"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Modernizr
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,72)">
<line stroke="currentColor" x2="0" />
<text
fill="#08306b"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
slick
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,52)">
<line stroke="currentColor" x2="0" />
<text
fill="#08306b"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Google reCAPTCHA
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,32)">
<line stroke="currentColor" x2="0" />
<text
fill="#08306b"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
jQuery Migrate
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,12)">
<line stroke="currentColor" x2="0" />
<text
fill="#08306b"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
jQuery
</text>
</g>
</g>
<g>
<rect
class="bar"
y="163"
height="18"
x="0"
width="42.89387965026573"
fill="#f7fbff"
/>
<text
class="perc"
fill="#08306b"
y="172"
x="49.89387965026573"
style="alignment-baseline: central; dominant-baseline: central;"
>
4.17
</text>
</g>
<g>
<rect
class="bar"
y="143"
height="18"
x="0"
width="48.654208811932115"
fill="#deebf7"
/>
<text
class="perc"
fill="#08306b"
y="152"
x="55.654208811932115"
style="alignment-baseline: central; dominant-baseline: central;"
>
4.73
</text>
</g>
<g>
<rect
class="bar"
y="123"
height="18"
x="0"
width="49.5799759986285"
fill="#c6dbef"
/>
<text
class="perc"
fill="#08306b"
y="132"
x="56.5799759986285"
style="alignment-baseline: central; dominant-baseline: central;"
>
4.82
</text>
</g>
<g>
<rect
class="bar"
y="103"
height="18"
x="0"
width="50.094291102348706"
fill="#9ecae1"
/>
<text
class="perc"
fill="#08306b"
y="112"
x="57.094291102348706"
style="alignment-baseline: central; dominant-baseline: central;"
>
4.87
</text>
</g>
<g>
<rect
class="bar"
y="83"
height="18"
x="0"
width="51.12292130978913"
fill="#6baed6"
/>
<text
class="perc"
fill="#08306b"
y="92"
x="58.12292130978913"
style="alignment-baseline: central; dominant-baseline: central;"
>
4.97
</text>
</g>
<g>
<rect
class="bar"
y="63"
height="18"
x="0"
width="62.43785359163382"
fill="#4292c6"
/>
<text
class="perc"
fill="#08306b"
y="72"
x="69.43785359163383"
style="alignment-baseline: central; dominant-baseline: central;"
>
6.07
</text>
</g>
<g>
<rect
class="bar"
y="43"
height="18"
x="0"
width="78.38162180696041"
fill="#2171b5"
/>
<text
class="perc"
fill="#08306b"
y="52"
x="85.38162180696041"
style="alignment-baseline: central; dominant-baseline: central;"
>
7.62
</text>
</g>
<g>
<rect
class="bar"
y="23"
height="18"
x="0"
width="296.6569518258186"
fill="#08519c"
/>
<text
class="perc"
fill="#08306b"
y="32"
x="303.6569518258186"
style="alignment-baseline: central; dominant-baseline: central;"
>
28.84
</text>
</g>
<g>
<rect class="bar" y="3" height="18" x="0" width="600" fill="#08306b" />
<text
class="perc"
fill="#08306b"
y="12"
x="607"
style="alignment-baseline: central; dominant-baseline: central;"
>
58.33
</text>
</g>
</g>
<text
transform="translate(-270, 243.5) rotate(-45)"
fill="#31a354"
class="ctg-title"
style="text-anchor: end;"
>
Analytics
</text>
<path
d="M -240 213 Q -252 213 -248 228.25 T -260 243.5 M -240 274 Q -252 274 -248 258.75 T -260 243.5"
style="stroke: rgb(49, 163, 84); fill: none;"
/>
<g transform="translate(0, 213)">
<g
class="y axis"
fill="none"
font-size="10"
font-family="sans-serif"
text-anchor="end"
>
<path class="domain" stroke="currentColor" d="M0,61V0" />
<g class="tick" opacity="1" transform="translate(0,50)">
<line stroke="currentColor" x2="0" />
<text
fill="#31a354"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Cloudflare Insights
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,31)">
<line stroke="currentColor" x2="0" />
<text
fill="#31a354"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
WordPress Stats and Insights
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,12)">
<line stroke="currentColor" x2="0" />
<text
fill="#31a354"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Google Analytics
</text>
</g>
</g>
<g>
<rect
class="bar"
y="41"
height="17"
x="0"
width="17.07526144351106"
fill="#e5f5e0"
/>
<text
class="perc"
fill="#31a354"
y="49.5"
x="24.07526144351106"
style="alignment-baseline: central; dominant-baseline: central;"
>
1.66
</text>
</g>
<g>
<rect
class="bar"
y="22"
height="17"
x="0"
width="43.09960569175382"
fill="#a1d99b"
/>
<text
class="perc"
fill="#31a354"
y="30.5"
x="50.09960569175382"
style="alignment-baseline: central; dominant-baseline: central;"
>
4.19
</text>
</g>
<g>
<rect
class="bar"
y="3"
height="17"
x="0"
width="273.6156351791531"
fill="#31a354"
/>
<text
class="perc"
fill="#31a354"
y="11.5"
x="280.6156351791531"
style="alignment-baseline: central; dominant-baseline: central;"
>
26.6
</text>
</g>
</g>
<text
transform="translate(-270, 350) rotate(-45)"
fill="#a63603"
class="ctg-title"
style="text-anchor: end;"
>
CMS
</text>
<path
d="M -240 289 Q -252 289 -248 319.5 T -260 350 M -240 411 Q -252 411 -248 380.5 T -260 350"
style="stroke: rgb(166, 54, 3); fill: none;"
/>
<g transform="translate(0, 289)">
<g
class="y axis"
fill="none"
font-size="10"
font-family="sans-serif"
text-anchor="end"
>
<path class="domain" stroke="currentColor" d="M0,122V0" />
<g class="tick" opacity="1" transform="translate(0,111)">
<line stroke="currentColor" x2="0" />
<text
fill="#a63603"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
WordPress Utilities
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,91)">
<line stroke="currentColor" x2="0" />
<text
fill="#a63603"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
WordPress Slider Revolution
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,71)">
<line stroke="currentColor" x2="0" />
<text
fill="#a63603"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
WordPress WooCommerce
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,51)">
<line stroke="currentColor" x2="0" />
<text
fill="#a63603"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
WordPress Elementor
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,31)">
<line stroke="currentColor" x2="0" />
<text
fill="#a63603"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
WordPress Contact Form 7
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,11)">
<line stroke="currentColor" x2="0" />
<text
fill="#a63603"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
WordPress Core
</text>
</g>
</g>
<g>
<rect
class="bar"
y="102"
height="18"
x="0"
width="23.041316646665525"
fill="#feedde"
/>
<text
class="perc"
fill="#a63603"
y="111"
x="30.041316646665525"
style="alignment-baseline: central; dominant-baseline: central;"
>
2.24
</text>
</g>
<g>
<rect
class="bar"
y="82"
height="18"
x="0"
width="33.43048174181382"
fill="#fdd0a2"
/>
<text
class="perc"
fill="#a63603"
y="91"
x="40.43048174181382"
style="alignment-baseline: central; dominant-baseline: central;"
>
3.25
</text>
</g>
<g>
<rect
class="bar"
y="62"
height="18"
x="0"
width="38.265043716783815"
fill="#fdae6b"
/>
<text
class="perc"
fill="#a63603"
y="71"
x="45.265043716783815"
style="alignment-baseline: central; dominant-baseline: central;"
>
3.72
</text>
</g>
<g>
<rect
class="bar"
y="42"
height="18"
x="0"
width="65.31801817246699"
fill="#fd8d3c"
/>
<text
class="perc"
fill="#a63603"
y="51"
x="72.31801817246699"
style="alignment-baseline: central; dominant-baseline: central;"
>
6.35
</text>
</g>
<g>
<rect
class="bar"
y="22"
height="18"
x="0"
width="98.02845876907251"
fill="#e6550d"
/>
<text
class="perc"
fill="#a63603"
y="31"
x="105.02845876907251"
style="alignment-baseline: central; dominant-baseline: central;"
>
9.53
</text>
</g>
<g>
<rect
class="bar"
y="2"
height="18"
x="0"
width="215.08657637579293"
fill="#a63603"
/>
<text
class="perc"
fill="#a63603"
y="11"
x="222.08657637579293"
style="alignment-baseline: central; dominant-baseline: central;"
>
20.91
</text>
</g>
</g>
<text
transform="translate(-270, 517.5) rotate(-45)"
fill="#3f007d"
class="ctg-title"
style="text-anchor: end;"
>
UI Widgets
</text>
<path
d="M -240 426 Q -252 426 -248 471.75 T -260 517.5 M -240 609 Q -252 609 -248 563.25 T -260 517.5"
style="stroke: rgb(63, 0, 125); fill: none;"
/>
<g transform="translate(0, 426)">
<g
class="y axis"
fill="none"
font-size="10"
font-family="sans-serif"
text-anchor="end"
>
<path class="domain" stroke="currentColor" d="M0,183V0" />
<g class="tick" opacity="1" transform="translate(0,172)">
<line stroke="currentColor" x2="0" />
<text
fill="#3f007d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
jQuery Fancybox
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,152)">
<line stroke="currentColor" x2="0" />
<text
fill="#3f007d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
jQuery Magnific Popup
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,132)">
<line stroke="currentColor" x2="0" />
<text
fill="#3f007d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
jQuery FlexSlider
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,112)">
<line stroke="currentColor" x2="0" />
<text
fill="#3f007d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Google Maps
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,92)">
<line stroke="currentColor" x2="0" />
<text
fill="#3f007d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Popper
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,72)">
<line stroke="currentColor" x2="0" />
<text
fill="#3f007d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
jQuery FitVids
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,52)">
<line stroke="currentColor" x2="0" />
<text
fill="#3f007d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
imagesLoaded
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,32)">
<line stroke="currentColor" x2="0" />
<text
fill="#3f007d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Bootstrap
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,12)">
<line stroke="currentColor" x2="0" />
<text
fill="#3f007d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
jQuery UI
</text>
</g>
</g>
<g>
<rect
class="bar"
y="163"
height="18"
x="0"
width="21.70409737699297"
fill="#fcfbfd"
/>
<text
class="perc"
fill="#3f007d"
y="172"
x="28.70409737699297"
style="alignment-baseline: central; dominant-baseline: central;"
>
2.11
</text>
</g>
<g>
<rect
class="bar"
y="143"
height="18"
x="0"
width="23.555631750385736"
fill="#efedf5"
/>
<text
class="perc"
fill="#3f007d"
y="152"
x="30.555631750385736"
style="alignment-baseline: central; dominant-baseline: central;"
>
2.29
</text>
</g>
<g>
<rect
class="bar"
y="123"
height="18"
x="0"
width="26.23007028973084"
fill="#dadaeb"
/>
<text
class="perc"
fill="#3f007d"
y="132"
x="33.23007028973084"
style="alignment-baseline: central; dominant-baseline: central;"
>
2.55
</text>
</g>
<g>
<rect
class="bar"
y="103"
height="18"
x="0"
width="27.567289559403395"
fill="#bcbddc"
/>
<text
class="perc"
fill="#3f007d"
y="112"
x="34.56728955940339"
style="alignment-baseline: central; dominant-baseline: central;"
>
2.68
</text>
</g>
<g>
<rect
class="bar"
y="83"
height="18"
x="0"
width="27.875878621635522"
fill="#9e9ac8"
/>
<text
class="perc"
fill="#3f007d"
y="92"
x="34.87587862163552"
style="alignment-baseline: central; dominant-baseline: central;"
>
2.71
</text>
</g>
<g>
<rect
class="bar"
y="63"
height="18"
x="0"
width="28.287330704611694"
fill="#807dba"
/>
<text
class="perc"
fill="#3f007d"
y="72"
x="35.28733070461169"
style="alignment-baseline: central; dominant-baseline: central;"
>
2.75
</text>
</g>
<g>
<rect
class="bar"
y="43"
height="18"
x="0"
width="64.18652494428254"
fill="#6a51a3"
/>
<text
class="perc"
fill="#3f007d"
y="52"
x="71.18652494428254"
style="alignment-baseline: central; dominant-baseline: central;"
>
6.24
</text>
</g>
<g>
<rect
class="bar"
y="23"
height="18"
x="0"
width="139.5851191496657"
fill="#54278f"
/>
<text
class="perc"
fill="#3f007d"
y="32"
x="146.5851191496657"
style="alignment-baseline: central; dominant-baseline: central;"
>
13.57
</text>
</g>
<g>
<rect
class="bar"
y="3"
height="18"
x="0"
width="141.12806446082635"
fill="#3f007d"
/>
<text
class="perc"
fill="#3f007d"
y="12"
x="148.12806446082635"
style="alignment-baseline: central; dominant-baseline: central;"
>
13.72
</text>
</g>
</g>
<text
transform="translate(-270, 644) rotate(-45)"
fill="#636363"
class="ctg-title"
style="text-anchor: end;"
>
Advertising
</text>
<path
d="M -240 624 Q -252 624 -248 634 T -260 644 M -240 664 Q -252 664 -248 654 T -260 644"
style="stroke: rgb(99, 99, 99); fill: none;"
/>
<g transform="translate(0, 624)">
<g
class="y axis"
fill="none"
font-size="10"
font-family="sans-serif"
text-anchor="end"
>
<path class="domain" stroke="currentColor" d="M0,40V0" />
<g class="tick" opacity="1" transform="translate(0,30)">
<line stroke="currentColor" x2="0" />
<text
fill="#636363"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Google Publisher Tags
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,11)">
<line stroke="currentColor" x2="0" />
<text
fill="#636363"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Google Adsense
</text>
</g>
</g>
<g>
<rect
class="bar"
y="21"
height="17"
x="0"
width="22.218412480713187"
fill="#f0f0f0"
/>
<text
class="perc"
fill="#636363"
y="29.5"
x="29.218412480713187"
style="alignment-baseline: central; dominant-baseline: central;"
>
2.16
</text>
</g>
<g>
<rect
class="bar"
y="2"
height="17"
x="0"
width="75.81004628835935"
fill="#bdbdbd"
/>
<text
class="perc"
fill="#636363"
y="10.5"
x="82.81004628835935"
style="alignment-baseline: central; dominant-baseline: central;"
>
7.37
</text>
</g>
</g>
<text
transform="translate(-270, 719.5) rotate(-45)"
fill="#cb181d"
class="ctg-title"
style="text-anchor: end;"
>
Cookies
</text>
<path
d="M -240 679 Q -252 679 -248 699.25 T -260 719.5 M -240 760 Q -252 760 -248 739.75 T -260 719.5"
style="stroke: rgb(203, 24, 29); fill: none;"
/>
<g transform="translate(0, 679)">
<g
class="y axis"
fill="none"
font-size="10"
font-family="sans-serif"
text-anchor="end"
>
<path class="domain" stroke="currentColor" d="M0,81V0" />
<g class="tick" opacity="1" transform="translate(0,69)">
<line stroke="currentColor" x2="0" />
<text
fill="#cb181d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
OneTrust Cookies Consent
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,50)">
<line stroke="currentColor" x2="0" />
<text
fill="#cb181d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
JavaScript Cookie
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,31)">
<line stroke="currentColor" x2="0" />
<text
fill="#cb181d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Cookie Consent
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,12)">
<line stroke="currentColor" x2="0" />
<text
fill="#cb181d"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
jQuery Cookie
</text>
</g>
</g>
<g>
<rect
class="bar"
y="60"
height="17"
x="0"
width="13.577918738213613"
fill="#fee5d9"
/>
<text
class="perc"
fill="#cb181d"
y="68.5"
x="20.57791873821361"
style="alignment-baseline: central; dominant-baseline: central;"
>
1.32
</text>
</g>
<g>
<rect
class="bar"
y="41"
height="17"
x="0"
width="14.29795988342191"
fill="#fcae91"
/>
<text
class="perc"
fill="#cb181d"
y="49.5"
x="21.29795988342191"
style="alignment-baseline: central; dominant-baseline: central;"
>
1.39
</text>
</g>
<g>
<rect
class="bar"
y="22"
height="17"
x="0"
width="14.812274987142123"
fill="#fb6a4a"
/>
<text
class="perc"
fill="#cb181d"
y="30.5"
x="21.812274987142125"
style="alignment-baseline: central; dominant-baseline: central;"
>
1.44
</text>
</g>
<g>
<rect
class="bar"
y="3"
height="17"
x="0"
width="23.555631750385736"
fill="#cb181d"
/>
<text
class="perc"
fill="#cb181d"
y="11.5"
x="30.555631750385736"
style="alignment-baseline: central; dominant-baseline: central;"
>
2.29
</text>
</g>
</g>
<text
transform="translate(-270, 805.5) rotate(-45)"
fill="#2ca25f"
class="ctg-title"
style="text-anchor: end;"
>
Optimization
</text>
<path
d="M -240 775 Q -252 775 -248 790.25 T -260 805.5 M -240 836 Q -252 836 -248 820.75 T -260 805.5"
style="stroke: rgb(44, 162, 95); fill: none;"
/>
<g transform="translate(0, 775)">
<g
class="y axis"
fill="none"
font-size="10"
font-family="sans-serif"
text-anchor="end"
>
<path class="domain" stroke="currentColor" d="M0,61V0" />
<g class="tick" opacity="1" transform="translate(0,50)">
<line stroke="currentColor" x2="0" />
<text
fill="#2ca25f"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
LazySizes
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,31)">
<line stroke="currentColor" x2="0" />
<text
fill="#2ca25f"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
WordPress Autoptimize
</text>
</g>
<g class="tick" opacity="1" transform="translate(0,12)">
<line stroke="currentColor" x2="0" />
<text
fill="#2ca25f"
x="-3"
dy="0.32em"
dx="-.8em"
transform="rotate(0)"
style="text-anchor: end;"
>
Cloudflare Rocket Loader
</text>
</g>
</g>
<g>
<rect
class="bar"
y="41"
height="17"
x="0"
width="16.76667238127893"
fill="#e5f5f9"
/>
<text
class="perc"
fill="#2ca25f"
y="49.5"
x="23.76667238127893"
style="alignment-baseline: central; dominant-baseline: central;"
>
1.63
</text>
</g>
<g>
<rect
class="bar"
y="22"
height="17"
x="0"
width="18.82393279615978"
fill="#99d8c9"
/>
<text
class="perc"
fill="#2ca25f"
y="30.5"
x="25.82393279615978"
style="alignment-baseline: central; dominant-baseline: central;"
>
1.83
</text>
</g>
<g>
<rect
class="bar"
y="3"
height="17"
x="0"
width="18.926795816903827"
fill="#2ca25f"
/>
<text
class="perc"
fill="#2ca25f"
y="11.5"
x="25.926795816903827"
style="alignment-baseline: central; dominant-baseline: central;"
>
1.84
</text>
</g>
</g>
</g>
<style xmlns="" class="darkreader darkreader--fallback">
html,
body,
body :not(iframe) {
background-color: #504f4c !important;
border-color: #817a71 !important;
color: #bdb8b0 !important;
}
</style>
</svg>
