var Component=(()=>{var Ii=Object.create;var ue=Object.defineProperty;var Bi=Object.getOwnPropertyDescriptor;var Fi=Object.getOwnPropertyNames;var Ai=Object.getPrototypeOf,Wi=Object.prototype.hasOwnProperty;var pn=(e,t)=>()=>(e&&(t=e(e=0)),t);var d=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),mn=(e,t)=>{for(var r in t)ue(e,r,{get:t[r],enumerable:!0})},vn=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Fi(t))!Wi.call(e,i)&&i!==r&&ue(e,i,{get:()=>t[i],enumerable:!(n=Bi(t,i))||n.enumerable});return e};var yt=(e,t,r)=>(r=e!=null?Ii(Ai(e)):{},vn(t||!e||!e.__esModule?ue(r,"default",{value:e,enumerable:!0}):r,e)),bn=e=>vn(ue({},"__esModule",{value:!0}),e);var v=d((ms,hn)=>{hn.exports=React});var gn=d(_t=>{"use strict";(function(){"use strict";var e=v(),t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),i=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),s=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),_=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),M=Symbol.for("react.lazy"),R=Symbol.for("react.offscreen"),I=Symbol.iterator,K="@@iterator";function Z(a){if(a===null||typeof a!="object")return null;var u=I&&a[I]||a[K];return typeof u=="function"?u:null}var C=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function q(a){{for(var u=arguments.length,c=new Array(u>1?u-1:0),p=1;p=1&&k>=0&&h[T]!==x[k];)k--;for(;T>=1&&k>=0;T--,k--)if(h[T]!==x[k]){if(T!==1||k!==1)do if(T--,k--,k<0||h[T]!==x[k]){var N=` `+h[T].replace(" at new "," at ");return a.displayName&&N.includes("")&&(N=N.replace("",a.displayName)),typeof a=="function"&&ne.set(a,N),N}while(T>=1&&k>=0);break}}}finally{pt=!1,st.current=P,vi(),Error.prepareStackTrace=O}var $=a?a.displayName||a.name:"",fn=$?re($):"";return typeof a=="function"&&ne.set(a,fn),fn}function hi(a,u,c){return Qr(a,!1)}function gi(a){var u=a.prototype;return!!(u&&u.isReactComponent)}function ae(a,u,c){if(a==null)return"";if(typeof a=="function")return Qr(a,gi(a));if(typeof a=="string")return re(a);switch(a){case m:return re("Suspense");case _:return re("SuspenseList")}if(typeof a=="object")switch(a.$$typeof){case f:return hi(a.render);case E:return ae(a.type,u,c);case M:{var p=a,O=p._payload,P=p._init;try{return ae(P(O),u,c)}catch{}}}return""}var ie=Object.prototype.hasOwnProperty,en={},tn=C.ReactDebugCurrentFrame;function oe(a){if(a){var u=a._owner,c=ae(a.type,a._source,u?u.type:null);tn.setExtraStackFrame(c)}else tn.setExtraStackFrame(null)}function yi(a,u,c,p,O){{var P=Function.call.bind(ie);for(var w in a)if(P(a,w)){var h=void 0;try{if(typeof a[w]!="function"){var x=Error((p||"React class")+": "+c+" type `"+w+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof a[w]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw x.name="Invariant Violation",x}h=a[w](u,w,p,c,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(T){h=T}h&&!(h instanceof Error)&&(oe(O),q("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",p||"React class",c,w,typeof h),oe(null)),h instanceof Error&&!(h.message in en)&&(en[h.message]=!0,oe(O),q("Failed %s type: %s",c,h.message),oe(null))}}}var _i=Array.isArray;function mt(a){return _i(a)}function wi(a){{var u=typeof Symbol=="function"&&Symbol.toStringTag,c=u&&a[Symbol.toStringTag]||a.constructor.name||"Object";return c}}function Oi(a){try{return rn(a),!1}catch{return!0}}function rn(a){return""+a}function nn(a){if(Oi(a))return q("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",wi(a)),rn(a)}var Q=C.ReactCurrentOwner,Pi={key:!0,ref:!0,__self:!0,__source:!0},an,on,vt;vt={};function Ei(a){if(ie.call(a,"ref")){var u=Object.getOwnPropertyDescriptor(a,"ref").get;if(u&&u.isReactWarning)return!1}return a.ref!==void 0}function Ti(a){if(ie.call(a,"key")){var u=Object.getOwnPropertyDescriptor(a,"key").get;if(u&&u.isReactWarning)return!1}return a.key!==void 0}function ki(a,u){if(typeof a.ref=="string"&&Q.current&&u&&Q.current.stateNode!==u){var c=j(Q.current.type);vt[c]||(q('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',j(Q.current.type),a.ref),vt[c]=!0)}}function Si(a,u){{var c=function(){an||(an=!0,q("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",u))};c.isReactWarning=!0,Object.defineProperty(a,"key",{get:c,configurable:!0})}}function qi(a,u){{var c=function(){on||(on=!0,q("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",u))};c.isReactWarning=!0,Object.defineProperty(a,"ref",{get:c,configurable:!0})}}var xi=function(a,u,c,p,O,P,w){var h={$$typeof:t,type:a,key:u,ref:c,props:w,_owner:P};return h._store={},Object.defineProperty(h._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(h,"_self",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.defineProperty(h,"_source",{configurable:!1,enumerable:!1,writable:!1,value:O}),Object.freeze&&(Object.freeze(h.props),Object.freeze(h)),h};function Mi(a,u,c,p,O){{var P,w={},h=null,x=null;c!==void 0&&(nn(c),h=""+c),Ti(u)&&(nn(u.key),h=""+u.key),Ei(u)&&(x=u.ref,ki(u,O));for(P in u)ie.call(u,P)&&!Pi.hasOwnProperty(P)&&(w[P]=u[P]);if(a&&a.defaultProps){var T=a.defaultProps;for(P in T)w[P]===void 0&&(w[P]=T[P])}if(h||x){var k=typeof a=="function"?a.displayName||a.name||"Unknown":a;h&&Si(w,k),x&&qi(w,k)}return xi(a,h,x,O,p,Q.current,w)}}var bt=C.ReactCurrentOwner,un=C.ReactDebugCurrentFrame;function W(a){if(a){var u=a._owner,c=ae(a.type,a._source,u?u.type:null);un.setExtraStackFrame(c)}else un.setExtraStackFrame(null)}var ht;ht=!1;function gt(a){return typeof a=="object"&&a!==null&&a.$$typeof===t}function ln(){{if(bt.current){var a=j(bt.current.type);if(a)return` Check the render method of \``+a+"`."}return""}}function Ni(a){{if(a!==void 0){var u=a.fileName.replace(/^.*[\\\/]/,""),c=a.lineNumber;return` Check your code at `+u+":"+c+"."}return""}}var dn={};function Ri(a){{var u=ln();if(!u){var c=typeof a=="string"?a:a.displayName||a.name;c&&(u=` Check the top-level render call using <`+c+">.")}return u}}function cn(a,u){{if(!a._store||a._store.validated||a.key!=null)return;a._store.validated=!0;var c=Ri(u);if(dn[c])return;dn[c]=!0;var p="";a&&a._owner&&a._owner!==bt.current&&(p=" It was passed a child from "+j(a._owner.type)+"."),W(a),q('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',c,p),W(null)}}function sn(a,u){{if(typeof a!="object")return;if(mt(a))for(var c=0;c",h=" Did you accidentally export a JSX literal instead of a component?"):T=typeof a,q("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",T,h)}var k=Mi(a,u,c,O,P);if(k==null)return k;if(w){var N=u.children;if(N!==void 0)if(p)if(mt(N)){for(var $=0;${"use strict";yn.exports=gn()});var En=d(le=>{function wt(e){"@babel/helpers - typeof";return wt=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},wt(e)}Object.defineProperty(le,"__esModule",{value:!0});le.GeneralObserver=void 0;var ee=$i(v());function Pn(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Pn=function(i){return i?r:t})(e)}function $i(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||wt(e)!=="object"&&typeof e!="function")return{default:e};var r=Pn(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(n,o,l):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function wn(e,t){return Vi(e)||Ui(e,t)||Gi(e,t)||zi()}function zi(){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 Gi(e,t){if(e){if(typeof e=="string")return On(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 On(e,t)}}function On(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r0&&(_(!0),n&&n())},{root:null,rootMargin:"400px",threshold:0});l&&l.current&&E.observe(l.current)},[l]),ee.default.createElement("div",{ref:l,"data-testid":"general-observer",className:"mdx-embed"},m?r:ee.default.createElement("div",{style:{height:o,width:"100%"}}))};le.GeneralObserver=Yi});var g=d(Ot=>{Object.defineProperty(Ot,"__esModule",{value:!0});Object.defineProperty(Ot,"GeneralObserver",{enumerable:!0,get:function(){return Xi.GeneralObserver}});var Xi=En()});var Tn=d(de=>{Object.defineProperty(de,"__esModule",{value:!0});de.AirtableBase=void 0;var Pt=Ki(v()),Hi=g();function Ki(e){return e&&e.__esModule?e:{default:e}}var Zi=function(t){var r=t.airtableBaseId,n=t.layout,i=n===void 0?"":n,o=t.viewControls,l=o===void 0?"on":o;return Pt.default.createElement(Hi.GeneralObserver,null,Pt.default.createElement("div",{style:{position:"relative"}},Pt.default.createElement("iframe",{"data-testid":"airtable-base",title:"airtable-".concat(r),src:"https://airtable.com/embed/".concat(r,"?backgroundColor=green&").concat(i?"layout=".concat(i,"&"):"","viewControls=").concat(l),width:"100%",height:"533",style:{background:"transparent",border:"1px solid #ccc"},frameBorder:"0"})))};de.AirtableBase=Zi});var kn=d(ce=>{Object.defineProperty(ce,"__esModule",{value:!0});ce.AirtableForm=void 0;var Et=Qi(v()),Ji=g();function Qi(e){return e&&e.__esModule?e:{default:e}}var eo=function(t){var r=t.airtableFormId;return Et.default.createElement(Ji.GeneralObserver,null,Et.default.createElement("div",{style:{position:"relative"}},Et.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"})))};ce.AirtableForm=eo});var Tt=d(se=>{Object.defineProperty(se,"__esModule",{value:!0});Object.defineProperty(se,"AirtableBase",{enumerable:!0,get:function(){return to.AirtableBase}});Object.defineProperty(se,"AirtableForm",{enumerable:!0,get:function(){return ro.AirtableForm}});var to=Tn(),ro=kn()});var Sn=d(fe=>{Object.defineProperty(fe,"__esModule",{value:!0});fe.Buzzsprout=void 0;var kt=ao(v()),no=g();function ao(e){return e&&e.__esModule?e:{default:e}}var io=function(t){var r=t.buzzsproutId,n=t.width,i=n===void 0?"100%":n,o=t.height,l=o===void 0?"200":o,s=/^\d{7}\/\d{7}-[\w|\W]+/;return s.test(r)?kt.default.createElement(no.GeneralObserver,null,kt.default.createElement("div",{style:{position:"relative"}},kt.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:i,height:l,frameBorder:"0",scrolling:"no"}))):null};fe.Buzzsprout=io});var qt=d(St=>{Object.defineProperty(St,"__esModule",{value:!0});Object.defineProperty(St,"Buzzsprout",{enumerable:!0,get:function(){return oo.Buzzsprout}});var oo=Sn()});var xn=d(pe=>{Object.defineProperty(pe,"__esModule",{value:!0});pe.CodePen=void 0;var qn=lo(v()),uo=g();function lo(e){return e&&e.__esModule?e:{default:e}}var co=function(t){var r=t.codePenId,n=t.height,i=n===void 0?500:n,o=t.tabs,l=o===void 0?"result":o,s=t.clickToLoad,f=s===void 0?!1:s,m=t.editable,_=m===void 0?!1:m,E=t.theme,M=E===void 0?"default":E;return qn.default.createElement(uo.GeneralObserver,{height:i},qn.default.createElement("iframe",{"data-testid":"codepen",title:"codepen-".concat(r),className:"codepen-mdx-embed",height:i,style:{width:"100%"},scrolling:"no",src:"https://codepen.io/team/codepen/embed".concat(f?"/preview":"","/").concat(r,"?height=265&theme-id=").concat(M,"&default-tab=").concat(l).concat(_?"&editable=true":""),frameBorder:"no",allowFullScreen:!0}))};pe.CodePen=co});var Mt=d(xt=>{Object.defineProperty(xt,"__esModule",{value:!0});Object.defineProperty(xt,"CodePen",{enumerable:!0,get:function(){return so.CodePen}});var so=xn()});var Nn=d(me=>{Object.defineProperty(me,"__esModule",{value:!0});me.CodeSandbox=void 0;var Mn=po(v()),fo=g();function po(e){return e&&e.__esModule?e:{default:e}}var mo=function(t){var r=t.codeSandboxId;return Mn.default.createElement(fo.GeneralObserver,null,Mn.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"}}))};me.CodeSandbox=mo});var Rt=d(Nt=>{Object.defineProperty(Nt,"__esModule",{value:!0});Object.defineProperty(Nt,"CodeSandbox",{enumerable:!0,get:function(){return vo.CodeSandbox}});var vo=Nn()});var S=d(L=>{Object.defineProperty(L,"__esModule",{value:!0});L.isEmptyString=L.getPadding=L.createStyleSheet=L.createScriptTag=void 0;var bo=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]};L.getPadding=bo;var ho=function(t,r){var n=document.createElement("script");n.type="text/javascript",t&&(n.src=t),r&&(n.innerText=r),n.onerror=function(i){console.error("MDXEmbedProvider ".concat(i.type),i)},document.getElementsByTagName("head")[0].appendChild(n)};L.createScriptTag=ho;var go=function(t){var r=document.createElement("link");r.type="text/css",r.rel="stylesheet",r.href=t,document.getElementsByTagName("head")[0].appendChild(r)};L.createStyleSheet=go;var yo=function(t){return t==null||t.length===0};L.isEmptyString=yo});var Cn=d(ve=>{Object.defineProperty(ve,"__esModule",{value:!0});ve.EggheadLesson=void 0;var Ct=Oo(v()),_o=S(),wo=g();function Oo(e){return e&&e.__esModule?e:{default:e}}function Rn(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Po(e){for(var t=1;t{Object.defineProperty(Lt,"__esModule",{value:!0});Object.defineProperty(Lt,"EggheadLesson",{enumerable:!0,get:function(){return ko.EggheadLesson}});var ko=Cn()});var Dn=d(z=>{Object.defineProperty(z,"__esModule",{value:!0});z.handleFlickrLoad=z.flickrClassNames=void 0;var So=S(),Ln=!1,jn=[".flickr-embed"].join(",");z.flickrClassNames=jn;var qo="https://embedr.flickr.com/assets/client-code.js",xo=function(){return document.querySelector(jn)!==null&&!Ln?((0,So.createScriptTag)(qo,null),Ln=!0,{status:"createScriptTag"}):{status:"null"}};z.handleFlickrLoad=xo});var In=d(be=>{Object.defineProperty(be,"__esModule",{value:!0});be.Flickr=void 0;var Dt=Ro(v()),Mo=g(),No=Dn();function Ro(e){return e&&e.__esModule?e:{default:e}}var Co=function(t){var r=t.flickrLink;return Dt.default.createElement(Mo.GeneralObserver,{onEnter:function(){return(0,No.handleFlickrLoad)()}},Dt.default.createElement("span",{"data-testid":"flickr",className:"flickr-embed-mdx","data-flickr-embed":"true","data-header":"true","data-footer":"true"},Dt.default.createElement("img",{src:"https://live.staticflickr.com/".concat(r),width:"100%",height:"auto",alt:r})))};be.Flickr=Co});var Bt=d(It=>{Object.defineProperty(It,"__esModule",{value:!0});Object.defineProperty(It,"Flickr",{enumerable:!0,get:function(){return Lo.Flickr}});var Lo=In()});var Fn=d(he=>{Object.defineProperty(he,"__esModule",{value:!0});he.Figma=void 0;var Bn=Do(v()),jo=g();function Do(e){return e&&e.__esModule?e:{default:e}}var Io=function(t){var r=t.title,n=t.height,i=n===void 0?450:n,o=t.url,l=/(file|proto)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/;return l.test(o)?Bn.default.createElement(jo.GeneralObserver,{height:i},Bn.default.createElement("iframe",{"data-testid":"figma",title:"figma-".concat(r),className:"figma-mdx-embed",height:i,style:{width:"100%"},scrolling:"no",src:"https://www.figma.com/embed?embed_host=mdx-embed&url=https://www.figma.com/".concat(o),frameBorder:"no",allowFullScreen:!0})):null};he.Figma=Io});var At=d(Ft=>{Object.defineProperty(Ft,"__esModule",{value:!0});Object.defineProperty(Ft,"Figma",{enumerable:!0,get:function(){return Bo.Figma}});var Bo=Fn()});var zn=d(ye=>{function Wt(e){"@babel/helpers - typeof";return Wt=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},Wt(e)}Object.defineProperty(ye,"__esModule",{value:!0});ye.Gist=void 0;var ge=Ao(v()),An=S(),Fo=g();function $n(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return($n=function(i){return i?r:t})(e)}function Ao(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||Wt(e)!=="object"&&typeof e!="function")return{default:e};var r=$n(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(n,o,l):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function Wo(e,t){return Uo(e)||Go(e,t)||zo(e,t)||$o()}function $o(){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 zo(e,t){if(e){if(typeof e=="string")return Wn(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 Wn(e,t)}}function Wn(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r{Object.defineProperty($t,"__esModule",{value:!0});Object.defineProperty($t,"Gist",{enumerable:!0,get:function(){return Yo.Gist}});var Yo=zn()});var Gn=d(we=>{Object.defineProperty(we,"__esModule",{value:!0});we.handleInstagrmLoad=void 0;var Xo=S();function _e(e){"@babel/helpers - typeof";return _e=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},_e(e)}var Ho="https://www.instagram.com/embed.js",Ko=function(){_e(window.instgrm)!=="undefined"&&window.instgrm.Embeds&&_e(window.instgrm.Embeds.process)==="function"&&window.instgrm.Embeds.process()},Zo=function(){return window.instgrm?(Ko(),{status:"instgrmProcess"}):((0,Xo.createScriptTag)(Ho,null),{status:"createScriptTag"})};we.handleInstagrmLoad=Zo});var Un=d(Oe=>{Object.defineProperty(Oe,"__esModule",{value:!0});Oe.Instagram=void 0;var Gt=eu(v()),Jo=g(),Qo=Gn();function eu(e){return e&&e.__esModule?e:{default:e}}var tu=function(t){var r=t.instagramId;return Gt.default.createElement(Jo.GeneralObserver,{onEnter:function(){return(0,Qo.handleInstagrmLoad)()}},Gt.default.createElement("blockquote",{"data-testid":"instagram",className:"instagram-media instagram-mdx-embed","data-instgrm-version":"12"},Gt.default.createElement("a",{href:"https://instagram.com/p/".concat(r)},typeof window<"u"&&!window.instgrm?"Loading":"")))};Oe.Instagram=tu});var Vt=d(Ut=>{Object.defineProperty(Ut,"__esModule",{value:!0});Object.defineProperty(Ut,"Instagram",{enumerable:!0,get:function(){return ru.Instagram}});var ru=Un()});var Yn=d(Pe=>{Object.defineProperty(Pe,"__esModule",{value:!0});Pe.Lbry=void 0;var Yt=iu(v()),nu=S(),au=g();function iu(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(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function ou(e){for(var t=1;t{Object.defineProperty(Xt,"__esModule",{value:!0});Object.defineProperty(Xt,"Lbry",{enumerable:!0,get:function(){return du.Lbry}});var du=Yn()});var Kn=d(G=>{Object.defineProperty(G,"__esModule",{value:!0});G.linkedInClassNames=G.handleLinkedInLoad=void 0;var cu=S();function Ee(e){"@babel/helpers - typeof";return Ee=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},Ee(e)}var Xn=!1,Hn=[".LI-profile-badge",".LI-simple-link"].join(",");G.linkedInClassNames=Hn;var su="https://platform.linkedin.com/badges/js/profile.js",fu=function(){Ee(window.LI)!=="undefined"&&Ee(window.LIRenderAll)==="function"&&window.LIRenderAll()},pu=function(){return document.querySelector(Hn)!==null&&!Xn?((0,cu.createScriptTag)(su,null),Xn=!0,{status:"createScriptTag"}):(fu(),{status:"null"})};G.handleLinkedInLoad=pu});var Zn=d(Te=>{Object.defineProperty(Te,"__esModule",{value:!0});Te.LinkedInBadge=void 0;var Kt=bu(v()),mu=g(),vu=Kn();function bu(e){return e&&e.__esModule?e:{default:e}}var hu=function(t){var r=t.username,n=t.badgeType,i=n===void 0?"vertical":n,o=t.badgeSize,l=o===void 0?"medium":o,s=t.theme,f=s===void 0?"light":s,m=t.locale,_=m===void 0?"en_US":m;return Kt.default.createElement(mu.GeneralObserver,{onEnter:function(){return(0,vu.handleLinkedInLoad)()}},Kt.default.createElement("div",{"data-testid":"linkedin-badge",className:"LI-profile-badge linkedin-badge-embed-mdx","data-version":"v1","data-size":l,"data-locale":_,"data-type":i,"data-theme":f,"data-vanity":r},Kt.default.createElement("a",{className:"LI-simple-link",href:"https://uk.linkedin.com/in/".concat(r,"?trk=profile-badge")},"Loading")))};Te.LinkedInBadge=hu});var Jt=d(Zt=>{Object.defineProperty(Zt,"__esModule",{value:!0});Object.defineProperty(Zt,"LinkedInBadge",{enumerable:!0,get:function(){return gu.LinkedInBadge}});var gu=Zn()});var Se=d(U=>{Object.defineProperty(U,"__esModule",{value:!0});U.pinterestClassNames=U.handlePinterestBuild=void 0;var yu=S();function ke(e){"@babel/helpers - typeof";return ke=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},ke(e)}var Jn=!1,Qn=[".pinterest-pin",".pinterest-board",".pinterest-follow-button"].join(",");U.pinterestClassNames=Qn;var _u='!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"});',wu=function(){ke(window.PinUtils)!=="undefined"&&window.PinUtils&&ke(window.PinUtils.build)==="function"&&window.PinUtils.build()},Ou=function(){return document.querySelector(Qn)!==null&&!Jn?((0,yu.createScriptTag)(null,_u),Jn=!0,{status:"createScriptTag"}):(wu(),{status:"pinterestBuild"})};U.handlePinterestBuild=Ou});var ta=d(qe=>{Object.defineProperty(qe,"__esModule",{value:!0});qe.Pin=void 0;var ea=Tu(v()),Pu=g(),Eu=Se();function Tu(e){return e&&e.__esModule?e:{default:e}}var ku=function(t){var r=t.pinId,n=t.size,i=n===void 0?"small":n;return ea.default.createElement(Pu.GeneralObserver,{onEnter:function(){return(0,Eu.handlePinterestBuild)()}},ea.default.createElement("a",{className:"pinterest-pin pinterest-pin-mdx-embed","data-testid":"pin","data-pin-do":"embedPin","data-pin-width":i,href:"https://www.pinterest.com/pin/".concat(r)}))};qe.Pin=ku});var na=d(xe=>{Object.defineProperty(xe,"__esModule",{value:!0});xe.PinterestBoard=void 0;var ra=xu(v()),Su=g(),qu=Se();function xu(e){return e&&e.__esModule?e:{default:e}}var Mu=function(t){var r=t.pinterestLink,n=t.width,i=n===void 0?400:n,o=t.height,l=o===void 0?250:o,s=t.imageWidth,f=s===void 0?80:s,m=t.variant,_=m===void 0?"board":m;return ra.default.createElement(Su.GeneralObserver,{onEnter:function(){return(0,qu.handlePinterestBuild)()}},ra.default.createElement("a",{className:"pinterest-board pinterest-board-mdx-embed","data-testid":"pinterest-board","data-pin-do":"embed".concat(_.charAt(0).toUpperCase()).concat(_.slice(1)),"data-pin-board-width":i,"data-pin-scale-height":l,"data-pin-scale-width":f,href:"https://www.pinterest.com/".concat(r)}))};xe.PinterestBoard=Mu});var ia=d(Me=>{Object.defineProperty(Me,"__esModule",{value:!0});Me.PinterestFollowButton=void 0;var aa=Cu(v()),Nu=g(),Ru=Se();function Cu(e){return e&&e.__esModule?e:{default:e}}var Lu=function(t){var r=t.username;return aa.default.createElement(Nu.GeneralObserver,{onEnter:function(){return(0,Ru.handlePinterestBuild)()}},aa.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)))};Me.PinterestFollowButton=Lu});var Qt=d(te=>{Object.defineProperty(te,"__esModule",{value:!0});Object.defineProperty(te,"Pin",{enumerable:!0,get:function(){return ju.Pin}});Object.defineProperty(te,"PinterestBoard",{enumerable:!0,get:function(){return Du.PinterestBoard}});Object.defineProperty(te,"PinterestFollowButton",{enumerable:!0,get:function(){return Iu.PinterestFollowButton}});var ju=ta(),Du=na(),Iu=ia()});var ua=d(Ne=>{Object.defineProperty(Ne,"__esModule",{value:!0});Ne.Replit=void 0;var oa=Fu(v()),Bu=g();function Fu(e){return e&&e.__esModule?e:{default:e}}var Au=function(t){var r=t.repl,n=t.height,i=n===void 0?500:n,o=t.mode,l=o===void 0?"embed":o,s=r.startsWith("http")?r:"https://repl.it/".concat(r),f=l==="embed"?"?embed=true":"?lite=true";return oa.default.createElement(Bu.GeneralObserver,{height:i},oa.default.createElement("iframe",{"data-testid":"replit-"+l,frameBorder:"0",width:"100%",height:i,src:s+f}))};Ne.Replit=Au});var tr=d(er=>{Object.defineProperty(er,"__esModule",{value:!0});Object.defineProperty(er,"Replit",{enumerable:!0,get:function(){return Wu.Replit}});var Wu=ua()});var la=d(Re=>{Object.defineProperty(Re,"__esModule",{value:!0});Re.SimplecastEpisode=void 0;var rr=zu(v()),$u=g();function zu(e){return e&&e.__esModule?e:{default:e}}var Gu=function(t){var r=t.episodeId,n=t.theme,i=n===void 0?"light":n;return rr.default.createElement($u.GeneralObserver,null,rr.default.createElement("div",{className:"simplecast-episode-mdx-embed",style:{position:"relative",height:"200px",width:"100%"}},rr.default.createElement("iframe",{"data-testid":"simplecast-episode",title:"simplecast-".concat(r),src:"https://player.simplecast.com/".concat(r).concat(i==="dark"?"?dark=true":""),frameBorder:"no",scrolling:"no",seamless:!0,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"}})))};Re.SimplecastEpisode=Gu});var ar=d(nr=>{Object.defineProperty(nr,"__esModule",{value:!0});Object.defineProperty(nr,"SimplecastEpisode",{enumerable:!0,get:function(){return Uu.SimplecastEpisode}});var Uu=la()});var ca=d(Ce=>{Object.defineProperty(Ce,"__esModule",{value:!0});Ce.SoundCloud=void 0;var da=Yu(v()),Vu=g();function Yu(e){return e&&e.__esModule?e:{default:e}}var Xu=function(t){var r=t.soundCloudLink,n=t.width,i=n===void 0?"100%":n,o=t.height,l=o===void 0?"auto":o,s=t.autoPlay,f=s===void 0?!1:s,m=t.visual,_=m===void 0?!1:m,E=t.color;return da.default.createElement(Vu.GeneralObserver,null,da.default.createElement("iframe",{"data-testid":"soundcloud",title:"sound-cloud-".concat(r),className:"soundcloud-mdx-embed",width:i,height:l,scrolling:"no",frameBorder:"no",allow:"autoplay",src:"https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/".concat(r,"&color=%23").concat(E,"&auto_play=").concat(f,"&visual=").concat(_)}))};Ce.SoundCloud=Xu});var or=d(ir=>{Object.defineProperty(ir,"__esModule",{value:!0});Object.defineProperty(ir,"SoundCloud",{enumerable:!0,get:function(){return Hu.SoundCloud}});var Hu=ca()});var fa=d(Le=>{Object.defineProperty(Le,"__esModule",{value:!0});Le.Spotify=void 0;var sa=Zu(v()),Ku=g();function Zu(e){return e&&e.__esModule?e:{default:e}}var Ju=function(t){var r=t.spotifyLink,n=t.width,i=n===void 0?320:n,o=t.height,l=o===void 0?380:o;return sa.default.createElement(Ku.GeneralObserver,null,sa.default.createElement("iframe",{"data-testid":"spotify",title:"spotify-".concat(r),className:"spotify-mdx-embed",src:"https://open.spotify.com/embed/".concat(r),width:i,height:l,frameBorder:"0",allow:"encrypted-media"}))};Le.Spotify=Ju});var lr=d(ur=>{Object.defineProperty(ur,"__esModule",{value:!0});Object.defineProperty(ur,"Spotify",{enumerable:!0,get:function(){return Qu.Spotify}});var Qu=fa()});var pa=d(je=>{Object.defineProperty(je,"__esModule",{value:!0});je.Strava=void 0;var dr=tl(v()),el=g();function tl(e){return e&&e.__esModule?e:{default:e}}var rl=function(t){var r=t.activityId;return dr.default.createElement(el.GeneralObserver,null,dr.default.createElement("div",{"data-testid":"strava",className:"strava-mdx-embed",style:{position:"relative",height:"350px",maxWidth:"568px",width:"100%",overflow:"auto"}},dr.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)})))};je.Strava=rl});var sr=d(cr=>{Object.defineProperty(cr,"__esModule",{value:!0});Object.defineProperty(cr,"Strava",{enumerable:!0,get:function(){return nl.Strava}});var nl=pa()});var va=d(De=>{Object.defineProperty(De,"__esModule",{value:!0});De.Snack=void 0;var ma=ol(v()),al=S(),il=g();function ol(e){return e&&e.__esModule?e:{default:e}}var ul="https://snack.expo.io/embed.js",ll=function(t){var r=t.snackId,n=t.platform,i=n===void 0?"web":n,o=t.theme,l=o===void 0?"light":o,s=function(){(0,al.createScriptTag)(ul,null)};return ma.default.createElement(il.GeneralObserver,{onEnter:s},ma.default.createElement("div",{className:"snack-mdx-embed","data-testid":"snack","data-snack-id":r,"data-snack-platform":i,"data-snack-preview":"true","data-snack-theme":l,style:{overflow:"hidden",background:"#F9F9F9",border:"1px solid var(--color-border)",borderRadius:"4px",height:"505px",width:"100%"}}))};De.Snack=ll});var pr=d(fr=>{Object.defineProperty(fr,"__esModule",{value:!0});Object.defineProperty(fr,"Snack",{enumerable:!0,get:function(){return dl.Snack}});var dl=va()});var ha=d(V=>{Object.defineProperty(V,"__esModule",{value:!0});V.tikTokClassNames=V.handleTikTokLoad=void 0;var cl=S(),ba=!1,sl=".tiktok-embed";V.tikTokClassNames=sl;var fl="https://www.tiktok.com/embed.js",pl=function(){return ba?{status:"null"}:((0,cl.createScriptTag)(fl,null),ba=!0,{status:"createScriptTag"})};V.handleTikTokLoad=pl});var ga=d(Be=>{Object.defineProperty(Be,"__esModule",{value:!0});Be.TikTok=void 0;var Ie=bl(v()),ml=g(),vl=ha();function bl(e){return e&&e.__esModule?e:{default:e}}var hl=function(t){var r=t.tikTokId;return r?Ie.default.createElement(ml.GeneralObserver,{onEnter:function(){return(0,vl.handleTikTokLoad)()}},Ie.default.createElement("blockquote",{"data-testid":"tiktok",className:"tiktok-embed",cite:"https://www.tiktok.com/".concat(r),"data-video-id":r.split("/").pop()},Ie.default.createElement("section",null,Ie.default.createElement("a",{href:"https://tiktok.com/".concat(r)},typeof window<"u"&&!window.tiktok?"Loading":"")))):null};Be.TikTok=hl});var vr=d(mr=>{Object.defineProperty(mr,"__esModule",{value:!0});Object.defineProperty(mr,"TikTok",{enumerable:!0,get:function(){return gl.TikTok}});var gl=ga()});var _a=d(br=>{Object.defineProperty(br,"__esModule",{value:!0});br.constructTwitchURL=yl;var ya=S();function yl(e,t,r,n){var i=[n];return e!==void 0?i.push("&video=v".concat(e)):(0,ya.isEmptyString)(t)?(0,ya.isEmptyString)(r)||i.push("&collection=".concat(r)):i.push("&channel=".concat(t)),i.join("")}});var Oa=d(Fe=>{Object.defineProperty(Fe,"__esModule",{value:!0});Fe.Twitch=void 0;var hr=Pl(v()),_l=S(),wl=g(),Ol=_a();function Pl(e){return e&&e.__esModule?e:{default:e}}function wa(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function El(e){for(var t=1;t{Object.defineProperty(gr,"__esModule",{value:!0});Object.defineProperty(gr,"Twitch",{enumerable:!0,get:function(){return Sl.Twitch}});var Sl=Oa()});var A=d(We=>{Object.defineProperty(We,"__esModule",{value:!0});We.handleTwttrLoad=void 0;var ql=S();function Ae(e){"@babel/helpers - typeof";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)}var xl=` !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") `,Ml=function(){Ae(window.twttr)!=="undefined"&&window.twttr.widgets&&Ae(window.twttr.widgets.load)==="function"&&window.twttr.widgets.load(document.getElementsByClassName("mdx-embed"))},Nl=function(){return window.twttr?(Ml(),{status:"twttrLoad"}):((0,ql.createScriptTag)(null,xl),{status:"createScriptTag"})};We.handleTwttrLoad=Nl});var Pa=d(ze=>{Object.defineProperty(ze,"__esModule",{value:!0});ze.Tweet=void 0;var $e=Ll(v()),Rl=g(),Cl=A();function Ll(e){return e&&e.__esModule?e:{default:e}}var jl=function(t){var r=t.tweetLink,n=t.theme,i=n===void 0?"light":n,o=t.align,l=o===void 0?"left":o,s=t.hideConversation,f=s===void 0?!1:s;return $e.default.createElement(Rl.GeneralObserver,{onEnter:function(){return(0,Cl.handleTwttrLoad)()}},$e.default.createElement("div",{"data-testid":"twitter-tweet",className:"twitter-tweet-mdx-embed",style:{overflow:"auto"}},$e.default.createElement("blockquote",{className:"twitter-tweet","data-theme":i,"data-align":l,"data-conversation":f?"none":""},$e.default.createElement("a",{href:"https://twitter.com/".concat(r,"?ref_src=twsrc%5Etfw")},typeof window<"u"&&!window.twttr?"Loading":""))))};ze.Tweet=jl});var Ta=d(Ge=>{Object.defineProperty(Ge,"__esModule",{value:!0});Ge.TwitterFollowButton=void 0;var Ea=Bl(v()),Dl=g(),Il=A();function Bl(e){return e&&e.__esModule?e:{default:e}}var Fl=function(t){var r=t.username,n=t.showFollowers,i=n===void 0?!1:n,o=t.showUsername,l=o===void 0?!0:o,s=t.size,f=s===void 0?"small":s;return Ea.default.createElement(Dl.GeneralObserver,{onEnter:function(){return(0,Il.handleTwttrLoad)()}},Ea.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":i,"data-show-screen-name":l,"data-size":f},"Follow @".concat(r)))};Ge.TwitterFollowButton=Fl});var Sa=d(Ue=>{Object.defineProperty(Ue,"__esModule",{value:!0});Ue.TwitterHashtagButton=void 0;var ka=$l(v()),Al=g(),Wl=A();function $l(e){return e&&e.__esModule?e:{default:e}}var zl=function(t){var r=t.hashtag,n=t.size,i=n===void 0?"small":n;return ka.default.createElement(Al.GeneralObserver,{onEnter:function(){return(0,Wl.handleTwttrLoad)()}},ka.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":i},"Tweet #".concat(r)))};Ue.TwitterHashtagButton=zl});var qa=d(Ve=>{Object.defineProperty(Ve,"__esModule",{value:!0});Ve.TwitterList=void 0;var _r=Vl(v()),Gl=g(),Ul=A();function Vl(e){return e&&e.__esModule?e:{default:e}}var Yl=function(t){var r=t.username,n=t.theme,i=n===void 0?"light":n,o=t.listName,l=t.width,s=l===void 0?"498px":l,f=t.height,m=f===void 0?null:f;return _r.default.createElement(Gl.GeneralObserver,{onEnter:function(){return(0,Ul.handleTwttrLoad)()}},_r.default.createElement("div",{style:{overflow:"auto"}},_r.default.createElement("a",{"data-testid":"twitter-list",className:"twitter-timeline twitter-timeline-mdx-embed","data-theme":i,"data-width":s,"data-height":m,href:"https://twitter.com/".concat(r,"/lists/").concat(o,"?ref_src=twsrc%5Etfw")},"A Twitter List by @".concat(r))))};Ve.TwitterList=Yl});var Ma=d(Ye=>{Object.defineProperty(Ye,"__esModule",{value:!0});Ye.TwitterMentionButton=void 0;var xa=Kl(v()),Xl=g(),Hl=A();function Kl(e){return e&&e.__esModule?e:{default:e}}var Zl=function(t){var r=t.username,n=t.size,i=n===void 0?"small":n;return xa.default.createElement(Xl.GeneralObserver,{onEnter:function(){return(0,Hl.handleTwttrLoad)()}},xa.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":i},"Tweet to @".concat(r)))};Ye.TwitterMentionButton=Zl});var Na=d(Xe=>{Object.defineProperty(Xe,"__esModule",{value:!0});Xe.TwitterTimeline=void 0;var wr=ed(v()),Jl=g(),Ql=A();function ed(e){return e&&e.__esModule?e:{default:e}}var td=function(t){var r=t.username,n=t.theme,i=n===void 0?"light":n,o=t.showLikes,l=o===void 0?null:o,s=t.width,f=s===void 0?"498px":s,m=t.height,_=m===void 0?null:m;return wr.default.createElement(Jl.GeneralObserver,{onEnter:function(){return(0,Ql.handleTwttrLoad)()}},wr.default.createElement("div",{style:{overflow:"auto"}},wr.default.createElement("a",{"data-testid":"twitter-timeline",className:"twitter-timeline twitter-timeline-mdx-embed","data-theme":i,"data-width":f,"data-height":_,href:"https://twitter.com/".concat(r).concat(l?"/likes":"","?ref_src=twsrc%5Etfw")},"Tweets by @".concat(r))))};Xe.TwitterTimeline=td});var Or=d(B=>{Object.defineProperty(B,"__esModule",{value:!0});Object.defineProperty(B,"Tweet",{enumerable:!0,get:function(){return rd.Tweet}});Object.defineProperty(B,"TwitterFollowButton",{enumerable:!0,get:function(){return nd.TwitterFollowButton}});Object.defineProperty(B,"TwitterHashtagButton",{enumerable:!0,get:function(){return ad.TwitterHashtagButton}});Object.defineProperty(B,"TwitterList",{enumerable:!0,get:function(){return id.TwitterList}});Object.defineProperty(B,"TwitterMentionButton",{enumerable:!0,get:function(){return od.TwitterMentionButton}});Object.defineProperty(B,"TwitterTimeline",{enumerable:!0,get:function(){return ud.TwitterTimeline}});var rd=Pa(),nd=Ta(),ad=Sa(),id=qa(),od=Ma(),ud=Na()});var Ca=d(He=>{Object.defineProperty(He,"__esModule",{value:!0});He.Vimeo=void 0;var Pr=cd(v()),ld=S(),dd=g();function cd(e){return e&&e.__esModule?e:{default:e}}function Ra(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function sd(e){for(var t=1;t{Object.defineProperty(Er,"__esModule",{value:!0});Object.defineProperty(Er,"Vimeo",{enumerable:!0,get:function(){return md.Vimeo}});var md=Ca()});var Da=d(Ke=>{Object.defineProperty(Ke,"__esModule",{value:!0});Ke.Whimsical=void 0;var kr=bd(v()),vd=g();function bd(e){return e&&e.__esModule?e:{default:e}}function La(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function hd(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=new Array(t);r{Object.defineProperty(Sr,"__esModule",{value:!0});Object.defineProperty(Sr,"Whimsical",{enumerable:!0,get:function(){return kd.Whimsical}});var kd=Da()});var Fa=d(Je=>{function xr(e){"@babel/helpers - typeof";return xr=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},xr(e)}Object.defineProperty(Je,"__esModule",{value:!0});Je.Wikipedia=void 0;var Ze=qd(v()),Sd=g();function Ba(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(Ba=function(i){return i?r:t})(e)}function qd(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||xr(e)!=="object"&&typeof e!="function")return{default:e};var r=Ba(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(n,o,l):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function xd(e,t){return Cd(e)||Rd(e,t)||Nd(e,t)||Md()}function Md(){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 Nd(e,t){if(e){if(typeof e=="string")return Ia(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 Ia(e,t)}}function Ia(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r{Object.defineProperty(Mr,"__esModule",{value:!0});Object.defineProperty(Mr,"Wikipedia",{enumerable:!0,get:function(){return jd.Wikipedia}});var jd=Fa()});var Wa=d(Qe=>{Object.defineProperty(Qe,"__esModule",{value:!0});Qe.handleWistiaLoad=void 0;var Dd=S(),Aa=!1,Id="https://fast.wistia.net/assets/external/E-v1.js",Bd=function(){Aa||((0,Dd.createScriptTag)(Id,null),Aa=!0)};Qe.handleWistiaLoad=Bd});var Ga=d(tt=>{function Rr(e){"@babel/helpers - typeof";return Rr=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},Rr(e)}Object.defineProperty(tt,"__esModule",{value:!0});tt.Wistia=void 0;var et=$d(v()),Fd=S(),Ad=g(),Wd=Wa();function za(e){if(typeof WeakMap!="function")return null;var t=new WeakMap,r=new WeakMap;return(za=function(i){return i?r:t})(e)}function $d(e,t){if(!t&&e&&e.__esModule)return e;if(e===null||Rr(e)!=="object"&&typeof e!="function")return{default:e};var r=za(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(o!=="default"&&Object.prototype.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(n,o,l):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}function $a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function zd(e){for(var t=1;t0?"?"+R.join("&"):""),"data-testid":"wistia",allow:"autoplay; ".concat(i?"fullscreen":""),frameBorder:"0",scrolling:"no",className:"wistia-mdx-embed-iframe",allowFullScreen:i,style:{position:"absolute",top:0,left:0,width:f,height:_}})))};tt.Wistia=Ud});var Lr=d(Cr=>{Object.defineProperty(Cr,"__esModule",{value:!0});Object.defineProperty(Cr,"Wistia",{enumerable:!0,get:function(){return Vd.Wistia}});var Vd=Ga()});var Va=d(rt=>{Object.defineProperty(rt,"__esModule",{value:!0});rt.YouTube=void 0;var jr=Hd(v()),Yd=S(),Xd=g();function Hd(e){return e&&e.__esModule?e:{default:e}}function Ua(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Kd(e){for(var t=1;t{Object.defineProperty(Dr,"__esModule",{value:!0});Object.defineProperty(Dr,"YouTube",{enumerable:!0,get:function(){return Qd.YouTube}});var Qd=Va()});function Ya(e){return t;function t(r){let n=at(r.components);return Y.default.createElement(e,{...r,allComponents:n})}}function at(e){let t=Y.default.useContext(nt);return Y.default.useMemo(()=>typeof e=="function"?e(t):{...t,...e},[t,e])}function Xa({components:e,children:t,disableParentContext:r}){let n;return r?n=typeof e=="function"?e({}):e||ec:n=at(e),Y.default.createElement(nt.Provider,{value:n},t)}var Y,nt,ec,Ha=pn(()=>{Y=yt(v(),1),nt=Y.default.createContext({});ec={}});var Ka={};mn(Ka,{MDXContext:()=>nt,MDXProvider:()=>Xa,useMDXComponents:()=>at,withMDXComponents:()=>Ya});var Za=pn(()=>{Ha()});var Qa=d(it=>{Object.defineProperty(it,"__esModule",{value:!0});it.Cinnamon=void 0;var Br=nc(v()),tc=S(),rc=g();function nc(e){return e&&e.__esModule?e:{default:e}}function Ja(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function ac(e){for(var t=1;t{Object.defineProperty(Fr,"__esModule",{value:!0});Object.defineProperty(Fr,"Cinnamon",{enumerable:!0,get:function(){return uc.Cinnamon}});var uc=Qa()});var ri=d(ot=>{Object.defineProperty(ot,"__esModule",{value:!0});ot.components=void 0;var ti=Tt(),lc=qt(),dc=ei(),cc=Mt(),sc=Rt(),fc=jt(),pc=At(),mc=Bt(),vc=zt(),bc=Vt(),hc=Ht(),gc=Jt(),Ar=Qt(),yc=tr(),_c=ar(),wc=or(),Oc=lr(),Pc=sr(),Ec=pr(),Tc=vr(),kc=yr(),X=Or(),Sc=Tr(),qc=qr(),xc=Nr(),Mc=Lr(),Nc=Ir(),Rc={AirtableBase:ti.AirtableBase,AirtableForm:ti.AirtableForm,Buzzsprout:lc.Buzzsprout,Cinnamon:dc.Cinnamon,CodePen:cc.CodePen,CodeSandbox:sc.CodeSandbox,EggheadLesson:fc.EggheadLesson,Figma:pc.Figma,Flickr:mc.Flickr,Gist:vc.Gist,Instagram:bc.Instagram,Lbry:hc.Lbry,LinkedInBadge:gc.LinkedInBadge,Pin:Ar.Pin,PinterestBoard:Ar.PinterestBoard,PinterestFollowButton:Ar.PinterestFollowButton,Replit:yc.Replit,SimplecastEpisode:_c.SimplecastEpisode,SoundCloud:wc.SoundCloud,Spotify:Oc.Spotify,Strava:Pc.Strava,Snack:Ec.Snack,TikTok:Tc.TikTok,Twitch:kc.Twitch,Tweet:X.Tweet,TwitterFollowButton:X.TwitterFollowButton,TwitterHashtagButton:X.TwitterHashtagButton,TwitterList:X.TwitterList,TwitterMentionButton:X.TwitterMentionButton,TwitterTimeline:X.TwitterTimeline,Vimeo:Sc.Vimeo,Whimsical:qc.Whimsical,Wikipedia:xc.Wikipedia,Wistia:Mc.Wistia,YouTube:Nc.YouTube};ot.components=Rc});var ni=d(ut=>{Object.defineProperty(ut,"__esModule",{value:!0});ut.MDXEmbedProvider=void 0;var Cc=Dc(v()),Lc=(Za(),bn(Ka)),jc=ri();function Dc(e){return e&&e.__esModule?e:{default:e}}var Ic=function(t){var r=t.children;return Cc.default.createElement(Lc.MDXProvider,{components:jc.components},r)};ut.MDXEmbedProvider=Ic});var ai=d(Wr=>{Object.defineProperty(Wr,"__esModule",{value:!0});Object.defineProperty(Wr,"MDXEmbedProvider",{enumerable:!0,get:function(){return Bc.MDXEmbedProvider}});var Bc=ni()});var oi=d(b=>{Object.defineProperty(b,"__esModule",{value:!0});Object.defineProperty(b,"AirtableBase",{enumerable:!0,get:function(){return ii.AirtableBase}});Object.defineProperty(b,"AirtableForm",{enumerable:!0,get:function(){return ii.AirtableForm}});Object.defineProperty(b,"Buzzsprout",{enumerable:!0,get:function(){return Fc.Buzzsprout}});Object.defineProperty(b,"CodePen",{enumerable:!0,get:function(){return Ac.CodePen}});Object.defineProperty(b,"CodeSandbox",{enumerable:!0,get:function(){return Wc.CodeSandbox}});Object.defineProperty(b,"EggheadLesson",{enumerable:!0,get:function(){return $c.EggheadLesson}});Object.defineProperty(b,"Figma",{enumerable:!0,get:function(){return Gc.Figma}});Object.defineProperty(b,"Flickr",{enumerable:!0,get:function(){return zc.Flickr}});Object.defineProperty(b,"Gist",{enumerable:!0,get:function(){return Uc.Gist}});Object.defineProperty(b,"Instagram",{enumerable:!0,get:function(){return Vc.Instagram}});Object.defineProperty(b,"Lbry",{enumerable:!0,get:function(){return Yc.Lbry}});Object.defineProperty(b,"LinkedInBadge",{enumerable:!0,get:function(){return Xc.LinkedInBadge}});Object.defineProperty(b,"MDXEmbedProvider",{enumerable:!0,get:function(){return ls.MDXEmbedProvider}});Object.defineProperty(b,"Pin",{enumerable:!0,get:function(){return $r.Pin}});Object.defineProperty(b,"PinterestBoard",{enumerable:!0,get:function(){return $r.PinterestBoard}});Object.defineProperty(b,"PinterestFollowButton",{enumerable:!0,get:function(){return $r.PinterestFollowButton}});Object.defineProperty(b,"Replit",{enumerable:!0,get:function(){return Hc.Replit}});Object.defineProperty(b,"SimplecastEpisode",{enumerable:!0,get:function(){return Kc.SimplecastEpisode}});Object.defineProperty(b,"Snack",{enumerable:!0,get:function(){return es.Snack}});Object.defineProperty(b,"SoundCloud",{enumerable:!0,get:function(){return Zc.SoundCloud}});Object.defineProperty(b,"Spotify",{enumerable:!0,get:function(){return Jc.Spotify}});Object.defineProperty(b,"Strava",{enumerable:!0,get:function(){return Qc.Strava}});Object.defineProperty(b,"TikTok",{enumerable:!0,get:function(){return ts.TikTok}});Object.defineProperty(b,"Tweet",{enumerable:!0,get:function(){return H.Tweet}});Object.defineProperty(b,"Twitch",{enumerable:!0,get:function(){return rs.Twitch}});Object.defineProperty(b,"TwitterFollowButton",{enumerable:!0,get:function(){return H.TwitterFollowButton}});Object.defineProperty(b,"TwitterHashtagButton",{enumerable:!0,get:function(){return H.TwitterHashtagButton}});Object.defineProperty(b,"TwitterList",{enumerable:!0,get:function(){return H.TwitterList}});Object.defineProperty(b,"TwitterMentionButton",{enumerable:!0,get:function(){return H.TwitterMentionButton}});Object.defineProperty(b,"TwitterTimeline",{enumerable:!0,get:function(){return H.TwitterTimeline}});Object.defineProperty(b,"Vimeo",{enumerable:!0,get:function(){return ns.Vimeo}});Object.defineProperty(b,"Whimsical",{enumerable:!0,get:function(){return as.Whimsical}});Object.defineProperty(b,"Wikipedia",{enumerable:!0,get:function(){return is.Wikipedia}});Object.defineProperty(b,"Wistia",{enumerable:!0,get:function(){return os.Wistia}});Object.defineProperty(b,"YouTube",{enumerable:!0,get:function(){return us.YouTube}});var ii=Tt(),Fc=qt(),Ac=Mt(),Wc=Rt(),$c=jt(),zc=Bt(),Gc=At(),Uc=zt(),Vc=Vt(),Yc=Ht(),Xc=Jt(),$r=Qt(),Hc=tr(),Kc=ar(),Zc=or(),Jc=lr(),Qc=sr(),es=pr(),ts=vr(),rs=yr(),H=Or(),ns=Tr(),as=qr(),is=Nr(),os=Lr(),us=Ir(),ls=ai()});var fs={};mn(fs,{default:()=>ss,frontmatter:()=>ds});var y=yt(_n()),lt=yt(oi()),ds={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 ui(e){let t=Object.assign({h2:"h2",p:"p",h3:"h3",a:"a",img:"img"},e.components);return(0,y.jsxDEV)(y.Fragment,{children:[(0,y.jsxDEV)(lt.YouTube,{youTubeId:"jU5UbejrBhc"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:23,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h2,{id:"intro",children:"Intro"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:25,columnNumber:1},this),` `,(0,y.jsxDEV)(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."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:27,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h2,{id:"data",children:"Data"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:29,columnNumber:1},this),` `,(0,y.jsxDEV)(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."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:31,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h3,{id:"single-and-multi-dimension-dataset-examples",children:"Single and Multi Dimension Dataset Examples"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:33,columnNumber:1},this),` `,(0,y.jsxDEV)(lt.CodeSandbox,{codeSandboxId:"react-single-and-stacked-bar-chart-with-visx-0ieqrf"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:35,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h3,{id:"what-is-a-dimension",children:"What is a dimension?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:37,columnNumber:1},this),` `,(0,y.jsxDEV)(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."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:39,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h3,{id:"what-is-a-metric",children:"What is a metric?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:41,columnNumber:1},this),` `,(0,y.jsxDEV)(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."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:43,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h3,{id:"how-do-dimensions-and-metrics-work-together",children:"How do dimensions and metrics work together?"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:45,columnNumber:1},this),` `,(0,y.jsxDEV)(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."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:47,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h2,{id:"anatomy-of-a-chart",children:"Anatomy of a chart"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:49,columnNumber:1},this),` `,(0,y.jsxDEV)(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,y.jsxDEV)(t.a,{href:"https://www.linkedin.com/in/ryan-legler-b0807853",rel:"nofollow",children:"Ryan Legler"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:51,columnNumber:238},this)," created when built initial data viz library for Sprinklr."]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:51,columnNumber:1},this),` `,(0,y.jsxDEV)(t.p,{children:(0,y.jsxDEV)(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"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:53,columnNumber:1},this)},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:53,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h3,{id:"field",children:"Field"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:55,columnNumber:1},this),` `,(0,y.jsxDEV)(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."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:57,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h3,{id:"legend",children:"Legend"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:59,columnNumber:1},this),` `,(0,y.jsxDEV)(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."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:61,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h3,{id:"axes",children:"Axes"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:63,columnNumber:1},this),` `,(0,y.jsxDEV)(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."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:65,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h3,{id:"controls",children:"Controls"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:67,columnNumber:1},this),` `,(0,y.jsxDEV)(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."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:69,columnNumber:1},this),` `,(0,y.jsxDEV)(t.h2,{id:"conclusion-and-resources",children:"Conclusion and Resources"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:71,columnNumber:1},this),` `,(0,y.jsxDEV)(t.p,{children:["For some chart inspiration and clarification, check out the ",(0,y.jsxDEV)(t.a,{href:"https://datavizproject.com/",rel:"nofollow",children:"Data Viz Project"},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:73,columnNumber:61},this)," which has some great examples of what we discussed here."]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:73,columnNumber:1},this),` `,(0,y.jsxDEV)(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."},void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:75,columnNumber:1},this)]},void 0,!0,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx",lineNumber:1,columnNumber:1},this)}function cs(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsxDEV)(t,Object.assign({},e,{children:(0,y.jsxDEV)(ui,e,void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx"},this)}),void 0,!1,{fileName:"/opt/build/repo/src/content/blog/_mdx_bundler_entry_point-78a5e546-70d7-49ed-9300-9ce9e3a3a0f8.mdx"},this):ui(e)}var ss=cs;return bn(fs);})(); /*! Bundled license information: react/cjs/react-jsx-dev-runtime.development.js: (** * @license React * react-jsx-dev-runtime.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */ ;return Component;

Tag: data

Chart Parts: Anatomy of a chart