From vibe to Vizibly: building a data-badge platform without being a software engineer

0:01 Chris McClellan: So welcome to Team DataFam Tableau User Group meeting number 88.

0:05 This TUG aims to record all the in-person and unrecorded presentations. So I don't care if you've presented in front of a large audience or a smaller audience, or not even presented before, and this presentation has never been presented before. Uh, so please get in touch if you wanna present something. Uh, we'll figure out a time. My email is team.DataFam@Gmail.com.

0:29 But today we have Michelle and Sophie. Both of them have presented numerous times before, 'cause I know.

0:34 Uh, but today they're talking about a new project they've got going, which is called Vizibly.

0:40 So the presentation is called From Vibe to Vizibly: Data Badges, Event Management, and Building in the Open, and I'll hand it over to you guys, and you can take it from here.

0:51 Michelle Maraj: Awesome. Thank you so much, Chris.

0:54 From Vibe to Vizibly. So thank you all so much for having us. If you were here a couple minutes earlier, you got to see our badge wall. I will show it again, um, further in the presentation. But basically, yeah, Vizibly is a event activation app, and so if you weren't here, you can take the survey right now. There is a QR code right here, but again, we will get into it a little bit more.

1:14 But we're gonna be talking about what a data badge is, how it gets people talking about your events, and then also what exactly Vizibly is, why we built it, and how, how we built it.

1:26 And so, yep, already went over the table of con-contents here.

1:30 So really, really quickly, for those of y'all I have not yet met yet, my name is Michelle Maraj, and my passion is making data less intimidating. So my favorite people to work with are people that either haven't used data before or are new to it, don't really feel comfortable using it, and really just showing them how much fun, how interesting, and what you can really get out of it.

1:50 Um, so really like working with, I mean, of course, all different kinds of people, but really specializing in that area. For me personally, I do have about 10 years of dashboard development experience, and so you can see the companies that I worked at below. But just been in the DataFam for a hot minute. Right now I do help run the Data and Woman US West Coast Tableau user group, and so I see my co-leads are in the, um, audience today as well.

2:15 So you can… I think I mentioned earlier, um, we have a d- a TUG meeting tomorrow, so you can find us there. I have also gotten a Tableau Viz of the Day. So I'm a little bit embarrassed because I actually looked up the date and I got it back in 2019, so it's been a minute. Um, but it's one of those things where it's like once you start doing a lot of Tableau for work, you aren't publishing as much anymore.

2:36 But you can see my Viz of the Day right here. It was about, um, Nellie Bly, who traveled the world in 72 days. But I'm also a Tableau Speaker Bureau member, and then I also– I love to volunteer with Women in Tech, and so like I mentioned, really helping people who aren't used to using data. So I'm very active in both the Tech Woman community and with WAKE, Women's Alliance for Knowledge Exchange, and that's where I spend a lot of time.

3:01 And then I'm going to introduce, this is my co-founder, Sophie.

3:06 Sophie Sparkes: Hey, everyone. My name's Sophie. Um, I… Sophie Sparkes. So I've been working in data and in Tableau since 2013.

3:15 Um, and more focused on the, uh, community and training side. Um, so I've got sort of nine, over nine years in Tableau and data community management experience.

3:26 And right now I am a freelance data experience and data activation designer. So I make lots of data badges. I run workshops on creative data viz and using data visualization and thinking about data in very different kinds of situations.

3:43 Um, so yeah, I'd say I'm a data badge practitioner, um, which sounds a bit unusual 'cause it's, um, but it is. It's quite fun.

3:52 I have recently finished a mas-masters in creative data visualization and, um, design for data visualization, and I start a PhD in seven weeks, um, at, uh, City St George's, um, University of Warwick, um, between the two universities, um, in creative data viz. So I'm hoping to do a lot more data badges. And co-founder of Vizibly Live, so it's really lovely to be here.

4:18 So I've known Chris for quite a long time. Um, I'm an Australian as well, but I'm based in the UK at the moment, so we both say data instead of data or wherever else. Somebody needs to do a viz on how people say the word data, 'cause it's like quite interesting.

4:32 Um, yeah, so here's a picture of me with a data badge for a Tableau, for the Tableau DataFam Europe 2024. I was there live making data badges as part of their surprise and delight experience. And the other photo is part of my exhibition that ran last year, looking at privacy terms and conditions. And so I analyzed them all and went really big. This was like five meters up a wall.

4:58 It was great fun.

5:01 So data badges, what are they and why a room full of people ends up talking about them?

