CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <script type="text/javascript"> !(function (o, c) { var n = c.documentElement, t = ' w-mod-'; (n.className += t + 'js'), ('ontouchstart' in o || (o.DocumentTouch && c instanceof DocumentTouch)) && (n.className += t + 'touch'); })(window, document); </script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700;900&display=swap" rel="stylesheet" /> <link href="https://fonts.cdnfonts.com/css/futura-pt" rel="stylesheet" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="./favicon.png" /> <link rel="apple-touch-icon" href="./favicon.png" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet" /> <link href="./_app/immutable/assets/0.c3e33d16.css" rel="stylesheet"> <link href="./_app/immutable/assets/Header.d6a95659.css" rel="stylesheet"> <link href="./_app/immutable/assets/Footer.4c106154.css" rel="stylesheet"> <link href="./_app/immutable/assets/Button.4cc127b5.css" rel="stylesheet"> <link href="./_app/immutable/assets/Badge.b7bcb877.css" rel="stylesheet"><title>LaDataViz - Data Visualization Studio</title><script async src="https://www.googletagmanager.com/gtag/js?id=G-CRPMKB2WP5"></script><meta charset="utf-8"><meta content="We empower people and organizations to visualize data by creating innovative tools, offering expert consulting, and sharing our knowledge." name="description"><meta content="LaDataViz - Data Visualization Studio | Tristan Guillevin & Jessica Bautista" property="og:title"><meta content="We empower people and organizations to visualize data by creating innovative tools, offering expert consulting, and sharing our knowledge." property="og:description"><meta property="og:image" content="https://ladataviz.com/main/main.png"><meta content="LaDataViz - Data Visualization Studio | Tristan Guillevin & Jessica Bautista" property="twitter:title"><meta content="We empower people and organizations to visualize data by creating innovative tools, offering expert consulting, and sharing our knowledge." property="twitter:description"><meta content="https://ladataviz.com/main/main.png" property="twitter:image"><meta property="og:type" content="website"><meta content="summary_large_image" name="twitter:card"> </head> <body data-sveltekit-preload-data="hover"> <div style="display: contents"> <header class="flex items-center bg-white z-50 sticky left-0 right-0 backdrop-blur-md bg-opacity-60 show transition-all duration-500 ease-in-out svelte-1q8c339"><div class="relative max-w-[--max-width] mx-auto flex items-center justify-between w-full py-4 px-8 md:px-12"><a href="/"><div class="flex items-center gap-1"><svg width="40" height="25.31645569620253" viewBox="0 0 2524 1597" fill="none" xmlns="http://www.w3.org/2000/svg" class="group shrink-0"><path d="M799.053 143L104 1533H1494.11L799.053 143Z" fill="transparent" fill-opacity="1" stroke="#211f54" stroke-width="127.414"></path><path d="M1262.42 143L1030.74 606.333L1494.11 1533H1957.47L1262.42 143Z" fill="#211f54" fill-opacity="1" stroke="#211f54" stroke-width="127.414"></path><path d="M1725.79 143L1494.11 606.333L1957.47 1533H2420.84L1725.79 143Z" fill="transparent" fill-opacity="1" stroke="#211f54" stroke-width="127.414"></path></svg> <p class="font-display font-bold ml-[2.5%] pt-[.5%] leading-none" style="color: #211f54; font-size: 29.629629629629626px; letter-spacing: -0.2962962962962963px;">LaDataViz </p></div></a> <div class="flex items-center md:hidden"><div class="w-6 h-full gap-1 flex flex-col items-center justify-center cursor-pointer"><div class="w-full h-[2px] bg-gray-500 rounded-full"></div> <div class="w-full h-[2px] bg-gray-500 rounded-full"></div> <div class="w-full h-[2px] bg-gray-500 rounded-full"></div></div> </div> <div class="hidden md:flex flex-row gap-8"><p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] font-display relative group" style="text-wrap: unset"><a href="/about" class="text-accent">About</a> </p><p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] font-display relative group" style="text-wrap: unset"><a href="/consulting" class="hover:text-black transition duration-150">Consulting</a> </p><p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] font-display relative group" style="text-wrap: unset"><a href="/tools" class="hover:text-black transition duration-150">Tools</a> </p><p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] font-display relative group" style="text-wrap: unset"><a href="https://store.ladataviz.com/" class="hover:text-black transition duration-150">Store</a> </p><p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] font-display relative group" style="text-wrap: unset"><a href="/login" class="hover:text-black transition duration-150">Login</a> </p></div></div> </header> <div class="relative isolate flex w-full flex-col z-[-10]"> <svg class="absolute inset-x-0 -top-14 -z-10 h-[1000px] w-full fill-accent-semitransparent stroke-[#f4f4f4] [mask-image:linear-gradient(to_bottom_left,white_40%,transparent_50%)]"><rect width="100%" height="100%" fill="url(#pattern-qngfguaux)" strokewidth="0"></rect><svg x="50%" y="46" strokewidth="0" class="overflow-visible"><path transform="translate(448 160)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path><path transform="translate(-32 160)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path><path transform="translate(160 160)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path><path transform="translate(288 480)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path><path transform="translate(-96 480)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path><path transform="translate(352 160)" d="M45.119 4.5a11.5 11.5 0 0 0-11.277 9.245l-25.6 128C6.82 148.861 12.262 155.5 19.52 155.5h63.366a11.5 11.5 0 0 0 11.277-9.245l25.6-128c1.423-7.116-4.02-13.755-11.277-13.755H45.119Z"></path></svg><defs><pattern id="pattern-qngfguaux" width="96" height="480" x="50%" patternUnits="userSpaceOnUse" patternTransform="translate(0 46)" fill="none"><path d="M128 0 98.572 147.138A16 16 0 0 1 82.883 160H13.117a16 16 0 0 0-15.69 12.862l-26.855 134.276A16 16 0 0 1-45.117 320H-116M64-160 34.572-12.862A16 16 0 0 1 18.883 0h-69.766a16 16 0 0 0-15.69 12.862l-26.855 134.276A16 16 0 0 1-109.117 160H-180M192 160l-29.428 147.138A15.999 15.999 0 0 1 146.883 320H77.117a16 16 0 0 0-15.69 12.862L34.573 467.138A16 16 0 0 1 18.883 480H-52M-136 480h58.883a16 16 0 0 0 15.69-12.862l26.855-134.276A16 16 0 0 1-18.883 320h69.766a16 16 0 0 0 15.69-12.862l26.855-134.276A16 16 0 0 1 109.117 160H192M-72 640h58.883a16 16 0 0 0 15.69-12.862l26.855-134.276A16 16 0 0 1 45.117 480h69.766a15.999 15.999 0 0 0 15.689-12.862l26.856-134.276A15.999 15.999 0 0 1 173.117 320H256M-200 320h58.883a15.999 15.999 0 0 0 15.689-12.862l26.856-134.276A16 16 0 0 1-82.883 160h69.766a16 16 0 0 0 15.69-12.862L29.427 12.862A16 16 0 0 1 45.117 0H128"></path></pattern></defs></svg> </div> <section class="min-h-[75dvh] flex items-center justify-between relative px-12 py-24 w-full max-w-[--max-width] mx-auto"><div class="flex flex-col items-start justify-center z-20 relative"> <div><span class="relative text-sm flex w-max items-center rounded-full px-4 py-1 font-display font-normal mb-4 bg-white text-dark-indigo svelte-3va6su">About </span></div> <div><h1 class="font-display font-bold text-dark-indigo leading-[1.025] text-[40px] md:text-[55px] lg:text-[70px] text-left max-w-5xl" style="text-wrap: balance;">We are a <span class='text-accent'>feel-good </span>duo that loves data</h1></div> <div class="mt-6"><div class="flex justify-end items-center gap-2.5"><a class="hover:scale-[.99] px-4 md:px-6 py-3 rounded-lg font-display font-medium text-xs md:text-base bg-accent text-white custom-shadow svelte-16h5oel" href="/tools">Browse tools</a> <a class="hover:scale-[.99] px-4 md:px-6 py-3 rounded-lg font-display font-medium text-xs md:text-base bg-accent-semitransparent text-accent custom-shadow-secondary svelte-16h5oel" href="/consulting">Work with us</a></div></div></div></section> <section class="z-10 bg-transparent px-6 sm:px-8 md:px-16 py-24 "><div class="w-full max-w-[--max-width] mx-auto"> <div class="flex flex-col lg:flex-row gap-8 md:gap-12"><div class="flex-1"><img src="/assets/team.jpg" alt="Two people working on a laptop" class="rounded-lg max-h-[600px] mx-auto w-full object-cover object-top"></div> <div class="flex-1 flex flex-col justify-between gap-2"><h1 class="font-display font-bold text-dark-indigo tracking-[-0.01em] leading-[1.1] text-[32px] md:text-[44px] lg:text-[54px] " style="text-wrap: balance;">About</h1> <p class="font-body text-gray-500 tracking-[-0.01em] text-[24px] leading-[38px] !text-gray-700 !leading-snug font-display font-medium mt-2 mb-4" style="text-wrap: unset">Jessica and Tristan run a remote-first data visualization studio, <b>LaDataViz</b>. </p> <div class="flex flex-col justify-start gap-2"><p class="font-body text-gray-500 tracking-[-0.01em] text-[20px] leading-[30px] !text-gray-700 font-display font-medium" style="text-wrap: unset">Tristan</p> <p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] " style="text-wrap: unset">Renowned as a Tableau Visionary, Ambassador, and Iron Viz Champion, Tristan is always pushing the boundaries of conventional tools. To democratize his work, Tristan consistently shares insights through educational content on YouTube and a newsletter. All of this contributes to the overarching goal of maintaining a location-independent business operation. </p> <div class="flex flex-row items-center justify-start gap-2 mt-1 mb-6"><a class="h-6 w-6 flex items-center justify-center" href="https://newsletter.ladataviz.com" target="_blank" rel="noopener noreferrer"><img src="/social/email.svg" alt="Newsletter"> </a><a class="h-6 w-6 flex items-center justify-center" href="https://www.youtube.com/@ladataviz" target="_blank" rel="noopener noreferrer"><img src="/social/youtube.svg" alt="Youtube"> </a><a class="h-6 w-6 flex items-center justify-center" href="https://public.tableau.com/app/profile/ladataviz/vizzes" target="_blank" rel="noopener noreferrer"><img src="/social/tableau.svg" alt="Tableau"> </a><a class="h-6 w-6 flex items-center justify-center" href="https://www.linkedin.com/company/ladataviz" target="_blank" rel="noopener noreferrer"><img src="/social/linkedin.svg" alt="LinkedIn"> </a><a class="h-6 w-6 flex items-center justify-center" href="https://www.x.com/ladataviz" target="_blank" rel="noopener noreferrer"><img src="/social/x.svg" alt="X"> </a></div></div> <div class="flex flex-col justify-start gap-2"><p class="font-body text-gray-500 tracking-[-0.01em] text-[20px] leading-[30px] !text-gray-700 font-display font-medium" style="text-wrap: unset">Jessica</p> <p class="font-body text-gray-500 tracking-[-0.01em] text-[16px] leading-[24px] " style="text-wrap: unset">Proud Mexican with a Master's degree in Mechanics, Jessica has worked in diverse industries as a tester and developer. Feeling the call for a more creative professional journey, she pivoted in 2022 to data visualization and joined Tristan to co-run LaDataViz. Jessica was awarded the title of "DataDev Ambassador" by Tableau in 2024. </p> <div class="flex flex-row items-center justify-start gap-2 mt-1"><a class="h-6 w-6 flex items-center justify-center" href="https://www.linkedin.com/in/jessica-bautista-gauna/" target="_blank" rel="noopener noreferrer"><img src="/social/linkedin.svg" alt="LinkedIn"> </a><a class="h-6 w-6 flex items-center justify-center" href="https://public.tableau.com/app/profile/jessica.bautista/vizzes" target="_blank" rel="noopener noreferrer"><img src="/social/tableau.svg" alt="Tableau"> </a><a class="h-6 w-6 flex items-center justify-center" href="https://www.x.com/latinaviz" target="_blank" rel="noopener noreferrer"><img src="/social/x.svg" alt="X"> </a></div> </div></div></div> <img class="flex flex-row items-center justify-center mt-24 max-w-[1000px] w-full mx-auto object-cover object-top" src="/assets/accoladesbig.png" alt="Visionary"></div></section> <section class="z-10 bg-transparent px-6 sm:px-8 md:px-12 "><div class="w-full max-w-[--max-width] mx-auto"><div class="bg-accent max-w-[1268px] mx-auto rounded-[40px] p-12 custom-shadow min-h-48 flex flex-col justify-between undefined svelte-3i0ikc"><div class="flex flex-col md:flex-row justify-between items-stretch gap-8 md:gap-4"><div class="flex flex-col gap-6 md:gap-12"><h1 class="font-display font-bold text-dark-indigo leading-[1.025] text-[40px] md:text-[55px] lg:text-[70px] text-white" style="text-wrap: balance;">Wanna work with us?</h1> <h1 class="font-display font-bold text-dark-indigo tracking-[-0.01em] leading-[1.1] text-[16px] md:text-[20px] lg:text-[24px] text-white font-normal" style="text-wrap: balance;">Check our tools, or contact us directly:</h1></div> <div class="flex justify-end items-end gap-2"><a class="hover:scale-[.99] px-4 md:px-6 py-3 rounded-lg font-display font-medium text-xs md:text-base bg-white text-accent svelte-16h5oel" href="/tools">Tools</a> <a class="hover:scale-[.99] px-4 md:px-6 py-3 rounded-lg font-display font-medium text-xs md:text-base bg-white text-accent svelte-16h5oel" href="/#contact">Contact</a></div></div> </div></div></section> <section class="z-10 bg-transparent px-6 sm:px-8 md:px-16 py-24 "><div class="w-full max-w-[--max-width] mx-auto"><h1 class="font-display font-bold text-dark-indigo tracking-[-0.01em] leading-[1.1] text-[32px] md:text-[44px] lg:text-[54px] text-center" style="text-wrap: balance;">Learn more about us</h1> <div class="flex flex-row items-center justify-center mt-12 gap-6"><a class="h-12 w-12 flex items-center justify-center" href="https://www.youtube.com/@ladataviz" target="_blank" rel="noopener noreferrer"><img src="/social/youtube.svg" alt="Youtube"> </a><a class="h-12 w-12 flex items-center justify-center" href="https://www.x.com/ladataviz" target="_blank" rel="noopener noreferrer"><img src="/social/x.svg" alt="X"> </a><a class="h-12 w-12 flex items-center justify-center" href="https://newsletter.ladataviz.com" target="_blank" rel="noopener noreferrer"><img src="/social/email.svg" alt="Newsletter"> </a><a class="h-12 w-12 flex items-center justify-center" href="https://public.tableau.com/app/profile/ladataviz/vizzes" target="_blank" rel="noopener noreferrer"><img src="/social/tableau.svg" alt="Tableau"> </a><a class="h-12 w-12 flex items-center justify-center" href="https://www.linkedin.com/company/ladataviz" target="_blank" rel="noopener noreferrer"><img src="/social/linkedin.svg" alt="LinkedIn"> </a></div></div></section> <footer class="flex items-center justify-center w-full svelte-3i0ikc"><div class="bg-accent shadow-[0_-5px_10px_10px_#3423aa25] w-full rounded-t-3xl p-12 min-h-96 flex flex-col justify-between svelte-3i0ikc"> <div class="flex flex-col justify-center gap-4 max-w-[600px]"><div class="flex items-center gap-1"><svg width="96" height="60.75949367088607" viewBox="0 0 2524 1597" fill="none" xmlns="http://www.w3.org/2000/svg" class="group shrink-0"><path d="M799.053 143L104 1533H1494.11L799.053 143Z" fill="transparent" fill-opacity="1" stroke="white" stroke-width="127.414"></path><path d="M1262.42 143L1030.74 606.333L1494.11 1533H1957.47L1262.42 143Z" fill="white" fill-opacity="1" stroke="white" stroke-width="127.414"></path><path d="M1725.79 143L1494.11 606.333L1957.47 1533H2420.84L1725.79 143Z" fill="transparent" fill-opacity="1" stroke="white" stroke-width="127.414"></path></svg> <p class="font-display font-bold ml-[2.5%] pt-[.5%] leading-none" style="color: white; font-size: 71.1111111111111px; letter-spacing: -0.711111111111111px;">LaDataViz </p></div> <p class="text-base text-gray-100 font-display">We empower people and organizations to visualize data by creating innovative tools, offering expert consulting, and sharing our knowledge. </p></div> <div class="flex flex-col md:flex-row max-md:mt-12 justify-between items-start md:items-end gap-8"> <div><p class="text-white/80 font-normal text-s">Stay updated with our latest tools and articles </p> <iframe src="https://embeds.beehiiv.com/dd90ab2c-19b3-40e0-bf94-c792289bf1df?slim=true" width="100%" height="100px" data-test-id="beehiiv-embed" frameborder="0" scrolling="no" style="max-width:400px; max-height:55px; border-radius: 0px !important; background-color: transparent;"></iframe></div> <div class="flex flex-row gap-16"><div class="flex flex-col items-start gap-1"><p class="text-xs text-gray-100 tracking-wide font-display uppercase mb-1">Pages</p> <p class="font-body text-gray-500 tracking-[-0.01em] text-[20px] leading-[30px] text-white font-semibold" style="text-wrap: unset"><a href="/">Home</a></p> <p class="font-body text-gray-500 tracking-[-0.01em] text-[20px] leading-[30px] text-white font-semibold" style="text-wrap: unset"><a href="/about">About</a></p> <p class="font-body text-gray-500 tracking-[-0.01em] text-[20px] leading-[30px] text-white font-semibold" style="text-wrap: unset"><a href="/consulting">Consulting</a></p> <p class="font-body text-gray-500 tracking-[-0.01em] text-[20px] leading-[30px] text-white font-semibold" style="text-wrap: unset"><a href="/tools">Tools</a></p></div> <div class="flex flex-col items-start gap-1"><p class="text-xs text-gray-100 tracking-wide font-display uppercase mb-1">Links</p> <a class="flex flex-row items-center gap-2" href="https://newsletter.ladataviz.com" target="_blank" rel="noopener noreferrer"><img class="h-6 w-6" src="/social/email-white.svg" alt="Newsletter"> <p class="font-body text-gray-500 tracking-[-0.01em] text-[20px] leading-[30px] text-white font-semibold" style="text-wrap: unset">Newsletter</p> </a><a class="flex flex-row items-center gap-2" href="https://www.youtube.com/@ladataviz" target="_blank" rel="noopener noreferrer"><img class="h-6 w-6" src="/social/youtube-white.svg" alt="Youtube"> <p class="font-body text-gray-500 tracking-[-0.01em] text-[20px] leading-[30px] text-white font-semibold" style="text-wrap: unset">Youtube</p> </a><a class="flex flex-row items-center gap-2" href="https://www.linkedin.com/company/ladataviz" target="_blank" rel="noopener noreferrer"><img class="h-6 w-6" src="/social/linkedin-white.svg" alt="LinkedIn"> <p class="font-body text-gray-500 tracking-[-0.01em] text-[20px] leading-[30px] text-white font-semibold" style="text-wrap: unset">LinkedIn</p> </a><a class="flex flex-row items-center gap-2" href="https://www.x.com/ladataviz" target="_blank" rel="noopener noreferrer"><img class="h-6 w-6" src="/social/x-white.svg" alt="X/Twitter"> <p class="font-body text-gray-500 tracking-[-0.01em] text-[20px] leading-[30px] text-white font-semibold" style="text-wrap: unset">X/Twitter</p> </a></div></div></div></div> </footer> <script> { __sveltekit_oc7fcj = { base: new URL(".", location).pathname.slice(0, -1), env: {} }; const element = document.currentScript.parentElement; const data = [null,null]; Promise.all([ import("./_app/immutable/entry/start.8083cce8.js"), import("./_app/immutable/entry/app.9d342908.js") ]).then(([kit, app]) => { kit.start(app, element, { node_ids: [0, 24], data, form: null, error: null }); }); } </script> </div> </body> </html>