var Component=(()=>{var ia=Object.create;var I=Object.defineProperty;var oa=Object.getOwnPropertyDescriptor;var ua=Object.getOwnPropertyNames;var la=Object.getPrototypeOf,da=Object.prototype.hasOwnProperty;var ur=(e,t)=>()=>(e&&(t=e(e=0)),t);var u=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),lr=(e,t)=>{for(var r in t)I(e,r,{get:t[r],enumerable:!0})},dr=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of ua(t))!da.call(e,a)&&a!==r&&I(e,a,{get:()=>t[a],enumerable:!(n=oa(t,a))||n.enumerable});return e};var Fe=(e,t,r)=>(r=e!=null?ia(la(e)):{},dr(t||!e||!e.__esModule?I(r,"default",{value:e,enumerable:!0}):r,e)),cr=e=>dr(I({},"__esModule",{value:!0}),e);var fr=u((Cd,sr)=>{sr.exports=_jsx_runtime});var c=u((Rd,pr)=>{pr.exports=React});var gr=u(j=>{function Ae(e){return Ae=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ae(e)}Object.defineProperty(j,"__esModule",{value:!0});j.GeneralObserver=void 0;var B=ca(c());function hr(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(hr=function(a){return a?r:t})(e)}function ca(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||Ae(e)!=="object"&&typeof e!="function")return{default:e};var r=hr(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}function mr(e,t){return ma(e)||pa(e,t)||fa(e,t)||sa()}function sa(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function fa(e,t){if(e){if(typeof e=="string")return vr(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return vr(e,t)}}function vr(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r0&&(v(!0),n&&n())},{root:null,rootMargin:"400px",threshold:0});o&&o.current&&g.observe(o.current)},[o]),B.default.createElement("div",{ref:o,"data-testid":"general-observer",className:"mdx-embed"},s?r:B.default.createElement("div",{style:{height:i,width:"100%"}}))};j.GeneralObserver=va});var m=u(We=>{Object.defineProperty(We,"__esModule",{value:!0});Object.defineProperty(We,"GeneralObserver",{enumerable:!0,get:function(){return ha.GeneralObserver}});var ha=gr()});var br=u(D=>{Object.defineProperty(D,"__esModule",{value:!0});D.AirtableBase=void 0;var ze=ba(c()),ga=m();function ba(e){return e&&e.__esModule?e:{default:e}}var ya=function(t){var r=t.airtableBaseId,n=t.layout,a=n===void 0?"":n,i=t.viewControls,o=i===void 0?"on":i;return ze.default.createElement(ga.GeneralObserver,null,ze.default.createElement("div",{style:{position:"relative"}},ze.default.createElement("iframe",{"data-testid":"airtable-base",title:"airtable-".concat(r),src:"https://airtable.com/embed/".concat(r,"?backgroundColor=green&").concat(a?"layout=".concat(a,"&"):"","viewControls=").concat(o),width:"100%",height:"533",style:{background:"transparent",border:"1px solid #ccc"},frameBorder:"0"})))};D.AirtableBase=ya});var yr=u(C=>{Object.defineProperty(C,"__esModule",{value:!0});C.AirtableForm=void 0;var $e=_a(c()),wa=m();function _a(e){return e&&e.__esModule?e:{default:e}}var Oa=function(t){var r=t.airtableFormId;return $e.default.createElement(wa.GeneralObserver,null,$e.default.createElement("div",{style:{position:"relative"}},$e.default.createElement("iframe",{"data-testid":"airtable-form",title:"airtable-".concat(r),src:"https://airtable.com/embed/".concat(r,"?backgroundColor=green"),width:"100%",height:"533",style:{background:"transparent",border:"1px solid #ccc"},frameBorder:"0"})))};C.AirtableForm=Oa});var Ne=u(R=>{Object.defineProperty(R,"__esModule",{value:!0});Object.defineProperty(R,"AirtableBase",{enumerable:!0,get:function(){return Pa.AirtableBase}});Object.defineProperty(R,"AirtableForm",{enumerable:!0,get:function(){return qa.AirtableForm}});var Pa=br(),qa=yr()});var wr=u(F=>{Object.defineProperty(F,"__esModule",{value:!0});F.Buzzsprout=void 0;var Ge=Ta(c()),ka=m();function Ta(e){return e&&e.__esModule?e:{default:e}}var Sa=function(t){var r=t.buzzsproutId,n=t.width,a=n===void 0?"100%":n,i=t.height,o=i===void 0?"200":i,l=/^\d{7}\/\d{7}-[\w|\W]+/;return l.test(r)?Ge.default.createElement(ka.GeneralObserver,null,Ge.default.createElement("div",{style:{position:"relative"}},Ge.default.createElement("iframe",{"data-testid":"buzzsprout",className:"buzzsprout-mdx-embed",title:"buzzsprout-".concat(r),src:"https://www.buzzsprout.com/".concat(r,"?client_source=admin&iframe=true"),width:a,height:o,frameBorder:"0",scrolling:"no"}))):null};F.Buzzsprout=Sa});var Xe=u(Ue=>{Object.defineProperty(Ue,"__esModule",{value:!0});Object.defineProperty(Ue,"Buzzsprout",{enumerable:!0,get:function(){return Ea.Buzzsprout}});var Ea=wr()});var Or=u(A=>{Object.defineProperty(A,"__esModule",{value:!0});A.CodePen=void 0;var _r=La(c()),Ma=m();function La(e){return e&&e.__esModule?e:{default:e}}var Ba=function(t){var r=t.codePenId,n=t.height,a=n===void 0?500:n,i=t.tabs,o=i===void 0?"result":i,l=t.clickToLoad,d=l===void 0?!1:l,s=t.editable,v=s===void 0?!1:s,g=t.theme,y=g===void 0?"default":g;return _r.default.createElement(Ma.GeneralObserver,{height:a},_r.default.createElement("iframe",{"data-testid":"codepen",title:"codepen-".concat(r),className:"codepen-mdx-embed",height:a,style:{width:"100%"},scrolling:"no",src:"https://codepen.io/team/codepen/embed".concat(d?"/preview":"","/").concat(r,"?height=265&theme-id=").concat(y,"&default-tab=").concat(o).concat(v?"&editable=true":""),frameBorder:"no",allowFullScreen:!0}))};A.CodePen=Ba});var Ve=u(He=>{Object.defineProperty(He,"__esModule",{value:!0});Object.defineProperty(He,"CodePen",{enumerable:!0,get:function(){return xa.CodePen}});var xa=Or()});var qr=u(W=>{Object.defineProperty(W,"__esModule",{value:!0});W.CodeSandbox=void 0;var Pr=ja(c()),Ia=m();function ja(e){return e&&e.__esModule?e:{default:e}}var Da=function(t){var r=t.codeSandboxId;return Pr.default.createElement(Ia.GeneralObserver,null,Pr.default.createElement("iframe",{"data-testid":"codesandbox",title:"codeSandbox-".concat(r),className:"codesandbox-mdx-embed",src:"https://codesandbox.io/embed/".concat(r),allow:"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb",sandbox:"allow-modals allow-forms allow-popups allow-scripts allow-same-origin",style:{width:"100%",height:"500px",border:0,borderRadius:"4px",overflow:" hidden"}}))};W.CodeSandbox=Da});var Ke=u(Ye=>{Object.defineProperty(Ye,"__esModule",{value:!0});Object.defineProperty(Ye,"CodeSandbox",{enumerable:!0,get:function(){return Ca.CodeSandbox}});var Ca=qr()});var h=u(b=>{Object.defineProperty(b,"__esModule",{value:!0});b.isEmptyString=b.getPadding=b.createStyleSheet=b.createScriptTag=void 0;var Ra=function(t){var r={"1:1":{paddingTop:"100%"},"16:9":{paddingTop:"56.25%"},"4:3":{paddingTop:"75%"},"3:2":{paddingTop:"66.66%"},"8.5":{paddingTop:"62.5%"}};return r[t]};b.getPadding=Ra;var Fa=function(t,r){var n=document.createElement("script");n.type="text/javascript",t&&(n.src=t),r&&(n.innerText=r),n.onerror=function(a){console.error("MDXEmbedProvider ".concat(a.type),a)},document.getElementsByTagName("head")[0].appendChild(n)};b.createScriptTag=Fa;var Aa=function(t){var r=document.createElement("link");r.type="text/css",r.rel="stylesheet",r.href=t,document.getElementsByTagName("head")[0].appendChild(r)};b.createStyleSheet=Aa;var Wa=function(t){return t==null||t.length===0};b.isEmptyString=Wa});var Tr=u(z=>{Object.defineProperty(z,"__esModule",{value:!0});z.EggheadLesson=void 0;var Ze=Na(c()),za=h(),$a=m();function Na(e){return e&&e.__esModule?e:{default:e}}function kr(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Ga(e){for(var t=1;t{Object.defineProperty(Je,"__esModule",{value:!0});Object.defineProperty(Je,"EggheadLesson",{enumerable:!0,get:function(){return Ha.EggheadLesson}});var Ha=Tr()});var Mr=u(P=>{Object.defineProperty(P,"__esModule",{value:!0});P.handleFlickrLoad=P.flickrClassNames=void 0;var Va=h(),Sr=!1,Er=[".flickr-embed"].join(",");P.flickrClassNames=Er;var Ya="https://embedr.flickr.com/assets/client-code.js",Ka=function(){return document.querySelector(Er)!==null&&!Sr?((0,Va.createScriptTag)(Ya,null),Sr=!0,{status:"createScriptTag"}):{status:"null"}};P.handleFlickrLoad=Ka});var Lr=u($=>{Object.defineProperty($,"__esModule",{value:!0});$.Flickr=void 0;var et=Qa(c()),Za=m(),Ja=Mr();function Qa(e){return e&&e.__esModule?e:{default:e}}var ei=function(t){var r=t.flickrLink;return et.default.createElement(Za.GeneralObserver,{onEnter:function(){return(0,Ja.handleFlickrLoad)()}},et.default.createElement("span",{"data-testid":"flickr",className:"flickr-embed-mdx","data-flickr-embed":"true","data-header":"true","data-footer":"true"},et.default.createElement("img",{src:"https://live.staticflickr.com/".concat(r),width:"100%",height:"auto",alt:r})))};$.Flickr=ei});var rt=u(tt=>{Object.defineProperty(tt,"__esModule",{value:!0});Object.defineProperty(tt,"Flickr",{enumerable:!0,get:function(){return ti.Flickr}});var ti=Lr()});var xr=u(N=>{Object.defineProperty(N,"__esModule",{value:!0});N.Figma=void 0;var Br=ni(c()),ri=m();function ni(e){return e&&e.__esModule?e:{default:e}}var ai=function(t){var r=t.title,n=t.height,a=n===void 0?450:n,i=t.url,o=/(file|proto)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/;return o.test(i)?Br.default.createElement(ri.GeneralObserver,{height:a},Br.default.createElement("iframe",{"data-testid":"figma",title:"figma-".concat(r),className:"figma-mdx-embed",height:a,style:{width:"100%"},scrolling:"no",src:"https://www.figma.com/embed?embed_host=mdx-embed&url=https://www.figma.com/".concat(i),frameBorder:"no",allowFullScreen:!0})):null};N.Figma=ai});var at=u(nt=>{Object.defineProperty(nt,"__esModule",{value:!0});Object.defineProperty(nt,"Figma",{enumerable:!0,get:function(){return ii.Figma}});var ii=xr()});var Cr=u(U=>{function it(e){return it=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},it(e)}Object.defineProperty(U,"__esModule",{value:!0});U.Gist=void 0;var G=ui(c()),Ir=h(),oi=m();function Dr(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Dr=function(a){return a?r:t})(e)}function ui(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||it(e)!=="object"&&typeof e!="function")return{default:e};var r=Dr(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}function li(e,t){return fi(e)||si(e,t)||ci(e,t)||di()}function di(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ci(e,t){if(e){if(typeof e=="string")return jr(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return jr(e,t)}}function jr(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r{Object.defineProperty(ot,"__esModule",{value:!0});Object.defineProperty(ot,"Gist",{enumerable:!0,get:function(){return mi.Gist}});var mi=Cr()});var Rr=u(H=>{Object.defineProperty(H,"__esModule",{value:!0});H.handleInstagrmLoad=void 0;var vi=h();function X(e){return X=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},X(e)}var hi="https://www.instagram.com/embed.js",gi=function(){X(window.instgrm)!=="undefined"&&window.instgrm.Embeds&&X(window.instgrm.Embeds.process)==="function"&&window.instgrm.Embeds.process()},bi=function(){return window.instgrm?(gi(),{status:"instgrmProcess"}):((0,vi.createScriptTag)(hi,null),{status:"createScriptTag"})};H.handleInstagrmLoad=bi});var Fr=u(V=>{Object.defineProperty(V,"__esModule",{value:!0});V.Instagram=void 0;var lt=_i(c()),yi=m(),wi=Rr();function _i(e){return e&&e.__esModule?e:{default:e}}var Oi=function(t){var r=t.instagramId;return lt.default.createElement(yi.GeneralObserver,{onEnter:function(){return(0,wi.handleInstagrmLoad)()}},lt.default.createElement("blockquote",{"data-testid":"instagram",className:"instagram-media instagram-mdx-embed","data-instgrm-version":"12"},lt.default.createElement("a",{href:"https://instagram.com/p/".concat(r)},typeof window<"u"&&!window.instgrm?"Loading":"")))};V.Instagram=Oi});var ct=u(dt=>{Object.defineProperty(dt,"__esModule",{value:!0});Object.defineProperty(dt,"Instagram",{enumerable:!0,get:function(){return Pi.Instagram}});var Pi=Fr()});var Wr=u(Y=>{Object.defineProperty(Y,"__esModule",{value:!0});Y.Lbry=void 0;var st=Ti(c()),qi=h(),ki=m();function Ti(e){return e&&e.__esModule?e:{default:e}}function Ar(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Si(e){for(var t=1;t{Object.defineProperty(ft,"__esModule",{value:!0});Object.defineProperty(ft,"Lbry",{enumerable:!0,get:function(){return Li.Lbry}});var Li=Wr()});var Nr=u(q=>{Object.defineProperty(q,"__esModule",{value:!0});q.linkedInClassNames=q.handleLinkedInLoad=void 0;var Bi=h();function K(e){return K=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},K(e)}var zr=!1,$r=[".LI-profile-badge",".LI-simple-link"].join(",");q.linkedInClassNames=$r;var xi="https://platform.linkedin.com/badges/js/profile.js",Ii=function(){K(window.LI)!=="undefined"&&K(window.LIRenderAll)==="function"&&window.LIRenderAll()},ji=function(){return document.querySelector($r)!==null&&!zr?((0,Bi.createScriptTag)(xi,null),zr=!0,{status:"createScriptTag"}):(Ii(),{status:"null"})};q.handleLinkedInLoad=ji});var Gr=u(Z=>{Object.defineProperty(Z,"__esModule",{value:!0});Z.LinkedInBadge=void 0;var mt=Ri(c()),Di=m(),Ci=Nr();function Ri(e){return e&&e.__esModule?e:{default:e}}var Fi=function(t){var r=t.username,n=t.badgeType,a=n===void 0?"vertical":n,i=t.badgeSize,o=i===void 0?"medium":i,l=t.theme,d=l===void 0?"light":l,s=t.locale,v=s===void 0?"en_US":s;return mt.default.createElement(Di.GeneralObserver,{onEnter:function(){return(0,Ci.handleLinkedInLoad)()}},mt.default.createElement("div",{"data-testid":"linkedin-badge",className:"LI-profile-badge linkedin-badge-embed-mdx","data-version":"v1","data-size":o,"data-locale":v,"data-type":a,"data-theme":d,"data-vanity":r},mt.default.createElement("a",{className:"LI-simple-link",href:"https://uk.linkedin.com/in/".concat(r,"?trk=profile-badge")},"Loading")))};Z.LinkedInBadge=Fi});var ht=u(vt=>{Object.defineProperty(vt,"__esModule",{value:!0});Object.defineProperty(vt,"LinkedInBadge",{enumerable:!0,get:function(){return Ai.LinkedInBadge}});var Ai=Gr()});var Q=u(k=>{Object.defineProperty(k,"__esModule",{value:!0});k.pinterestClassNames=k.handlePinterestBuild=void 0;var Wi=h();function J(e){return J=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},J(e)}var Ur=!1,Xr=[".pinterest-pin",".pinterest-board",".pinterest-follow-button"].join(",");k.pinterestClassNames=Xr;var zi='!function(a,b,c){var d,e,f;d="PIN_"+~~((new Date).getTime()/864e5),a[d]?a[d]+=1:(a[d]=1,a.setTimeout(function(){e=b.getElementsByTagName("SCRIPT")[0],f=b.createElement("SCRIPT"),f.type="text/javascript",f.async=!0,f.src=c.mainUrl+"?"+Math.random(),e.parentNode.insertBefore(f,e)},10))}(window,document,{mainUrl:"//assets.pinterest.com/js/pinit_main.js"});',$i=function(){J(window.PinUtils)!=="undefined"&&window.PinUtils&&J(window.PinUtils.build)==="function"&&window.PinUtils.build()},Ni=function(){return document.querySelector(Xr)!==null&&!Ur?((0,Wi.createScriptTag)(null,zi),Ur=!0,{status:"createScriptTag"}):($i(),{status:"pinterestBuild"})};k.handlePinterestBuild=Ni});var Vr=u(ee=>{Object.defineProperty(ee,"__esModule",{value:!0});ee.Pin=void 0;var Hr=Xi(c()),Gi=m(),Ui=Q();function Xi(e){return e&&e.__esModule?e:{default:e}}var Hi=function(t){var r=t.pinId,n=t.size,a=n===void 0?"small":n;return Hr.default.createElement(Gi.GeneralObserver,{onEnter:function(){return(0,Ui.handlePinterestBuild)()}},Hr.default.createElement("a",{className:"pinterest-pin pinterest-pin-mdx-embed","data-testid":"pin","data-pin-do":"embedPin","data-pin-width":a,href:"https://www.pinterest.com/pin/".concat(r)}))};ee.Pin=Hi});var Kr=u(te=>{Object.defineProperty(te,"__esModule",{value:!0});te.PinterestBoard=void 0;var Yr=Ki(c()),Vi=m(),Yi=Q();function Ki(e){return e&&e.__esModule?e:{default:e}}var Zi=function(t){var r=t.pinterestLink,n=t.width,a=n===void 0?400:n,i=t.height,o=i===void 0?250:i,l=t.imageWidth,d=l===void 0?80:l,s=t.variant,v=s===void 0?"board":s;return Yr.default.createElement(Vi.GeneralObserver,{onEnter:function(){return(0,Yi.handlePinterestBuild)()}},Yr.default.createElement("a",{className:"pinterest-board pinterest-board-mdx-embed","data-testid":"pinterest-board","data-pin-do":"embed".concat(v.charAt(0).toUpperCase()).concat(v.slice(1)),"data-pin-board-width":a,"data-pin-scale-height":o,"data-pin-scale-width":d,href:"https://www.pinterest.com/".concat(r)}))};te.PinterestBoard=Zi});var Jr=u(re=>{Object.defineProperty(re,"__esModule",{value:!0});re.PinterestFollowButton=void 0;var Zr=eo(c()),Ji=m(),Qi=Q();function eo(e){return e&&e.__esModule?e:{default:e}}var to=function(t){var r=t.username;return Zr.default.createElement(Ji.GeneralObserver,{onEnter:function(){return(0,Qi.handlePinterestBuild)()}},Zr.default.createElement("a",{className:"pinterest-follow-button pinterest-follow-button-mdx-embed","data-testid":"pinterest-follow-button","data-pin-do":"buttonFollow",href:"https://www.pinterest.com/".concat(r,"/")},"Follow @".concat(r)))};re.PinterestFollowButton=to});var gt=u(x=>{Object.defineProperty(x,"__esModule",{value:!0});Object.defineProperty(x,"Pin",{enumerable:!0,get:function(){return ro.Pin}});Object.defineProperty(x,"PinterestBoard",{enumerable:!0,get:function(){return no.PinterestBoard}});Object.defineProperty(x,"PinterestFollowButton",{enumerable:!0,get:function(){return ao.PinterestFollowButton}});var ro=Vr(),no=Kr(),ao=Jr()});var en=u(ne=>{Object.defineProperty(ne,"__esModule",{value:!0});ne.Replit=void 0;var Qr=oo(c()),io=m();function oo(e){return e&&e.__esModule?e:{default:e}}var uo=function(t){var r=t.repl,n=t.height,a=n===void 0?500:n,i=t.mode,o=i===void 0?"embed":i,l=r.startsWith("http")?r:"https://repl.it/".concat(r),d=o==="embed"?"?embed=true":"?lite=true";return Qr.default.createElement(io.GeneralObserver,{height:a},Qr.default.createElement("iframe",{"data-testid":"replit-"+o,frameBorder:"0",width:"100%",height:a,src:l+d}))};ne.Replit=uo});var yt=u(bt=>{Object.defineProperty(bt,"__esModule",{value:!0});Object.defineProperty(bt,"Replit",{enumerable:!0,get:function(){return lo.Replit}});var lo=en()});var tn=u(ae=>{Object.defineProperty(ae,"__esModule",{value:!0});ae.SimplecastEpisode=void 0;var wt=so(c()),co=m();function so(e){return e&&e.__esModule?e:{default:e}}var fo=function(t){var r=t.episodeId,n=t.theme,a=n===void 0?"light":n;return wt.default.createElement(co.GeneralObserver,null,wt.default.createElement("div",{className:"simplecast-episode-mdx-embed",style:{position:"relative",height:"200px",width:"100%"}},wt.default.createElement("iframe",{"data-testid":"simplecast-episode",title:"simplecast-".concat(r),src:"https://player.simplecast.com/".concat(r).concat(a==="dark"?"?dark=true":""),frameBorder:"no",scrolling:"no",seamless:!0,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"}})))};ae.SimplecastEpisode=fo});var Ot=u(_t=>{Object.defineProperty(_t,"__esModule",{value:!0});Object.defineProperty(_t,"SimplecastEpisode",{enumerable:!0,get:function(){return po.SimplecastEpisode}});var po=tn()});var nn=u(ie=>{Object.defineProperty(ie,"__esModule",{value:!0});ie.SoundCloud=void 0;var rn=vo(c()),mo=m();function vo(e){return e&&e.__esModule?e:{default:e}}var ho=function(t){var r=t.soundCloudLink,n=t.width,a=n===void 0?"100%":n,i=t.height,o=i===void 0?"auto":i,l=t.autoPlay,d=l===void 0?!1:l,s=t.visual,v=s===void 0?!1:s,g=t.color;return rn.default.createElement(mo.GeneralObserver,null,rn.default.createElement("iframe",{"data-testid":"soundcloud",title:"sound-cloud-".concat(r),className:"soundcloud-mdx-embed",width:a,height:o,scrolling:"no",frameBorder:"no",allow:"autoplay",src:"https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/".concat(r,"&color=%23").concat(g,"&auto_play=").concat(d,"&visual=").concat(v)}))};ie.SoundCloud=ho});var qt=u(Pt=>{Object.defineProperty(Pt,"__esModule",{value:!0});Object.defineProperty(Pt,"SoundCloud",{enumerable:!0,get:function(){return go.SoundCloud}});var go=nn()});var on=u(oe=>{Object.defineProperty(oe,"__esModule",{value:!0});oe.Spotify=void 0;var an=yo(c()),bo=m();function yo(e){return e&&e.__esModule?e:{default:e}}var wo=function(t){var r=t.spotifyLink,n=t.width,a=n===void 0?320:n,i=t.height,o=i===void 0?380:i;return an.default.createElement(bo.GeneralObserver,null,an.default.createElement("iframe",{"data-testid":"spotify",title:"spotify-".concat(r),className:"spotify-mdx-embed",src:"https://open.spotify.com/embed/".concat(r),width:a,height:o,frameBorder:"0",allow:"encrypted-media"}))};oe.Spotify=wo});var Tt=u(kt=>{Object.defineProperty(kt,"__esModule",{value:!0});Object.defineProperty(kt,"Spotify",{enumerable:!0,get:function(){return _o.Spotify}});var _o=on()});var un=u(ue=>{Object.defineProperty(ue,"__esModule",{value:!0});ue.Strava=void 0;var St=Po(c()),Oo=m();function Po(e){return e&&e.__esModule?e:{default:e}}var qo=function(t){var r=t.activityId;return St.default.createElement(Oo.GeneralObserver,null,St.default.createElement("div",{"data-testid":"strava",className:"strava-mdx-embed",style:{position:"relative",height:"350px",maxWidth:"568px",width:"100%",overflow:"auto"}},St.default.createElement("iframe",{title:"strava-".concat(r),className:"strava-mdx-embed",height:"100%",width:"100%",style:{minWidth:"380px"},frameBorder:"0",scrolling:"no",src:"https://www.strava.com/activities/".concat(r)})))};ue.Strava=qo});var Mt=u(Et=>{Object.defineProperty(Et,"__esModule",{value:!0});Object.defineProperty(Et,"Strava",{enumerable:!0,get:function(){return ko.Strava}});var ko=un()});var dn=u(le=>{Object.defineProperty(le,"__esModule",{value:!0});le.Snack=void 0;var ln=Eo(c()),To=h(),So=m();function Eo(e){return e&&e.__esModule?e:{default:e}}var Mo="https://snack.expo.io/embed.js",Lo=function(t){var r=t.snackId,n=t.platform,a=n===void 0?"web":n,i=t.theme,o=i===void 0?"light":i,l=function(){(0,To.createScriptTag)(Mo,null)};return ln.default.createElement(So.GeneralObserver,{onEnter:l},ln.default.createElement("div",{className:"snack-mdx-embed","data-testid":"snack","data-snack-id":r,"data-snack-platform":a,"data-snack-preview":"true","data-snack-theme":o,style:{overflow:"hidden",background:"#F9F9F9",border:"1px solid var(--color-border)",borderRadius:"4px",height:"505px",width:"100%"}}))};le.Snack=Lo});var Bt=u(Lt=>{Object.defineProperty(Lt,"__esModule",{value:!0});Object.defineProperty(Lt,"Snack",{enumerable:!0,get:function(){return Bo.Snack}});var Bo=dn()});var sn=u(T=>{Object.defineProperty(T,"__esModule",{value:!0});T.tikTokClassNames=T.handleTikTokLoad=void 0;var xo=h(),cn=!1,Io=".tiktok-embed";T.tikTokClassNames=Io;var jo="https://www.tiktok.com/embed.js",Do=function(){return cn?{status:"null"}:((0,xo.createScriptTag)(jo,null),cn=!0,{status:"createScriptTag"})};T.handleTikTokLoad=Do});var fn=u(ce=>{Object.defineProperty(ce,"__esModule",{value:!0});ce.TikTok=void 0;var de=Fo(c()),Co=m(),Ro=sn();function Fo(e){return e&&e.__esModule?e:{default:e}}var Ao=function(t){var r=t.tikTokId;return r?de.default.createElement(Co.GeneralObserver,{onEnter:function(){return(0,Ro.handleTikTokLoad)()}},de.default.createElement("blockquote",{"data-testid":"tiktok",className:"tiktok-embed",cite:"https://www.tiktok.com/".concat(r),"data-video-id":r.split("/").pop()},de.default.createElement("section",null,de.default.createElement("a",{href:"https://tiktok.com/".concat(r)},typeof window<"u"&&!window.tiktok?"Loading":"")))):null};ce.TikTok=Ao});var It=u(xt=>{Object.defineProperty(xt,"__esModule",{value:!0});Object.defineProperty(xt,"TikTok",{enumerable:!0,get:function(){return Wo.TikTok}});var Wo=fn()});var mn=u(jt=>{Object.defineProperty(jt,"__esModule",{value:!0});jt.constructTwitchURL=zo;var pn=h();function zo(e,t,r,n){var a=[n];return e!==void 0?a.push("&video=v".concat(e)):(0,pn.isEmptyString)(t)?(0,pn.isEmptyString)(r)||a.push("&collection=".concat(r)):a.push("&channel=".concat(t)),a.join("")}});var hn=u(se=>{Object.defineProperty(se,"__esModule",{value:!0});se.Twitch=void 0;var Dt=Uo(c()),$o=h(),No=m(),Go=mn();function Uo(e){return e&&e.__esModule?e:{default:e}}function vn(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Xo(e){for(var t=1;t{Object.defineProperty(Ct,"__esModule",{value:!0});Object.defineProperty(Ct,"Twitch",{enumerable:!0,get:function(){return Yo.Twitch}});var Yo=hn()});var O=u(pe=>{Object.defineProperty(pe,"__esModule",{value:!0});pe.handleTwttrLoad=void 0;var Ko=h();function fe(e){return fe=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},fe(e)}var Zo=` !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs") `,Jo=function(){fe(window.twttr)!=="undefined"&&window.twttr.widgets&&fe(window.twttr.widgets.load)==="function"&&window.twttr.widgets.load(document.getElementsByClassName("mdx-embed"))},Qo=function(){return window.twttr?(Jo(),{status:"twttrLoad"}):((0,Ko.createScriptTag)(null,Zo),{status:"createScriptTag"})};pe.handleTwttrLoad=Qo});var gn=u(ve=>{Object.defineProperty(ve,"__esModule",{value:!0});ve.Tweet=void 0;var me=ru(c()),eu=m(),tu=O();function ru(e){return e&&e.__esModule?e:{default:e}}var nu=function(t){var r=t.tweetLink,n=t.theme,a=n===void 0?"light":n,i=t.align,o=i===void 0?"left":i,l=t.hideConversation,d=l===void 0?!1:l;return me.default.createElement(eu.GeneralObserver,{onEnter:function(){return(0,tu.handleTwttrLoad)()}},me.default.createElement("div",{"data-testid":"twitter-tweet",className:"twitter-tweet-mdx-embed",style:{overflow:"auto"}},me.default.createElement("blockquote",{className:"twitter-tweet","data-theme":a,"data-align":o,"data-conversation":d?"none":""},me.default.createElement("a",{href:"https://twitter.com/".concat(r,"?ref_src=twsrc%5Etfw")},typeof window<"u"&&!window.twttr?"Loading":""))))};ve.Tweet=nu});var yn=u(he=>{Object.defineProperty(he,"__esModule",{value:!0});he.TwitterFollowButton=void 0;var bn=ou(c()),au=m(),iu=O();function ou(e){return e&&e.__esModule?e:{default:e}}var uu=function(t){var r=t.username,n=t.showFollowers,a=n===void 0?!1:n,i=t.showUsername,o=i===void 0?!0:i,l=t.size,d=l===void 0?"small":l;return bn.default.createElement(au.GeneralObserver,{onEnter:function(){return(0,iu.handleTwttrLoad)()}},bn.default.createElement("a",{"data-testid":"twitter-follow-button",href:"https://twitter.com/".concat(r,"?ref_src=twsrc%5Etfw"),className:"twitter-follow-button twitter-follow-button-mdx-embed","data-show-count":a,"data-show-screen-name":o,"data-size":d},"Follow @".concat(r)))};he.TwitterFollowButton=uu});var _n=u(ge=>{Object.defineProperty(ge,"__esModule",{value:!0});ge.TwitterHashtagButton=void 0;var wn=cu(c()),lu=m(),du=O();function cu(e){return e&&e.__esModule?e:{default:e}}var su=function(t){var r=t.hashtag,n=t.size,a=n===void 0?"small":n;return wn.default.createElement(lu.GeneralObserver,{onEnter:function(){return(0,du.handleTwttrLoad)()}},wn.default.createElement("a",{"data-testid":"twitter-hashtag-button",href:"https://twitter.com/intent/tweet?button_hashtag=".concat(r,"&ref_src=twsrc%5Etfw"),className:"twitter-hashtag-button twitter-hashtag-button-mdx-embed","data-size":a},"Tweet #".concat(r)))};ge.TwitterHashtagButton=su});var On=u(be=>{Object.defineProperty(be,"__esModule",{value:!0});be.TwitterList=void 0;var Ft=mu(c()),fu=m(),pu=O();function mu(e){return e&&e.__esModule?e:{default:e}}var vu=function(t){var r=t.username,n=t.theme,a=n===void 0?"light":n,i=t.listName,o=t.width,l=o===void 0?"498px":o,d=t.height,s=d===void 0?null:d;return Ft.default.createElement(fu.GeneralObserver,{onEnter:function(){return(0,pu.handleTwttrLoad)()}},Ft.default.createElement("div",{style:{overflow:"auto"}},Ft.default.createElement("a",{"data-testid":"twitter-list",className:"twitter-timeline twitter-timeline-mdx-embed","data-theme":a,"data-width":l,"data-height":s,href:"https://twitter.com/".concat(r,"/lists/").concat(i,"?ref_src=twsrc%5Etfw")},"A Twitter List by @".concat(r))))};be.TwitterList=vu});var qn=u(ye=>{Object.defineProperty(ye,"__esModule",{value:!0});ye.TwitterMentionButton=void 0;var Pn=bu(c()),hu=m(),gu=O();function bu(e){return e&&e.__esModule?e:{default:e}}var yu=function(t){var r=t.username,n=t.size,a=n===void 0?"small":n;return Pn.default.createElement(hu.GeneralObserver,{onEnter:function(){return(0,gu.handleTwttrLoad)()}},Pn.default.createElement("a",{"data-testid":"twitter-mention-button",href:"https://twitter.com/intent/tweet?screen_name=".concat(r,"&ref_src=twsrc%5Etfw"),className:"twitter-mention-button twitter-mention-button-mdx-embed","data-size":a},"Tweet to @".concat(r)))};ye.TwitterMentionButton=yu});var kn=u(we=>{Object.defineProperty(we,"__esModule",{value:!0});we.TwitterTimeline=void 0;var At=Ou(c()),wu=m(),_u=O();function Ou(e){return e&&e.__esModule?e:{default:e}}var Pu=function(t){var r=t.username,n=t.theme,a=n===void 0?"light":n,i=t.showLikes,o=i===void 0?null:i,l=t.width,d=l===void 0?"498px":l,s=t.height,v=s===void 0?null:s;return At.default.createElement(wu.GeneralObserver,{onEnter:function(){return(0,_u.handleTwttrLoad)()}},At.default.createElement("div",{style:{overflow:"auto"}},At.default.createElement("a",{"data-testid":"twitter-timeline",className:"twitter-timeline twitter-timeline-mdx-embed","data-theme":a,"data-width":d,"data-height":v,href:"https://twitter.com/".concat(r).concat(o?"/likes":"","?ref_src=twsrc%5Etfw")},"Tweets by @".concat(r))))};we.TwitterTimeline=Pu});var Wt=u(_=>{Object.defineProperty(_,"__esModule",{value:!0});Object.defineProperty(_,"Tweet",{enumerable:!0,get:function(){return qu.Tweet}});Object.defineProperty(_,"TwitterFollowButton",{enumerable:!0,get:function(){return ku.TwitterFollowButton}});Object.defineProperty(_,"TwitterHashtagButton",{enumerable:!0,get:function(){return Tu.TwitterHashtagButton}});Object.defineProperty(_,"TwitterList",{enumerable:!0,get:function(){return Su.TwitterList}});Object.defineProperty(_,"TwitterMentionButton",{enumerable:!0,get:function(){return Eu.TwitterMentionButton}});Object.defineProperty(_,"TwitterTimeline",{enumerable:!0,get:function(){return Mu.TwitterTimeline}});var qu=gn(),ku=yn(),Tu=_n(),Su=On(),Eu=qn(),Mu=kn()});var Sn=u(_e=>{Object.defineProperty(_e,"__esModule",{value:!0});_e.Vimeo=void 0;var zt=xu(c()),Lu=h(),Bu=m();function xu(e){return e&&e.__esModule?e:{default:e}}function Tn(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Iu(e){for(var t=1;t{Object.defineProperty($t,"__esModule",{value:!0});Object.defineProperty($t,"Vimeo",{enumerable:!0,get:function(){return Cu.Vimeo}});var Cu=Sn()});var Ln=u(Oe=>{Object.defineProperty(Oe,"__esModule",{value:!0});Oe.Whimsical=void 0;var Gt=Fu(c()),Ru=m();function Fu(e){return e&&e.__esModule?e:{default:e}}function En(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Au(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=new Array(t);r{Object.defineProperty(Ut,"__esModule",{value:!0});Object.defineProperty(Ut,"Whimsical",{enumerable:!0,get:function(){return Vu.Whimsical}});var Vu=Ln()});var In=u(qe=>{function Ht(e){return Ht=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Ht(e)}Object.defineProperty(qe,"__esModule",{value:!0});qe.Wikipedia=void 0;var Pe=Ku(c()),Yu=m();function xn(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(xn=function(a){return a?r:t})(e)}function Ku(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||Ht(e)!=="object"&&typeof e!="function")return{default:e};var r=xn(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}function Zu(e,t){return tl(e)||el(e,t)||Qu(e,t)||Ju()}function Ju(){throw new TypeError(`Invalid attempt to destructure non-iterable instance. In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Qu(e,t){if(e){if(typeof e=="string")return Bn(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return Bn(e,t)}}function Bn(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r{Object.defineProperty(Vt,"__esModule",{value:!0});Object.defineProperty(Vt,"Wikipedia",{enumerable:!0,get:function(){return nl.Wikipedia}});var nl=In()});var Dn=u(ke=>{Object.defineProperty(ke,"__esModule",{value:!0});ke.handleWistiaLoad=void 0;var al=h(),jn=!1,il="https://fast.wistia.net/assets/external/E-v1.js",ol=function(){jn||((0,al.createScriptTag)(il,null),jn=!0)};ke.handleWistiaLoad=ol});var Fn=u(Se=>{function Kt(e){return Kt=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Kt(e)}Object.defineProperty(Se,"__esModule",{value:!0});Se.Wistia=void 0;var Te=cl(c()),ul=h(),ll=m(),dl=Dn();function Rn(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Rn=function(a){return a?r:t})(e)}function cl(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||Kt(e)!=="object"&&typeof e!="function")return{default:e};var r=Rn(t);if(r&&r.has(e))return r.get(e);var n={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if(i!=="default"&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,r&&r.set(e,n),n}function Cn(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function sl(e){for(var t=1;t0?"?"+w.join("&"):""),"data-testid":"wistia",allow:"autoplay; ".concat(a?"fullscreen":""),frameBorder:"0",scrolling:"no",className:"wistia-mdx-embed-iframe",allowFullScreen:a,style:{position:"absolute",top:0,left:0,width:d,height:v}})))};Se.Wistia=pl});var Jt=u(Zt=>{Object.defineProperty(Zt,"__esModule",{value:!0});Object.defineProperty(Zt,"Wistia",{enumerable:!0,get:function(){return ml.Wistia}});var ml=Fn()});var Wn=u(Ee=>{Object.defineProperty(Ee,"__esModule",{value:!0});Ee.YouTube=void 0;var Qt=gl(c()),vl=h(),hl=m();function gl(e){return e&&e.__esModule?e:{default:e}}function An(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function bl(e){for(var t=1;t{Object.defineProperty(er,"__esModule",{value:!0});Object.defineProperty(er,"YouTube",{enumerable:!0,get:function(){return _l.YouTube}});var _l=Wn()});function zn(e){return t;function t(r){let n=Le(r.components);return S.default.createElement(e,{...r,allComponents:n})}}function Le(e){let t=S.default.useContext(Me);return S.default.useMemo(()=>typeof e=="function"?e(t):{...t,...e},[t,e])}function $n({components:e,children:t,disableParentContext:r}){let n;return r?n=typeof e=="function"?e({}):e||Ol:n=Le(e),S.default.createElement(Me.Provider,{value:n},t)}var S,Me,Ol,Nn=ur(()=>{S=Fe(c(),1),Me=S.default.createContext({});Ol={}});var Gn={};lr(Gn,{MDXContext:()=>Me,MDXProvider:()=>$n,useMDXComponents:()=>Le,withMDXComponents:()=>zn});var Un=ur(()=>{Nn()});var Hn=u(Be=>{Object.defineProperty(Be,"__esModule",{value:!0});Be.Cinnamon=void 0;var rr=kl(c()),Pl=h(),ql=m();function kl(e){return e&&e.__esModule?e:{default:e}}function Xn(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,n)}return r}function Tl(e){for(var t=1;t{Object.defineProperty(nr,"__esModule",{value:!0});Object.defineProperty(nr,"Cinnamon",{enumerable:!0,get:function(){return Ml.Cinnamon}});var Ml=Hn()});var Kn=u(xe=>{Object.defineProperty(xe,"__esModule",{value:!0});xe.components=void 0;var Yn=Ne(),Ll=Xe(),Bl=Vn(),xl=Ve(),Il=Ke(),jl=Qe(),Dl=at(),Cl=rt(),Rl=ut(),Fl=ct(),Al=pt(),Wl=ht(),ar=gt(),zl=yt(),$l=Ot(),Nl=qt(),Gl=Tt(),Ul=Mt(),Xl=Bt(),Hl=It(),Vl=Rt(),E=Wt(),Yl=Nt(),Kl=Xt(),Zl=Yt(),Jl=Jt(),Ql=tr(),ed={AirtableBase:Yn.AirtableBase,AirtableForm:Yn.AirtableForm,Buzzsprout:Ll.Buzzsprout,Cinnamon:Bl.Cinnamon,CodePen:xl.CodePen,CodeSandbox:Il.CodeSandbox,EggheadLesson:jl.EggheadLesson,Figma:Dl.Figma,Flickr:Cl.Flickr,Gist:Rl.Gist,Instagram:Fl.Instagram,Lbry:Al.Lbry,LinkedInBadge:Wl.LinkedInBadge,Pin:ar.Pin,PinterestBoard:ar.PinterestBoard,PinterestFollowButton:ar.PinterestFollowButton,Replit:zl.Replit,SimplecastEpisode:$l.SimplecastEpisode,SoundCloud:Nl.SoundCloud,Spotify:Gl.Spotify,Strava:Ul.Strava,Snack:Xl.Snack,TikTok:Hl.TikTok,Twitch:Vl.Twitch,Tweet:E.Tweet,TwitterFollowButton:E.TwitterFollowButton,TwitterHashtagButton:E.TwitterHashtagButton,TwitterList:E.TwitterList,TwitterMentionButton:E.TwitterMentionButton,TwitterTimeline:E.TwitterTimeline,Vimeo:Yl.Vimeo,Whimsical:Kl.Whimsical,Wikipedia:Zl.Wikipedia,Wistia:Jl.Wistia,YouTube:Ql.YouTube};xe.components=ed});var Zn=u(Ie=>{Object.defineProperty(Ie,"__esModule",{value:!0});Ie.MDXEmbedProvider=void 0;var td=ad(c()),rd=(Un(),cr(Gn)),nd=Kn();function ad(e){return e&&e.__esModule?e:{default:e}}var id=function(t){var r=t.children;return td.default.createElement(rd.MDXProvider,{components:nd.components},r)};Ie.MDXEmbedProvider=id});var Jn=u(ir=>{Object.defineProperty(ir,"__esModule",{value:!0});Object.defineProperty(ir,"MDXEmbedProvider",{enumerable:!0,get:function(){return od.MDXEmbedProvider}});var od=Zn()});var ea=u(f=>{Object.defineProperty(f,"__esModule",{value:!0});Object.defineProperty(f,"AirtableBase",{enumerable:!0,get:function(){return Qn.AirtableBase}});Object.defineProperty(f,"AirtableForm",{enumerable:!0,get:function(){return Qn.AirtableForm}});Object.defineProperty(f,"Buzzsprout",{enumerable:!0,get:function(){return ud.Buzzsprout}});Object.defineProperty(f,"CodePen",{enumerable:!0,get:function(){return ld.CodePen}});Object.defineProperty(f,"CodeSandbox",{enumerable:!0,get:function(){return dd.CodeSandbox}});Object.defineProperty(f,"EggheadLesson",{enumerable:!0,get:function(){return cd.EggheadLesson}});Object.defineProperty(f,"Figma",{enumerable:!0,get:function(){return fd.Figma}});Object.defineProperty(f,"Flickr",{enumerable:!0,get:function(){return sd.Flickr}});Object.defineProperty(f,"Gist",{enumerable:!0,get:function(){return pd.Gist}});Object.defineProperty(f,"Instagram",{enumerable:!0,get:function(){return md.Instagram}});Object.defineProperty(f,"Lbry",{enumerable:!0,get:function(){return vd.Lbry}});Object.defineProperty(f,"LinkedInBadge",{enumerable:!0,get:function(){return hd.LinkedInBadge}});Object.defineProperty(f,"MDXEmbedProvider",{enumerable:!0,get:function(){return Ld.MDXEmbedProvider}});Object.defineProperty(f,"Pin",{enumerable:!0,get:function(){return or.Pin}});Object.defineProperty(f,"PinterestBoard",{enumerable:!0,get:function(){return or.PinterestBoard}});Object.defineProperty(f,"PinterestFollowButton",{enumerable:!0,get:function(){return or.PinterestFollowButton}});Object.defineProperty(f,"Replit",{enumerable:!0,get:function(){return gd.Replit}});Object.defineProperty(f,"SimplecastEpisode",{enumerable:!0,get:function(){return bd.SimplecastEpisode}});Object.defineProperty(f,"Snack",{enumerable:!0,get:function(){return Od.Snack}});Object.defineProperty(f,"SoundCloud",{enumerable:!0,get:function(){return yd.SoundCloud}});Object.defineProperty(f,"Spotify",{enumerable:!0,get:function(){return wd.Spotify}});Object.defineProperty(f,"Strava",{enumerable:!0,get:function(){return _d.Strava}});Object.defineProperty(f,"TikTok",{enumerable:!0,get:function(){return Pd.TikTok}});Object.defineProperty(f,"Tweet",{enumerable:!0,get:function(){return M.Tweet}});Object.defineProperty(f,"Twitch",{enumerable:!0,get:function(){return qd.Twitch}});Object.defineProperty(f,"TwitterFollowButton",{enumerable:!0,get:function(){return M.TwitterFollowButton}});Object.defineProperty(f,"TwitterHashtagButton",{enumerable:!0,get:function(){return M.TwitterHashtagButton}});Object.defineProperty(f,"TwitterList",{enumerable:!0,get:function(){return M.TwitterList}});Object.defineProperty(f,"TwitterMentionButton",{enumerable:!0,get:function(){return M.TwitterMentionButton}});Object.defineProperty(f,"TwitterTimeline",{enumerable:!0,get:function(){return M.TwitterTimeline}});Object.defineProperty(f,"Vimeo",{enumerable:!0,get:function(){return kd.Vimeo}});Object.defineProperty(f,"Whimsical",{enumerable:!0,get:function(){return Td.Whimsical}});Object.defineProperty(f,"Wikipedia",{enumerable:!0,get:function(){return Sd.Wikipedia}});Object.defineProperty(f,"Wistia",{enumerable:!0,get:function(){return Ed.Wistia}});Object.defineProperty(f,"YouTube",{enumerable:!0,get:function(){return Md.YouTube}});var Qn=Ne(),ud=Xe(),ld=Ve(),dd=Ke(),cd=Qe(),sd=rt(),fd=at(),pd=ut(),md=ct(),vd=pt(),hd=ht(),or=gt(),gd=yt(),bd=Ot(),yd=qt(),wd=Tt(),_d=Mt(),Od=Bt(),Pd=It(),qd=Rt(),M=Wt(),kd=Nt(),Td=Xt(),Sd=Yt(),Ed=Jt(),Md=tr(),Ld=Jn()});var jd={};lr(jd,{default:()=>Id,frontmatter:()=>Bd});var p=Fe(fr()),je=Fe(ea()),Bd={title:"Chart Parts: Anatomy of a chart",description:"Introduction to data visualization charts and the parts that make them up.",date:new Date(1675322850128),draft:!0,tags:["Data Visualization","charts","data","frontend","ui"],category:"dev",lastmod:new Date(1676706091883),excerpt:"When building charts and chart libraries it's nice to know how all the pieces work together. We take a quick look at how all the parts work together.",series:"Chart Parts",cover:"https://res.cloudinary.com/joelmturner/image/upload/v1675837886/Posts/anatomy_of_a_chart",slug:"chart-parts-anatomy-of-a-chart"};function ta(e){let t=Object.assign({h2:"h2",p:"p",h3:"h3",a:"a",img:"img"},e.components);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(je.YouTube,{youTubeId:"jU5UbejrBhc"}),` `,(0,p.jsx)(t.h2,{id:"intro",children:"Intro"}),` `,(0,p.jsx)(t.p,{children:"When building charts and chart libraries it's nice to know how all the pieces work together. Today we're going to talk a little bit about how this all works and dive into a quick anatomy of charts and and how it can be used to tell the data story."}),` `,(0,p.jsx)(t.h2,{id:"data",children:"Data"}),` `,(0,p.jsx)(t.p,{children:"Before we get into the anatomy of a chart, let's take a look at the core part of any data visualization, the data. Most datasets will be an array of items that contain metrics and dimensions."}),` `,(0,p.jsx)(t.h3,{id:"single-and-multi-dimension-dataset-examples",children:"Single and Multi Dimension Dataset Examples"}),` `,(0,p.jsx)(je.CodeSandbox,{codeSandboxId:"react-single-and-stacked-bar-chart-with-visx-0ieqrf"}),` `,(0,p.jsx)(t.h3,{id:"what-is-a-dimension",children:"What is a dimension?"}),` `,(0,p.jsx)(t.p,{children:"A dimension are an attribute that help categorize and add context to the data. For example, if you are analyzing social media data, the dimensions might be date, location, and user. Each dimension provides a different way of slicing and grouping the data, making it easier to understand."}),` `,(0,p.jsx)(t.h3,{id:"what-is-a-metric",children:"What is a metric?"}),` `,(0,p.jsx)(t.p,{children:"A metric is a numerical value allow us to measurement different aspects of the data. For example, if you are analyzing social media data, the metrics might be total likes, average likes per day, and number of posts shared. Metrics provide the actual values that you can use to measure and compare your data."}),` `,(0,p.jsx)(t.h3,{id:"how-do-dimensions-and-metrics-work-together",children:"How do dimensions and metrics work together?"}),` `,(0,p.jsx)(t.p,{children:"Dimensions and metrics work together to provide a complete picture of your data. The combination of these will allow us to organize, categorize, measure and compare our data which can give us better insights into the data."}),` `,(0,p.jsx)(t.h2,{id:"anatomy-of-a-chart",children:"Anatomy of a chart"}),` `,(0,p.jsxs)(t.p,{children:["Let's take a quick look at the pieces that can make up a chart. Each chart varies in what it needs to tell the data story, but there are a few common pieces that are used in most charts. This diagram is a simplified version of something ",(0,p.jsx)(t.a,{href:"https://www.linkedin.com/in/ryan-legler-b0807853",rel:"nofollow",children:"Ryan Legler"})," created when built initial data viz library for Sprinklr."]}),` `,(0,p.jsx)(t.p,{children:(0,p.jsx)(t.img,{src:"https://res.cloudinary.com/joelmturner/image/upload/v1675838326/Posts/anatomy_of_a_chart_diagram.png",alt:"anatomy of a chart",title:"Anatomy of a chart"})}),` `,(0,p.jsx)(t.h3,{id:"field",children:"Field"}),` `,(0,p.jsx)(t.p,{children:"The field is the area where the data is represented and where the main insights are derived. This will be where the bars, bubbles, pies, maps, etc will be displayed."}),` `,(0,p.jsx)(t.h3,{id:"legend",children:"Legend"}),` `,(0,p.jsx)(t.p,{children:"The legend is a key that explains what the different colors or symbols in the chart represent. The legend adds more context to the chart so we have a better understanding of the data being presented. An example usage is in a pie chart or a stacked bar/column chart to convey the meaning of the color segments."}),` `,(0,p.jsx)(t.h3,{id:"axes",children:"Axes"}),` `,(0,p.jsx)(t.p,{children:"Axes help us determine the scale and the values of data being presented in the field. They will often display ticks and tick labels for quick context about the field."}),` `,(0,p.jsx)(t.h3,{id:"controls",children:"Controls"}),` `,(0,p.jsx)(t.p,{children:"The controls are the UI elements that allow the user to interact with the chart, play through a timeline, zoom in/out, segment/filter the data, etc."}),` `,(0,p.jsx)(t.h2,{id:"conclusion-and-resources",children:"Conclusion and Resources"}),` `,(0,p.jsxs)(t.p,{children:["For some chart inspiration and clarification, check out the ",(0,p.jsx)(t.a,{href:"https://datavizproject.com/",rel:"nofollow",children:"Data Viz Project"})," which has some great examples of what we discussed here."]}),` `,(0,p.jsx)(t.p,{children:"When we use the right chart for the data and leverage the parts that make up a chart, we can tell a better story with our data."})]})}function xd(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,Object.assign({},e,{children:(0,p.jsx)(ta,e)})):ta(e)}var Id=xd;return cr(jd);})(); ;return Component;

Tag: data

Chart Parts: Anatomy of a chart