5:06 So, so we saw the, the, the badges that were made a little bit earlier, but some people have heard about data badges and some people haven't. Basically, a data badge is a way to visualize information through a survey, um, of some form, and for every answer to that survey, you change a visual part of that badge. So it's a really lovely way to display information, you know, beautifully designed, engaging, um, not necessar- They can run from things that are really incredibly easy to read to things that are very beautiful, um, but maybe a little trickier to read.

5:41 But they're always conversation starters, and they are unique to you. So your data badge is based on your answers to a set of questions, and nobody else will answer the same things in the same way.

5:52 Um, so it's uniquely yours and really quite fun to do. So every badge is generated from those answers. Um- What it is, I sort of gone over that a little bit. So it's a personal visualization that encodes information about the person wearing it.

6:08 And the idea is that every question ha- is, is a template. So you, depending what your answer is, that the images will change, but they change in a predictable way. Every, um, answer has a specific image or visual attached to it, so everyone knows who also has a similar badge how to read them. So no two badges look alike, but everyone can understand each other's.

6:34 Um, they can be digital, physical, intricate, really simple, very easy to read, very artistic, and maybe harder to decipher, more of a, uh, design piece. They, they can be made for you by hand. They can be created digitally. There's a whole range of doing them, but they are all, uh, very engaging and lovely, and, um, it is a portrait made of data, and it's not a lanyard with your job title on it.

7:00 It can be sitting next to the lanyard with your job title on it. It can include your name and your job title and the lanyard as well if you'd like, um, but it is not just a standard badge, um, it is a data badge.

7:14 So why they work? People love seeing themselves in data, and also, frankly, people are bored shitless, if I'm allowed to say that, Chris, of the same type of swag you get at events. I have so many, so many plastic, like, water drinking things. I give them to my kids. There's just too, too many of them. Notebooks, actually useful, so I'm not gonna complain about that.

7:35 But, uh, a data badge people love 'cause it's about them. They made it. It's their own information. And the best way to get people talking is to ask them questions about themselves 'cause you're the own- the best expert about you that there is. So when attendees arrive at an event, they already have something in common. They've made a data badge together, and they can decipher each other's data badges and use those as conversation starting points.

8:00 Also, it gives something attendees something to share that is novel and unique and uniquely theirs to share about your event, either before, during, or after. So they act as marketers basically for your event. They might talk about it beforehand if the badges are available beforehand, and they will share them afterwards.

8:19 So for an event organizer's point of view, it's a win-win. The attendees have a fantastic experience and get this unique, um, digital, physical, uh, takeaway and conversation starter piece, and you get to delight your attendees by giving them something that they can share, um, with other attendees, with their friends and family.

8:39 I actually have some people from, uh, who I made these personalized data badges for at DataFam 2024, who had them stuck up on their, um, on their pin boards in their office for over a year. And next year when they came along, they wore their badges again to connect with people who'd been at the DataFam 2024 when it was 2025, which was really lovely.

9:00 Um, yeah, and it says something about the person and people share it, which is not the same for, you know, tote bag number 27.

9:11 And it's not just us making data badges. We are standing on the shoulders of some serious giants in the wider data viz world.

9:19 Um, so here are some pictures of data badges in the wild. Um, on the far left-hand side, you have Data Vandals based in New York.

9:27 Um, this is an offshoot of, um, some people who worked at, uh, an artist and, uh, someone who used to work at McKinsey, and they now do this really punk data, um, viz looking thing. It's great fun. This is a big community workshop they ran. Um, then you've got, uh, two sets of badges here. The wall is by Stefanie Posavec, and the one underneath, um, are data badges that Giorgia Lupi made for TED, um, a few years ago.

9:51 So these are the two co-authors of, um, "Dear Data," if you, uh, knew that sort of s- um, book they have. It's now part of the standing collection in MoMA, in the, um, in New York.

10:02 And then y- in the middle there, we've got, uh, a data badge by Victor Munoz, who's a Tableau ambassador, and some other ones by other data viz people as well. Um, above is, uh, um, Rachel, I think. And below is another Giorgia Lupi one. So lots of people are making these out in the community. They're not always calling them data badges. Sometimes they're data portraits.

10:22 Sometimes they're just fun hands-on activities to make, but they are all that still essential. You're encoding information in a visual way, and it's quite fun and engaging.

10:33 And what do I do with data badges? So I really like making them by hand.

10:37 Um, they're really fun, so sometimes I bust out a actual physical pin badge maker, so this massive like…

10:44 It's got a very satisfying handle to pull. And, and press out badges live for people. That's what I, um, the picture on the lower left is showing, um, people at the Tableau DataFam Europe 2024. They answered a short survey on a piece of paper. I quickly sketched them by hand and added in the data on top of that sketch and pressed it into a badge.

