Areastack

Copy and paste the following shortcode into your post or page.

<?php
echo 'Hello, world!';

<style>
		.as_1{font-family:inherit;max-width:820px;margin:0 auto;padding:18px 12px;box-sizing:border-box;}
		.as_1 .as-title{font-size:18px;font-weight:600;color:#222;margin:0 0 6px;}
		.as_1 .as-legend{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 8px;}
		.as_1 .as-leg{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#555;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
		.as_1 .as-sw{width:14px;height:10px;border-radius:2px;display:inline-block;flex:0 0 auto;}
		.as_1 svg{display:block;width:100%;height:auto;}
		.as_1 .as-tip,.as_1 .as-guide{opacity:0;transition:opacity .12s;pointer-events:none;}
		.as_1 .as-hc:hover .as-tip,.as_1 .as-hc:hover .as-guide{opacity:1;}
		</style><div class="as_1"><div class="as-title">Website Traffic Sources (Monthly)</div><div class="as-legend"><span class="as-leg"><span class="as-sw" style="background:linear-gradient(rgb(128,255,165),rgb(1,191,236));"></span>Organic Search</span><span class="as-leg"><span class="as-sw" style="background:linear-gradient(rgb(0,221,255),rgb(77,119,255));"></span>Direct Traffic</span><span class="as-leg"><span class="as-sw" style="background:linear-gradient(rgb(55,162,255),rgb(116,21,219));"></span>Social Media</span><span class="as-leg"><span class="as-sw" style="background:linear-gradient(rgb(255,0,135),rgb(135,0,157));"></span>Referral Traffic</span><span class="as-leg"><span class="as-sw" style="background:linear-gradient(rgb(255,191,0),rgb(224,62,76));"></span>Email Marketing</span><span class="as-leg"><span class="as-sw" style="background:linear-gradient(rgb(128,255,165),rgb(1,191,236));"></span>Paid Search</span><span class="as-leg"><span class="as-sw" style="background:linear-gradient(rgb(0,221,255),rgb(77,119,255));"></span>Display Ads</span></div><svg viewBox="0 0 780 360" preserveAspectRatio="xMidYMid meet"><defs><linearGradient id="as_1_g0" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="rgb(128,255,165)"/><stop offset="100%" stop-color="rgb(1,191,236)"/></linearGradient><linearGradient id="as_1_g1" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="rgb(0,221,255)"/><stop offset="100%" stop-color="rgb(77,119,255)"/></linearGradient><linearGradient id="as_1_g2" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="rgb(55,162,255)"/><stop offset="100%" stop-color="rgb(116,21,219)"/></linearGradient><linearGradient id="as_1_g3" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="rgb(255,0,135)"/><stop offset="100%" stop-color="rgb(135,0,157)"/></linearGradient><linearGradient id="as_1_g4" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="rgb(255,191,0)"/><stop offset="100%" stop-color="rgb(224,62,76)"/></linearGradient><linearGradient id="as_1_g5" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="rgb(128,255,165)"/><stop offset="100%" stop-color="rgb(1,191,236)"/></linearGradient><linearGradient id="as_1_g6" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="rgb(0,221,255)"/><stop offset="100%" stop-color="rgb(77,119,255)"/></linearGradient></defs><line x1="46" y1="334" x2="764" y2="334" stroke="#eee"/><line x1="46" y1="254" x2="764" y2="254" stroke="#eee"/><line x1="46" y1="174" x2="764" y2="174" stroke="#eee"/><line x1="46" y1="94" x2="764" y2="94" stroke="#eee"/><line x1="46" y1="14" x2="764" y2="14" stroke="#eee"/><path d="M46,311.6 C65.94,309.15 125.78,295.84 165.67,296.88 C205.56,297.92 245.44,318.69 285.33,317.84 C325.22,316.99 365.11,291.47 405,291.76 C444.89,292.05 484.78,321.63 524.67,319.6 C564.56,317.57 604.44,283.87 644.33,279.6 C684.22,275.33 744.06,291.6 764,294 L764,334 C744.06,334 684.22,334 644.33,334 C604.44,334 564.56,334 524.67,334 C484.78,334 444.89,334 405,334 C365.11,334 325.22,334 285.33,334 C245.44,334 205.56,334 165.67,334 C125.78,334 65.94,334 46,334 Z" fill="url(#as_1_g0)" fill-opacity="0.8"/><path d="M46,292.4 C65.94,285.63 125.78,250.48 165.67,251.76 C205.56,253.04 245.44,299.65 285.33,300.08 C325.22,300.51 365.11,256.93 405,254.32 C444.89,251.71 484.78,289.25 524.67,284.4 C564.56,279.55 604.44,231.87 644.33,225.2 C684.22,218.53 744.06,241.2 764,244.4 L764,294 C744.06,291.6 684.22,275.33 644.33,279.6 C604.44,283.87 564.56,317.57 524.67,319.6 C484.78,321.63 444.89,292.05 405,291.76 C365.11,291.47 325.22,316.99 285.33,317.84 C245.44,318.69 205.56,297.92 165.67,296.88 C125.78,295.84 65.94,309.15 46,311.6 Z" fill="url(#as_1_g1)" fill-opacity="0.8"/><path d="M46,241.2 C65.94,239.44 125.78,226.19 165.67,230.64 C205.56,235.09 245.44,272.88 285.33,267.92 C325.22,262.96 365.11,203.2 405,200.88 C444.89,198.56 484.78,253.41 524.67,254 C564.56,254.59 604.44,211.87 644.33,204.4 C684.22,196.93 744.06,208.4 764,209.2 L764,244.4 C744.06,241.2 684.22,218.53 644.33,225.2 C604.44,231.87 564.56,279.55 524.67,284.4 C484.78,289.25 444.89,251.71 405,254.32 C365.11,256.93 325.22,300.51 285.33,300.08 C245.44,299.65 205.56,253.04 165.67,251.76 C125.78,250.48 65.94,285.63 46,292.4 Z" fill="url(#as_1_g2)" fill-opacity="0.8"/><path d="M46,206 C65.94,199.39 125.78,162.16 165.67,166.32 C205.56,170.48 245.44,228.77 285.33,230.96 C325.22,233.15 365.11,180.67 405,179.44 C444.89,178.21 484.78,225.57 524.67,223.6 C564.56,221.63 604.44,173.2 644.33,167.6 C684.22,162 744.06,186.27 764,190 L764,209.2 C744.06,208.4 684.22,196.93 644.33,204.4 C604.44,211.87 564.56,254.59 524.67,254 C484.78,253.41 444.89,198.56 405,200.88 C365.11,203.2 325.22,262.96 285.33,267.92 C245.44,272.88 205.56,235.09 165.67,230.64 C125.78,226.19 65.94,239.44 46,241.2 Z" fill="url(#as_1_g3)" fill-opacity="0.8"/><path d="M46,170.8 C65.94,162 125.78,112.8 165.67,118 C205.56,123.2 245.44,198 285.33,202 C325.22,206 365.11,144 405,142 C444.89,140 484.78,193.47 524.67,190 C564.56,186.53 604.44,125.2 644.33,121.2 C684.22,117.2 744.06,158.53 764,166 L764,190 C744.06,186.27 684.22,162 644.33,167.6 C604.44,173.2 564.56,221.63 524.67,223.6 C484.78,225.57 444.89,178.21 405,179.44 C365.11,180.67 325.22,233.15 285.33,230.96 C245.44,228.77 205.56,170.48 165.67,166.32 C125.78,162.16 65.94,199.39 46,206 Z" fill="url(#as_1_g4)" fill-opacity="0.8"/><path d="M46,142 C65.94,131.33 125.78,72.27 165.67,78 C205.56,83.73 245.44,171.6 285.33,176.4 C325.22,181.2 365.11,110.93 405,106.8 C444.89,102.67 484.78,157.2 524.67,151.6 C564.56,146 604.44,75.6 644.33,73.2 C684.22,70.8 744.06,126.53 764,137.2 L764,166 C744.06,158.53 684.22,117.2 644.33,121.2 C604.44,125.2 564.56,186.53 524.67,190 C484.78,193.47 444.89,140 405,142 C365.11,144 325.22,206 285.33,202 C245.44,198 205.56,123.2 165.67,118 C125.78,112.8 65.94,162 46,170.8 Z" fill="url(#as_1_g5)" fill-opacity="0.8"/><path d="M46,127.6 C65.94,115.6 125.78,50.67 165.67,55.6 C205.56,60.53 245.44,152.93 285.33,157.2 C325.22,161.47 365.11,86.93 405,81.2 C444.89,75.47 484.78,129.73 524.67,122.8 C564.56,115.87 604.44,41.73 644.33,39.6 C684.22,37.47 744.06,98.27 764,110 L764,137.2 C744.06,126.53 684.22,70.8 644.33,73.2 C604.44,75.6 564.56,146 524.67,151.6 C484.78,157.2 444.89,102.67 405,106.8 C365.11,110.93 325.22,181.2 285.33,176.4 C245.44,171.6 205.56,83.73 165.67,78 C125.78,72.27 65.94,131.33 46,142 Z" fill="url(#as_1_g6)" fill-opacity="0.8"/><text x="40" y="337" text-anchor="end" font-size="11" fill="#999">0</text><text x="40" y="257" text-anchor="end" font-size="11" fill="#999">500</text><text x="40" y="177" text-anchor="end" font-size="11" fill="#999">1000</text><text x="40" y="97" text-anchor="end" font-size="11" fill="#999">1500</text><text x="40" y="17" text-anchor="end" font-size="11" fill="#999">2000</text><text x="46" y="352" text-anchor="middle" font-size="11" fill="#999">Jan</text><text x="165.67" y="352" text-anchor="middle" font-size="11" fill="#999">Feb</text><text x="285.33" y="352" text-anchor="middle" font-size="11" fill="#999">Mar</text><text x="405" y="352" text-anchor="middle" font-size="11" fill="#999">Apr</text><text x="524.67" y="352" text-anchor="middle" font-size="11" fill="#999">May</text><text x="644.33" y="352" text-anchor="middle" font-size="11" fill="#999">Jun</text><text x="764" y="352" text-anchor="middle" font-size="11" fill="#999">Jul</text><g class="as-hc"><line class="as-guide" x1="46" y1="14" x2="46" y2="334" stroke="#bbb" stroke-dasharray="4 3"/><g class="as-tip"><rect x="58" y="18" width="171" height="140" rx="6" fill="#fff" stroke="#e2e2e2"/><text x="70" y="36" font-size="11.5" font-weight="700" fill="#333">Jan</text><circle cx="72" cy="50" r="4" fill="rgb(128,255,165)"/><text x="82" y="54" font-size="11" fill="#555">Organic Search</text><text x="217" y="54" text-anchor="end" font-size="11" font-weight="600" fill="#333">140</text><circle cx="72" cy="66" r="4" fill="rgb(0,221,255)"/><text x="82" y="70" font-size="11" fill="#555">Direct Traffic</text><text x="217" y="70" text-anchor="end" font-size="11" font-weight="600" fill="#333">120</text><circle cx="72" cy="82" r="4" fill="rgb(55,162,255)"/><text x="82" y="86" font-size="11" fill="#555">Social Media</text><text x="217" y="86" text-anchor="end" font-size="11" font-weight="600" fill="#333">320</text><circle cx="72" cy="98" r="4" fill="rgb(255,0,135)"/><text x="82" y="102" font-size="11" fill="#555">Referral Traffic</text><text x="217" y="102" text-anchor="end" font-size="11" font-weight="600" fill="#333">220</text><circle cx="72" cy="114" r="4" fill="rgb(255,191,0)"/><text x="82" y="118" font-size="11" fill="#555">Email Marketing</text><text x="217" y="118" text-anchor="end" font-size="11" font-weight="600" fill="#333">220</text><circle cx="72" cy="130" r="4" fill="rgb(128,255,165)"/><text x="82" y="134" font-size="11" fill="#555">Paid Search</text><text x="217" y="134" text-anchor="end" font-size="11" font-weight="600" fill="#333">180</text><circle cx="72" cy="146" r="4" fill="rgb(0,221,255)"/><text x="82" y="150" font-size="11" fill="#555">Display Ads</text><text x="217" y="150" text-anchor="end" font-size="11" font-weight="600" fill="#333">90</text></g><rect x="-13.83" y="14" width="119.67" height="320" fill="transparent"/></g><g class="as-hc"><line class="as-guide" x1="165.67" y1="14" x2="165.67" y2="334" stroke="#bbb" stroke-dasharray="4 3"/><g class="as-tip"><rect x="177.67" y="18" width="171" height="140" rx="6" fill="#fff" stroke="#e2e2e2"/><text x="189.66666666667" y="36" font-size="11.5" font-weight="700" fill="#333">Feb</text><circle cx="191.66666666667" cy="50" r="4" fill="rgb(128,255,165)"/><text x="201.66666666667" y="54" font-size="11" fill="#555">Organic Search</text><text x="336.66666666667" y="54" text-anchor="end" font-size="11" font-weight="600" fill="#333">232</text><circle cx="191.66666666667" cy="66" r="4" fill="rgb(0,221,255)"/><text x="201.66666666667" y="70" font-size="11" fill="#555">Direct Traffic</text><text x="336.66666666667" y="70" text-anchor="end" font-size="11" font-weight="600" fill="#333">282</text><circle cx="191.66666666667" cy="82" r="4" fill="rgb(55,162,255)"/><text x="201.66666666667" y="86" font-size="11" fill="#555">Social Media</text><text x="336.66666666667" y="86" text-anchor="end" font-size="11" font-weight="600" fill="#333">132</text><circle cx="191.66666666667" cy="98" r="4" fill="rgb(255,0,135)"/><text x="201.66666666667" y="102" font-size="11" fill="#555">Referral Traffic</text><text x="336.66666666667" y="102" text-anchor="end" font-size="11" font-weight="600" fill="#333">402</text><circle cx="191.66666666667" cy="114" r="4" fill="rgb(255,191,0)"/><text x="201.66666666667" y="118" font-size="11" fill="#555">Email Marketing</text><text x="336.66666666667" y="118" text-anchor="end" font-size="11" font-weight="600" fill="#333">302</text><circle cx="191.66666666667" cy="130" r="4" fill="rgb(128,255,165)"/><text x="201.66666666667" y="134" font-size="11" fill="#555">Paid Search</text><text x="336.66666666667" y="134" text-anchor="end" font-size="11" font-weight="600" fill="#333">250</text><circle cx="191.66666666667" cy="146" r="4" fill="rgb(0,221,255)"/><text x="201.66666666667" y="150" font-size="11" fill="#555">Display Ads</text><text x="336.66666666667" y="150" text-anchor="end" font-size="11" font-weight="600" fill="#333">140</text></g><rect x="105.83" y="14" width="119.67" height="320" fill="transparent"/></g><g class="as-hc"><line class="as-guide" x1="285.33" y1="14" x2="285.33" y2="334" stroke="#bbb" stroke-dasharray="4 3"/><g class="as-tip"><rect x="297.33" y="18" width="171" height="140" rx="6" fill="#fff" stroke="#e2e2e2"/><text x="309.33333333333" y="36" font-size="11.5" font-weight="700" fill="#333">Mar</text><circle cx="311.33333333333" cy="50" r="4" fill="rgb(128,255,165)"/><text x="321.33333333333" y="54" font-size="11" fill="#555">Organic Search</text><text x="456.33333333333" y="54" text-anchor="end" font-size="11" font-weight="600" fill="#333">101</text><circle cx="311.33333333333" cy="66" r="4" fill="rgb(0,221,255)"/><text x="321.33333333333" y="70" font-size="11" fill="#555">Direct Traffic</text><text x="456.33333333333" y="70" text-anchor="end" font-size="11" font-weight="600" fill="#333">111</text><circle cx="311.33333333333" cy="82" r="4" fill="rgb(55,162,255)"/><text x="321.33333333333" y="86" font-size="11" fill="#555">Social Media</text><text x="456.33333333333" y="86" text-anchor="end" font-size="11" font-weight="600" fill="#333">201</text><circle cx="311.33333333333" cy="98" r="4" fill="rgb(255,0,135)"/><text x="321.33333333333" y="102" font-size="11" fill="#555">Referral Traffic</text><text x="456.33333333333" y="102" text-anchor="end" font-size="11" font-weight="600" fill="#333">231</text><circle cx="311.33333333333" cy="114" r="4" fill="rgb(255,191,0)"/><text x="321.33333333333" y="118" font-size="11" fill="#555">Email Marketing</text><text x="456.33333333333" y="118" text-anchor="end" font-size="11" font-weight="600" fill="#333">181</text><circle cx="311.33333333333" cy="130" r="4" fill="rgb(128,255,165)"/><text x="321.33333333333" y="134" font-size="11" fill="#555">Paid Search</text><text x="456.33333333333" y="134" text-anchor="end" font-size="11" font-weight="600" fill="#333">160</text><circle cx="311.33333333333" cy="146" r="4" fill="rgb(0,221,255)"/><text x="321.33333333333" y="150" font-size="11" fill="#555">Display Ads</text><text x="456.33333333333" y="150" text-anchor="end" font-size="11" font-weight="600" fill="#333">120</text></g><rect x="225.5" y="14" width="119.67" height="320" fill="transparent"/></g><g class="as-hc"><line class="as-guide" x1="405" y1="14" x2="405" y2="334" stroke="#bbb" stroke-dasharray="4 3"/><g class="as-tip"><rect x="417" y="18" width="171" height="140" rx="6" fill="#fff" stroke="#e2e2e2"/><text x="429" y="36" font-size="11.5" font-weight="700" fill="#333">Apr</text><circle cx="431" cy="50" r="4" fill="rgb(128,255,165)"/><text x="441" y="54" font-size="11" fill="#555">Organic Search</text><text x="576" y="54" text-anchor="end" font-size="11" font-weight="600" fill="#333">264</text><circle cx="431" cy="66" r="4" fill="rgb(0,221,255)"/><text x="441" y="70" font-size="11" fill="#555">Direct Traffic</text><text x="576" y="70" text-anchor="end" font-size="11" font-weight="600" fill="#333">234</text><circle cx="431" cy="82" r="4" fill="rgb(55,162,255)"/><text x="441" y="86" font-size="11" fill="#555">Social Media</text><text x="576" y="86" text-anchor="end" font-size="11" font-weight="600" fill="#333">334</text><circle cx="431" cy="98" r="4" fill="rgb(255,0,135)"/><text x="441" y="102" font-size="11" fill="#555">Referral Traffic</text><text x="576" y="102" text-anchor="end" font-size="11" font-weight="600" fill="#333">134</text><circle cx="431" cy="114" r="4" fill="rgb(255,191,0)"/><text x="441" y="118" font-size="11" fill="#555">Email Marketing</text><text x="576" y="118" text-anchor="end" font-size="11" font-weight="600" fill="#333">234</text><circle cx="431" cy="130" r="4" fill="rgb(128,255,165)"/><text x="441" y="134" font-size="11" fill="#555">Paid Search</text><text x="576" y="134" text-anchor="end" font-size="11" font-weight="600" fill="#333">220</text><circle cx="431" cy="146" r="4" fill="rgb(0,221,255)"/><text x="441" y="150" font-size="11" fill="#555">Display Ads</text><text x="576" y="150" text-anchor="end" font-size="11" font-weight="600" fill="#333">160</text></g><rect x="345.17" y="14" width="119.67" height="320" fill="transparent"/></g><g class="as-hc"><line class="as-guide" x1="524.67" y1="14" x2="524.67" y2="334" stroke="#bbb" stroke-dasharray="4 3"/><g class="as-tip"><rect x="536.67" y="18" width="171" height="140" rx="6" fill="#fff" stroke="#e2e2e2"/><text x="548.66666666667" y="36" font-size="11.5" font-weight="700" fill="#333">May</text><circle cx="550.66666666667" cy="50" r="4" fill="rgb(128,255,165)"/><text x="560.66666666667" y="54" font-size="11" fill="#555">Organic Search</text><text x="695.66666666667" y="54" text-anchor="end" font-size="11" font-weight="600" fill="#333">90</text><circle cx="550.66666666667" cy="66" r="4" fill="rgb(0,221,255)"/><text x="560.66666666667" y="70" font-size="11" fill="#555">Direct Traffic</text><text x="695.66666666667" y="70" text-anchor="end" font-size="11" font-weight="600" fill="#333">220</text><circle cx="550.66666666667" cy="82" r="4" fill="rgb(55,162,255)"/><text x="560.66666666667" y="86" font-size="11" fill="#555">Social Media</text><text x="695.66666666667" y="86" text-anchor="end" font-size="11" font-weight="600" fill="#333">190</text><circle cx="550.66666666667" cy="98" r="4" fill="rgb(255,0,135)"/><text x="560.66666666667" y="102" font-size="11" fill="#555">Referral Traffic</text><text x="695.66666666667" y="102" text-anchor="end" font-size="11" font-weight="600" fill="#333">190</text><circle cx="550.66666666667" cy="114" r="4" fill="rgb(255,191,0)"/><text x="560.66666666667" y="118" font-size="11" fill="#555">Email Marketing</text><text x="695.66666666667" y="118" text-anchor="end" font-size="11" font-weight="600" fill="#333">210</text><circle cx="550.66666666667" cy="130" r="4" fill="rgb(128,255,165)"/><text x="560.66666666667" y="134" font-size="11" fill="#555">Paid Search</text><text x="695.66666666667" y="134" text-anchor="end" font-size="11" font-weight="600" fill="#333">240</text><circle cx="550.66666666667" cy="146" r="4" fill="rgb(0,221,255)"/><text x="560.66666666667" y="150" font-size="11" fill="#555">Display Ads</text><text x="695.66666666667" y="150" text-anchor="end" font-size="11" font-weight="600" fill="#333">180</text></g><rect x="464.83" y="14" width="119.67" height="320" fill="transparent"/></g><g class="as-hc"><line class="as-guide" x1="644.33" y1="14" x2="644.33" y2="334" stroke="#bbb" stroke-dasharray="4 3"/><g class="as-tip"><rect x="461.33" y="18" width="171" height="140" rx="6" fill="#fff" stroke="#e2e2e2"/><text x="473.33333333333" y="36" font-size="11.5" font-weight="700" fill="#333">Jun</text><circle cx="475.33333333333" cy="50" r="4" fill="rgb(128,255,165)"/><text x="485.33333333333" y="54" font-size="11" fill="#555">Organic Search</text><text x="620.33333333333" y="54" text-anchor="end" font-size="11" font-weight="600" fill="#333">340</text><circle cx="475.33333333333" cy="66" r="4" fill="rgb(0,221,255)"/><text x="485.33333333333" y="70" font-size="11" fill="#555">Direct Traffic</text><text x="620.33333333333" y="70" text-anchor="end" font-size="11" font-weight="600" fill="#333">340</text><circle cx="475.33333333333" cy="82" r="4" fill="rgb(55,162,255)"/><text x="485.33333333333" y="86" font-size="11" fill="#555">Social Media</text><text x="620.33333333333" y="86" text-anchor="end" font-size="11" font-weight="600" fill="#333">130</text><circle cx="475.33333333333" cy="98" r="4" fill="rgb(255,0,135)"/><text x="485.33333333333" y="102" font-size="11" fill="#555">Referral Traffic</text><text x="620.33333333333" y="102" text-anchor="end" font-size="11" font-weight="600" fill="#333">230</text><circle cx="475.33333333333" cy="114" r="4" fill="rgb(255,191,0)"/><text x="485.33333333333" y="118" font-size="11" fill="#555">Email Marketing</text><text x="620.33333333333" y="118" text-anchor="end" font-size="11" font-weight="600" fill="#333">290</text><circle cx="475.33333333333" cy="130" r="4" fill="rgb(128,255,165)"/><text x="485.33333333333" y="134" font-size="11" fill="#555">Paid Search</text><text x="620.33333333333" y="134" text-anchor="end" font-size="11" font-weight="600" fill="#333">300</text><circle cx="475.33333333333" cy="146" r="4" fill="rgb(0,221,255)"/><text x="485.33333333333" y="150" font-size="11" fill="#555">Display Ads</text><text x="620.33333333333" y="150" text-anchor="end" font-size="11" font-weight="600" fill="#333">210</text></g><rect x="584.5" y="14" width="119.67" height="320" fill="transparent"/></g><g class="as-hc"><line class="as-guide" x1="764" y1="14" x2="764" y2="334" stroke="#bbb" stroke-dasharray="4 3"/><g class="as-tip"><rect x="581" y="18" width="171" height="140" rx="6" fill="#fff" stroke="#e2e2e2"/><text x="593" y="36" font-size="11.5" font-weight="700" fill="#333">Jul</text><circle cx="595" cy="50" r="4" fill="rgb(128,255,165)"/><text x="605" y="54" font-size="11" fill="#555">Organic Search</text><text x="740" y="54" text-anchor="end" font-size="11" font-weight="600" fill="#333">250</text><circle cx="595" cy="66" r="4" fill="rgb(0,221,255)"/><text x="605" y="70" font-size="11" fill="#555">Direct Traffic</text><text x="740" y="70" text-anchor="end" font-size="11" font-weight="600" fill="#333">310</text><circle cx="595" cy="82" r="4" fill="rgb(55,162,255)"/><text x="605" y="86" font-size="11" fill="#555">Social Media</text><text x="740" y="86" text-anchor="end" font-size="11" font-weight="600" fill="#333">220</text><circle cx="595" cy="98" r="4" fill="rgb(255,0,135)"/><text x="605" y="102" font-size="11" fill="#555">Referral Traffic</text><text x="740" y="102" text-anchor="end" font-size="11" font-weight="600" fill="#333">120</text><circle cx="595" cy="114" r="4" fill="rgb(255,191,0)"/><text x="605" y="118" font-size="11" fill="#555">Email Marketing</text><text x="740" y="118" text-anchor="end" font-size="11" font-weight="600" fill="#333">150</text><circle cx="595" cy="130" r="4" fill="rgb(128,255,165)"/><text x="605" y="134" font-size="11" fill="#555">Paid Search</text><text x="740" y="134" text-anchor="end" font-size="11" font-weight="600" fill="#333">180</text><circle cx="595" cy="146" r="4" fill="rgb(0,221,255)"/><text x="605" y="150" font-size="11" fill="#555">Display Ads</text><text x="740" y="150" text-anchor="end" font-size="11" font-weight="600" fill="#333">170</text></g><rect x="704.17" y="14" width="119.67" height="320" fill="transparent"/></g></svg></div>

[skillwrapper type="skt_areastack" chart_title="Website Traffic Sources (Monthly)" categories="Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep"]

[skill label="Organic Search" values="140,232,101,264,90,340,250"]

[skill label="Direct Traffic" values="120,282,111,234,220,340,310"]

[skill label="Social Media" values="320,132,201,334,190,130,220"]

[skill label="Referral Traffic" values="220,402,231,134,190,230,120"]

[skill label="Email Marketing" values="220,302,181,234,210,290,150"]

[skill label="Paid Search" values="180,250,160,220,240,300,180"]

[skill label="Display Ads" values="90,140,120,160,180,210,170"]

[/skillwrapper]

Website Traffic Sources (Monthly)

Organic SearchDirect TrafficSocial MediaReferral TrafficEmail MarketingPaid SearchDisplay Ads