11:04 Um, they're chaotic. They're fun. They– People love them.

11:07 Um, uh, but it only works if I'm in the room, and that doesn't scale. And that's why I'm so– I really love Vizibly 'cause it scales, and it can be virtual, and you can print them out, so it could be the best of both worlds. Um, the data badges, sometimes I make them. Sometimes I set up experiences where attendees can make them themselves. So in the middle, there's a data badge that I use for a, um, a Christmas party.

11:29 It was to use how festive you were. And then on the right-hand side is a data badge, um, making workshop that I ran a month or so ago, which was really fun.

11:39 Um, so yeah, Vizibly is the same experience, the same fun, the same energy that I am doing by hand at these events, but it is online, and it is virtual, which means we can do it in a lovely situation like this. And the DataFam, um, is the first group of people that we're showing Vizibly to, so it's lovely to have you here.

12:03 Um, so data badges get people talking before, during, and after the event. I've sort of talked about this already, but yeah, if you made your badges just before, you would've real- um, you get an image, you download. Imagine this is a few days before this event, you might share this online, um, especially 'cause it's, you know, it's one click, it's very easy to do that.

12:21 During the event, people can come up and talk about your badges. If it's digital, maybe it's the data badge wall that Michelle will show in a few moments. Um, or you could set them as your avatar. It's great. And then after the event, it's something you can share afterwards as well. And you can design badges to make them s- really potent to share before an event, really good as conversation starters during the event, or something people might wanna take away as, like, a part of their virtual, um, or physical swag bags to take away.

12:52 Right. H- um, are you taking over here, Michelle, or am I doing this one?

12:56 Michelle Maraj: Um, yeah, I can go from here.

12:59 I guess, yeah, just, um, the badge stop being a name tag. So thinking about badges as, like Sophie said, one of those things that can show more about, about you, um, not just your name. It gives you something to talk about and experience to go through with some of the other attendees at your event and, um, yeah, a conversation starter.

13:19 But thank you so much, Sophie, for the background. And so now I'm gonna talk about Vizibly.live, which is the virtual platform that we've put together. So really why we have created this platform for making data badges, and then the technical details of how it was actually built.

13:36 So I will admit, for me personally, I got laid off a couple months ago, and really trying to figure out what I wanted to do next. I knew I wanted to continue doing something in the data visualization field. I mean, I still love Tableau, and I still love the DataFam and being in this community, but really just trying to pivot, like, okay, how can we bring data visualization to more people?

13:55 How do we bring data to more people? And I've been following as… I mean, Sophie showed so many awesome examples of data badges in the past. I've always been fascinated by data badges and thought they were so, so cool and thought maybe that's something that I wanna get into, but it's facing the same constraints that Sophie had talked about, right?

14:13 And so a lot of historically, when we've seen a lot of data badges, they have been, like, in person, they're hand drawn, like very tactile and, I mean, it's amazing e- experience, but for me personally, I can't always go to events or we want to talk– we talked about scaling, making something that can scale to wider audiences or even something that can be used virtually.

14:33 Now, thinking of trying to brainstorm how we can scale it, that's how the platform of Vizibly came about. Really figuring out, okay, can we make a tool to allow people to do this, to make it easy for maybe like not as creative people to set up and structure, so that way they can have the data badges at their own events.

14:51 And so kind of like what we saw earlier, uh, we can set up the surveys, and then you set the questions once, then every attendee can self-serve and get their badges, uh, on their own and then share them virtually.

15:06 So how does this work from the attendee point of view? So again, if you were here earlier, you got to test it out. You can also test it out right now by following the QR code right there. But basically, as an attendee to one of the events that's using Vizibly, you would scan the QR code and take your survey. Um, the survey's just gonna be a handful of questions, whatever the event organizer set up.

15:25 And then we also encoded each question and answer with some type of symbols, some type of colors or images to help build up the badge. So at least from the attendee perspective, you scan your QR code, answer a couple quick questions, and then you get a badge that you can download and share. And so it's one of those things too, for me, like I attend a lot of trainings, a lot of meetups and things like that, and when you go in person, you know, you go to the Tableau Conference and you wanna take a picture with the big sign, right?

15:51 So you can post on LinkedIn that you were there. But when you attend some of these online trainings or some of these virtual events, you don't necessarily have that shareable moment to say, "Hey, I attended this," or, "I did this." So what Vizibly can help with is it gives you that shareable token to say, "Hey, look, I attended this event. Let's promote the– what I learned, what we did there." Now, Vizibly is just one way that you could do that.

16:18 From the event coordinator pr- side, and actually I will give a demo of the tool in a little bit, but similarly, you set up your designs. You can co- totally customize it. You can change the background, the sizes, the colors, the images, um, just really get creative and build a badge. But if you don't want to be too creative, we also have a lot of templates that you can use to start out with, and then you can change it to your own colors or change, customize your own questions as needed.

16:43 But the idea is that you could then share a badge wall, and so if you are sharing this, say as an icebreaker, then it's a good opportunity to show the badge wall so that way everybody can see what types of badges the other attendees made. And then you can talk through what you see. And so earlier one of the questions was, um, you know, where are you from?

17:03 And you can see the different diversity of different regions. Um, maybe you might wanna ask questions like, "Is this your first time here? Have you been here before?" And you can kind of gauge, you know, how your audience is feeling from those reactions.

17:18 So for Vizibly, I actually first used this tool called Lovable, which is a vibe coding platform, to create the first draft of it. So I'd used Lovable, uh, probably like maybe the end of last year for a separate project. And so I was already familiar with its existence when I thought of the idea of Vizibly and wanted to try it out. So the first chapter of Vizibly was created on Lovable, and I did finish it, I wanna say back in April, and so just a little bit before the Tableau Conference.

17:48 And Lovable, I think is a great tool, especially if you are just getting into vibe coding or you're newer to the whole AI space. I think the Lovable is an amazing platform to start on. Um, 'cause I also tried, I tried Claude Code and I tried Cursor, but they were- I'm technical, but I'm not crazy technical, and so those were a little bit– coming into it a little bit blind, those were trickier for me to set up.

18:11 Whereas Lovable, I felt like was very, very beginner friendly, very easy to set up. Um, like no tech background needed to get started. So I do highly, highly recommend using Lovable if you are interested in building like your own apps.

18:25 But our first prototype was built on Lovable. It was awesome. It was really great, and yeah, we built a product from it. After using– After doing that, I actually participated in a Lovable hackathon where I learned a ton more for a different project. But because I went through the hackathon, and they had a lot of trainings and a lot of sessions about how to really build out a tool, uh, I was able to revisit Vizibly and make it look a lot nicer and implement a lot of other, I don't know, like better security, better, um, like UX and things like that, just to really make it pop.

19:03 And this is also around the time that I met Sophie, and we started partnering together, and it's just really awesome to see, you know, work with somebody who's really been in the space and, you know, has great experience like working with people doing these types of data badges and really helping promote like how useful data badges can be for your event.

19:21 So then since then, we've moved off of Lovable just because, um, it does start to get expensive once you start to get really technical with it. And so now we are using a combination of, it's Claude Code, GitHub, Supabase, and Vercel to host it. And so, of course, if you have questions about either vibe coding or building apps and you want to learn more about that, happy to get into that as well and happy to chat with you more.

19:46 But for the most part, it was, um, more cost-effective to do it this way. But even then, as we've been building out Vizibly and working with Sophie to get ideas on like what features we need and what would really enhance the product, I personally, as the person who's doing a lot of the vibe coding, I've learned so much just about things like, I mean, APIs, payment processing.

20:07 I mean, here, payment processing, security risks, authentication. I mean, setting up single sign-on, setting up– We use, for Vizibly, I'll show y'all, but we use icons from the Noun Project, and so being able to set up an API to read those icons, and then also learning about how fast those costs grow, and so figuring out how to reduce costs from using an API was a whole thing.

20:30 Uh, and so it's been a really great learning experience just about, yeah, how to build a tool and being able to do it all through vibe coding, which has been really, really cool, because again, I'm not soft– I'm technical, but not software engineering technical. So it's just been a really fun experience to be able to build a tool, um, in collaboration with technology.

20:48 But as we say here, I mean, AI tools do make it easy to patch bugs and push updates. And so it's really neat because, I mean, Sophie can tell me like, "Hey, we saw this issue," and I can fix it, you know, within twenty-four hours. And it's so fast and it's so easy, and I think that, I mean, learning vibe code has been such a fun experience, and if you're thinking about doing it, I mean, highly recommend.

21:11 It's been really, really cool, and I feel like you learn so much about technology through doing it.

21:17 So now let's get into it.

21:21 So let's actually show the tool, right?

21:24 Clicking in.

21:27 So this was the badge wall that we had talked about earlier.

21:30 Let me give it a quick refresh. And so this is an example of something that you would show as– because we're looking at the tool itself, you could show this as an icebreaker to your event. You can either do it like at the beginning of your event, especially for like virtual events or even in-person events. You could display it on a wall and people can scan it, and you can see their badges appear as they answer the surveys.

21:53 And so, I mean, we can see here, you can scan the QR code, and if you scan it now, you- your badge will show up. And you can also kinda see what the different questions were and what people answered.

22:05 So for example, the color on the back is gonna be what region you're from. So it looks like we've got a lot of people from North America, South America.

22:15 And then also, have you heard of data badges before today? It's really interesting to see. We're about like, we're about fifty-fifty. Um, some people have heard of data badges and some haven't. So like I said, this is a great way to like break the ice as far as, say, you can engage with your audience this way. And then you can also, as people start to share them online, they can also see other attendees and what they came up with.

22:39 So from a design standpoint, how do you actually make this? So if you go to our website, we are Vizibly.live. You can create an account, and you can go to your events and create one. So I'm gonna create one really, really fast just to show you how easy it is. But I've got a lot of events going on, but I'm gonna create a new event. And like I said, you can start from a template, but I'm gonna start from scratch.

23:04 And then I should pull up, I have my questions as well, so I know what question I'm asking. Okay.

23:12 So we're gonna make the badge that we just saw, the badge for this event. This is vibe to Vizibly.

23:19 Vizibly. I should know how to spell my own website. Vizibly.

23:25 It's one of those things you stare at it too long and everything looks funky. Um, and so as far as building out a badge, really what you're gonna do is you're going to configure what you want those survey questions to be and what marks you want tied to them.

23:38 So I'm just gonna answer just a little details about my event.

23:43 And then again, because the idea of these badges is that you want them to be shareable, you can customize them to however you think your audience is gonna use them.

23:53 Oh, this audience might use LinkedIn, so we can make it sized for LinkedIn. And then we can also change out the background. So if you want something spiffier, you can do that.

24:05 Um, you can upload images, set colors, anything that you want to do. Very customizable, like I said. We're gonna leave the default.

24:14 Now let's talk about the surveys. So as you saw, actually, because if you are watching this recording, you may not have gone through it, but this is the attendee side of creating a data badge. And so it is, as Sophie mentioned earlier, you will use survey questions that are linked to the different marks on the badge.

24:34 So as you answer these questions, your badge is going to be built out before you. So really what we're gonna do is we're gonna write out some of the questions and then tie those to the shapes, the colors.

24:47 So coming back to the survey builder, the first question was, "Where are you joining from?" And so again, I'm just gonna go pretty quickly, but I'm gonna say Americas, Australia/Asia, and Europe/Africa.

25:06 So I wrote out my survey very similar to most of your other survey tools, and then I can click on this button to add symbols. So you can add shapes.

25:18 I mentioned icons. You can upload your own marks, um, or you can use text.

25:24 But if I wanted to do a circle, again, going pretty quickly because I know what I want.

25:32 But let's say for Americas, I want this cool pink circle.

25:38 For Australia/Asia, I'm gonna use the symbol, the mark that I've already got, the shape I've already got, and just change the color.

25:47 Add the shape.

25:48 For Europe, same thing.

25:51 Let's do purple to make it a little bit different. So now, in the survey, when people get to the question, "Where are you journeying from?" Depending on what they answer, you can see the background will change.

26:02 So that's gonna be pretty cool.

26:04 The next question was, "Have you heard of data badges before?" And the question and answers are yes or no. So for this one I'm gonna do icons. So we can search for anything. I'm just gonna see if yes comes up with anything.

26:20 Um, so it's like you can type in… I mean, depending on what the question is, you could type in pretty much anything, like travel, food.

26:27 Um, you can see I was doing stuff with…

26:30 I've got like UFOs and dragons for a badge I was making earlier. So you can really get creative with what we look at.

26:38 But let's say for yes, I want this checkbox, and then for no, I'm just gonna see if there is something comparable for no.

26:49 Oh, no icons found.

26:52 So, oh, I know I'm going kind of fast, but there's a Related Icons button.

26:58 So I'm just clicking the Related Icons and seeing if there's anything helpful there. So maybe we'll just do the X and add that to the badge.

27:07 So again, depending on if they click yes or no, you can see that the badge is gonna change. Maybe I'll center that.

27:18 And then the final question was, "What's your experience with AI?" And I don't really want to type them all out, so I'm just gonna do one, two, three, four.

27:28 Um, and then same thing. You can– I had uploaded some different images from Vizibly. You can do that. Um, I'm gonna actually do stars. Oop.

27:41 Getting a phone call. We're gonna do a pat. You can fill up patterns, you can repeat them. I'm gonna repeat some stars here.

27:51 And then, so I'm gonna do one star for one, two stars for two.

27:58 Again, we're recording this. We can go back if you want me to go slower, but the idea is here you can create different symbols to help encode the answers to your questions. And we're gonna call it. So we're gonna say that this is our badge. We've got big X, big check, and some stars.

28:19 But basically from there, you can then see your legend. And so if you want the legend to display on the badge, you can do that. If you want to hide it, you can turn it off. And maybe you just want people to download the badge itself, depending on what kind of experience you want. But then when you're done, you can publish it,

28:37 and then your survey will be live. And you can see, I can go through and create it from there. So I think… I don't know what time I started, but I feel like that was less than five minutes. Um, basically the idea is that you can create a data badge, again, in less than five minutes. You can do it from home, and then you either take it to your event or, um, display it.

28:59 Yeah, display it during your virtual event, take it to an in-person event, whatever you need to do.

29:05 So that's Vizibly, and that's how to build a badge. So like we said,

29:11 every badge is generated from the answers behind it, so it really just depends how you want to configure it. Um, you can get as customizable, as funky as you want, or you can do, you know, simple shapes. And it really just kind of depends on what you want to do for the branding for your event.

29:27 Uh, again, you can try it yourself if you visit Vizibly.live, and we would love to hear feedback. And so we are still kind of in beta, beta testing right now, and so we are definitely looking for people to both, one, test out the badge. We call it the badge, like the badge survey, the survey configuration, and really just giving us feedback on if it's easy, intuitive, I mean, if it's hard, if it's intuitive, um, and really helping us find out any bugs and different things like that.

29:53 So if you would be interested in building out a badge, we would love, love, love to hear from you.

29:58 And then we are also looking for people to try it at different events. Um, if you have an event coming up We would love to see you build a badge and we would love to see you test the badge at your event and really give us feedback on if it was interesting for your audience, um, how people reacted to it, and what came of it. Now, you will be seeing Vizibly…

30:17 I mean, you saw it at this event. We have at our Data + Woman, we've got a Vizibly coming up, and then I'm actually going in person to the Bay Area TUG next week, and we are going to do Vizibly in person there. So really testing it out in different places, but again, if you would be open to testing it, we would love to hear from you.

30:38 So I think that wraps up our introduction to Vizibly. So thank you all so much for listening to us, and we really, really appreciate it. So again, if you are interested in testing it, please let us know, and we'd love to hear from, hear from you.

30:53 Sophie Sparkes: And if anybody has made a badge, um, today for the badge wall, if you'd like to share it on social and tag in Vizibly Live or Michelle and myself, that would be great as well because, yeah, it's… We love seeing people post them online.

31:06 Michelle Maraj: Mm-hmm.

31:08 Yeah. And then-

31:09 Chris McClellan: I've already, I've already posted mine on LinkedIn.

31:12 Sophie Sparkes: Amazing. Thank you so much.

31:14 Chris McClellan: Yeah.

31:16 Michelle Maraj: And then, yeah, we were hoping we could take a group picture really quick. If, um, if you are comfortable getting off your camera and waving, that'd be really, really cool, but if not, just being here is also great.

31:27 And I was gonna share this, and if we have maybe give it a couple of seconds for us to do a screenshot, that would be so, so awesome.

31:37 Hello, hello. Good to see you, and thank you guys so much for coming.

31:43 Okay, shall we do it?

31:46 Okay, I can t- All right. Shall I count down? Three, two, one.

31:53 Oh, and see, since I'm sharing, you guys can see it too.

31:57 But, uh-

31:57 Chris McClellan: I think you gotta stop sharing, but, but if you stop sharing-

32:00 Michelle Maraj: Thank you

32:00 Chris McClellan: … you can see all the cameras as well. Who knows?

32:02 Michelle Maraj: Yeah.

32:05 Well, all right. Thanks again, and thanks again so much for having us, Chris. Really appreciate it.

32:08 Chris McClellan: Awesome. Not a problem.

32:09 No, it was good. I've, I've been doing vibe coding as well, so it was, it was good to see your take on it and, and moving from Lovable to Claude Code just to probably sort of get more functionality maybe, save on costs, all of the above.

32:23 Michelle Maraj: Yeah, I would say because… So Lovable is really great from a…

32:27 It's like a first, fir- first prototype from a UI/UX perspective, but it does take a… It uses a lot more credits, and the credits are a little bit more expensive. And so moving-

32:36 Chris McClellan: Mm-hmm

32:37 Michelle Maraj: … over to Claude Code, I was able to get a lot more done, uh, cheaper.

32:41 Chris McClellan: Yeah, definitely.

32:43 If there's no more questions, we'll move on.

32:46 We can come back and ask questions later or just post them in the chat.

32:50 So here's all Michelle's contact details.

32:54 Obviously Vizibly.live, but LinkedIn and Tableau Public.

32:58 And here's all Sophie's details as well.

33:02 And this is the time where I normally talk about a survey, but, um, I'll tell you a little, a little story about vibe coding.

33:09 Um, so the survey is vibe coded, right? I probably did the same as what Michelle did, sat down, talked to Claude, said, "I want a survey, survey system. I want it to do this," blah, blah, blah, um, and built a survey. That's what I've run for the last few TUGs. I also had a button in the survey to build AI-generated questions, and that was working well until today because there's something wrong with the code and it uses a, an AI engine that doesn't exist anymore.

33:39 So we sat down before the meeting and built up some questions. Everyone answered those questions, right? And then I realized during the presentation that I hadn't actually marked any answers right.

33:50 So here's how, here's how the survey usually works. First question's always where do you live, state and country. We've got a good representation today, but it's a word cloud. As more people type in the same answer, the font gets bigger. Easy. Everyone knows how a word cloud works.

34:07 And then we have the next question: what industry do you work in?

34:11 And a range of industries: healthcare, consulting, automotive, finance, professional services.

34:16 And we get to our last standard question, which is how many years you've been, have you been using Tableau? Everyone said nine plus today.

34:23 The reason I like this graph is my running comment is always everyone starts at zero, right? There was a time when no one used Tableau or you didn't learn, learn Tableau, and you've gone on from there.

34:36 So there's always a nice mix. It's always interesting to see that.

34:41 But while Michelle was presenting, I checked the next question, which is which AI engine was used to create Vizibly?

34:49 And I realized that my nice vibe-coded app allowed me to type in this question, 'cause I did this with, with Michelle just before, and we didn't mark any answer as being correct.

35:02 So yeah, and I can see her laughing.

35:05 Um, so we sort of know that the answer was Claude because we wrote these answers out, and we chose Claude as being the right answer, and during the presentation I went, "Mm." I, I was watching these results as well as, you know, the Vizibly wall updates live all the time, and this updates live all the time.

35:22 And so w- I went back and saw that people were answering Claude and it wasn't right, because the correct answer is highlighted in green.

35:31 So I jumped back into my app, and I marked the question as being correct, or the, the Claude answer as being correct, and, um, number one, it wiped all the responses, and number two, because I've already answered the survey for today, I can't take it again.

35:50 So again, the, the beauty of vibe coding and, and sort of running things in beta live.

35:56 So we can't go over these questions today. I'll tell you the answers anyway. So which AI was used to create Vizibly?

36:03 It was covered, being Claude.

36:06 Um, yes, Michelle, which is why we want beta testers. It's always… You can never check everything just while you're building things yourself.

36:14 Um, you've just gotta know. Uh, this is a trick question. How many viz of the Days do Michelle and Sophie have combined?

36:24 Does anyone want to, um, post the correct answer in the chat?

36:31 Anne says four.

36:34 Sophie's on mute, so I can't hear a word she's saying.

36:38 I can see Sophie's reaction, I just can't hear her. Yeah?

36:42 Sophie Sparkes: Oh, I was just saying I'm gonna get this terribly wrong and it's embarrassing, so I was trying to, like, subtly, like-… you know, talk to Michelle through cameras.

36:49 Yeah, but obviously everyone else can see this as well.

36:52 Chris McClellan: So what's the answer, Soph?

36:54 Sophie Sparkes: I don't know. I… Michelle mentioned she got one Viz of the Day. I don't think I ever got Viz of the Day.

36:59 Chris McClellan: Oh.

36:59 Sophie Sparkes: I used to give people Viz of the Day. I had Mondays for, like, three years. But, um, I don't think-

37:03 Chris McClellan: Right

37:03 Sophie Sparkes: … I ever got Viz of the Day myself.

37:06 Chris McClellan: Are you sure?

37:08 Sophie Sparkes: I might have.

37:08 Chris McClellan: Can-

37:09 Sophie Sparkes: Maybe

37:09 Chris McClellan: … so, so I'm, I'm not going to show your Tableau Public profile on here, 'cause I've gotta go-

37:14 Sophie Sparkes: Very old

37:14 Chris McClellan: … and open up a new browser window. You might be surprised. Can you go and check your own Tableau Public profile now?

37:20 Or can someone do it for you so we can get the right answer?

37:25 Maybe I've got it desperately wrong, I'm not sure.

37:28 So what we're filling in, um, on your Tableau Public profile, there is a new icon in the top right corner that shows how many viz of the Days you've got.

37:38 And I assume Tableau's got that right.

37:40 Sophie Sparkes: Oh.

37:40 Chris McClellan: Right?

37:40 Sophie Sparkes: Yeah, they probably did. I didn't realize-

37:42 Chris McClellan: Yeah

37:42 Sophie Sparkes: … I got that many.

37:44 Chris McClellan: And, and what's the answer?

37:44 Sophie Sparkes: Ah, three.

37:46 Chris McClellan: Three. Congratulations.

37:47 Sophie Sparkes: Back, a very long time ago.

37:50 And it looks-

37:50 Michelle Maraj: Oh, yeah.

37:51 Mine was from, like, the last decade, so yeah.

37:56 Chris McClellan: Wow.

37:56 Michelle Maraj: One on my end.

37:59 Chris McClellan: So the correct answer to this question is four. We finally got it, right? Three for Sophie, one for Michelle.

38:06 It's fine.

38:06 Michelle Maraj: See, everyone knows us better than we know ourselves.

38:09 Chris McClellan: Exactly.

38:11 Sophie Sparkes: There you go, the power of Quizzer.

38:14 Chris McClellan: Oh, I was, I was just desperately trying to figure out five questions. That's fine.

38:18 Um, what is a data badge? Obviously, the correct answer is a graphic representing your own data, because we made up those questions, or those answers.

38:29 And who is Vizibly for?

38:31 Well, it's usually f- out of those options, conference and event organizers. It's obviously for everybody, but, um, organizers actually build the link that everyone uses to create their own badge.

38:44 And which is not part of configuring a badge is the custom URL.

38:49 Again, why am I telling you the answers? Because I wiped it and there's no answers here at all.

38:55 But obviously this answer stuck because I didn't actually change this question at all, with… But what subjects will be presented at a future TUG meeting?

39:03 Open discussions about projects and community members. I need to get onto that. There's a quick plug for the Team DataFam TUG. If you know anyone who wants to present, so if you know a community member who wants to actually have a platform to present on, exactly like we're doing here with Vizibly, get in touch. We can find a time slot. It's easy. I, I love promoting other projects and doing things like that.

39:27 Who would you like to see present at a future TUG meeting? No one answered that. That's okay. You can check the, um, the schedule to see what's coming up.

39:36 So the leaderboard of everyone who answered those questions correctly is nothing, because I broke it halfway through. That will be fixed for next time, so then we… When I put in questions, I need to make sure that a correct answer is chosen, um, before I actually save the question. That'd help.

39:55 That system is also designed so that you can submit your own questions as well. So you can submit questions in, in the global pool for every TUG that uses that system, or just for your own TUG, and, and talk to individual TUGs about using that system as well.

40:09 But again, just a good example of, um, obviously with Vizibly, they wanted a data badge solution. You can go out and actually vibe code that solution yourself, and, and it's a good product, right? It works. People will use it.

40:23 And with the quiz, it was the same thing. I wanted a system that where I could write some questions in, have users submit questions, have AI continue on.

40:33 Okay, so moving on to the next TUG. We've got Camel next week talking about AI agents and MCP. People have been asking for this. We scheduled that in as well. Uh, it's a TC26 repeat, so if you're at TC and didn't get to see this, or if you even weren't at TC, that's the time to come next week.

40:52 All the s- it's all one meeting. It's all those times, just differently times around the world. If you can't make the meeting, obviously the recording will be on YouTube later on, the same as all our other meetings, the same as this meeting today.

41:06 As soon as I process the recording, it's up on YouTube. You can see the shorts.

41:11 If you don't have time to watch it on YouTube, there's always the MP3, uh, audio podcast on either Apple or Spotify, so you can listen to it while you're away from a computer, and then watch it, watch the important bits when you get back.

41:26 And if you've got any questions, please email me at team.DataFam@Gmail.com.

41:32 But thanks, Michelle and Sophie. It was great to see that, the whole walkthrough.

41:37 Awesome piece of kit that people can use to help promote events themselves, post on LinkedIn, et cetera. I've already posted my badge for the day. Um, it was great to see how it came together.

41:49 Sophie Sparkes: Thank you so much for having us, Chris.

41:51 Chris McClellan: Not a problem at all.

41:53 Michelle Maraj: Thank you.

41:53 Chris McClellan: And that's the end of the presentation today, so if anyone wants to unmute and talk, then, uh, feel free. And that's it. If you need any links, they're in the chat. Okay, thanks, guys.

42:05 Sophie Sparkes: Thanks again, and talk to you soon.

42:07 Chris McClellan: Good.

42:07 Michelle Maraj: Thank you. Take care.

42:10 Sophie Sparkes: Bye all.