<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Umar Hansa</title>
    <description>The latest articles on DEV Community by Umar Hansa (@umaar).</description>
    <link>https://dev.to/umaar</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F46068%2Fc499322d-7e6b-4438-8c3f-1047bdb79487.jpeg</url>
      <title>DEV Community: Umar Hansa</title>
      <link>https://dev.to/umaar</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/umaar"/>
    <language>en</language>
    <item>
      <title>The Benefits of Speaking at Tech Conferences</title>
      <dc:creator>Umar Hansa</dc:creator>
      <pubDate>Tue, 23 Jun 2020 16:28:05 +0000</pubDate>
      <link>https://dev.to/umaar/the-benefits-of-speaking-at-tech-conferences-1ic4</link>
      <guid>https://dev.to/umaar/the-benefits-of-speaking-at-tech-conferences-1ic4</guid>
      <description>&lt;p&gt;I’m a web developer. Having spoken at a few tech conferences, I thought I’d share some benefits I experienced through speaking️. If you’re considering speaking, maybe this article can provide some extra insight.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DB_3AWmI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bumf1mhvcuf51cu46dur.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DB_3AWmI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bumf1mhvcuf51cu46dur.jpg" alt="Me speaking at a conference"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;When you decide to speak at a conference, it’s not just that 20–40 minute talk slot you’re involved with. Other factors come into play like preparation, travel and money.&lt;/p&gt;

&lt;p&gt;There are some more obvious benefits, such as learning new technologies, getting out of your comfort zone, and personal branding. But in this article, I hope to share some of the less obvious benefits, such as traveling, easier access to future conferences, and some other aspects.&lt;/p&gt;

&lt;p&gt;For me, the biggest benefit is travel️. All-expenses-paid trips to new countries can be really great. If you want to go traveling but money’s an issue, being a speaker at an international conference can help with that.&lt;/p&gt;

&lt;p&gt;I’ve been lucky enough to explore the Netherlands (🇳🇱), United States (🇺🇸)️, Ireland (🇮🇪)️, Czech Republic (🇨🇿)️, Switzerland (🇨🇭)️, Poland (🇵🇱)️, Ukraine (🇺🇦)️, Romania (🇷🇴)️, Greece (🇬🇷)️, Germany (🇩🇪) ️and more. All I really paid for was food and additional accommodations.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PtCioCMI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ydgbv7z0z2mn5m0e0wxg.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PtCioCMI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/ydgbv7z0z2mn5m0e0wxg.jpg" alt="Speaking for SmashingConf"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;There are huge benefits to traveling in general which I won’t cover here, but you can research yourself. Conference organizers are usually happy to help you explore their city in a way which makes you comfortable. They can tell you the good spots to go to without you having to read through endless TripAdvisor reviews which have questionable integrity. You can ask organizers for advice at pretty much any stage, and they’ll try to accommodate you.&lt;/p&gt;

&lt;p&gt;If you have a partner or a close friend 👬, you may both be able to tick off traveling from your bucket lists. If you ask the organizers, your partner can probably attend the conference and speaker’s dinner too. They may not be interested in the conference topics, but it will still be an experience for them to see you speak. On a few occasions, I requested the organizers book a flight for my partner too, and this typically came out of my speaker payment️.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--TteCDMiO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/73e7slo6yxc3fof4julq.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--TteCDMiO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/73e7slo6yxc3fof4julq.jpg" alt="Map of talks"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Most of these visits are through conferences. Not shown: U.S. where I attended Google I/O a few times and spoke in New York&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;I find a good strategy is for your partner or friend to explore the city independently while you’re at the conference. You can meet up afterwards. But the real benefit of the ‘travel’ aspect is through the extra days you book where you don’t have important commitments to attend to.&lt;/p&gt;

&lt;p&gt;The trick is to extend the days you’re located within that country. When the conference has a decent budget, the organizers will pay for your flights plus a few nights at a hotel, but you can request the return flight is (for example) one week after the conference️. In between, you’ll want to stay at an Airbnb or a hostel, rather than the expensive hotel they book for you on conference nights.&lt;/p&gt;

&lt;p&gt;On one occasion, I negotiated with the conference organizer to cover a very cheap Airbnb for me and my partner for a whole week instead of a fancy hotel for a few nights. All we had to pay for was food and bus tickets for that whole trip.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/jKAhVptwCaw"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Edinburgh, Scotland&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Accommodations
&lt;/h2&gt;

&lt;p&gt;In my experience, it’s almost always been super fancy hotels by my standards. It feels unusual at times, but definitely an interesting experience. If the conference pays for your hotel, they’ll probably include a hotel breakfast too!&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--hfpU0Xwm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/8jl2zof1supq9h9cspbr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--hfpU0Xwm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/8jl2zof1supq9h9cspbr.png" alt="Eggs for breakfast"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--y0fUK3dG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/0iui89o7303sth0p6fpv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--y0fUK3dG--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/0iui89o7303sth0p6fpv.png" alt="Breakfast options"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Tasty!&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;When you arrive at the conference city, rather than paying lots of money for a roaming data plan, the organizers can hook you up with a prepaid sim card which includes data. Make sure you ask about this if you believe you’ll benefit from it.&lt;/p&gt;

&lt;p&gt;Some conference give speaker gifts 🎁️ too, which is very nice. It’s also very touching to receive a handwritten card. Extra touches like these create strong positive vibes on the trip and makes the overall event a rewarding experience. Be careful to manage expectations with yourself however, otherwise you’ll take these things for granted.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--teeLIAZN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9nbp2yobbbztlgb7kbtc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--teeLIAZN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9nbp2yobbbztlgb7kbtc.png" alt="Speaker gifts"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Local snacks, travel card and a sim card&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ukUpGBv8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/44xp9ol4561l03re8ggo.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ukUpGBv8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/44xp9ol4561l03re8ggo.png" alt="Other speaker gifts"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Fancy chocolate&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--gMmWVVpT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9f4onikva0sp8s6ho0s7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--gMmWVVpT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9f4onikva0sp8s6ho0s7.png" alt="Book gift"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--OD8Ml8Zo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wp8814945irfnp9ah13c.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--OD8Ml8Zo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/wp8814945irfnp9ah13c.png" alt="Award for talk"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;One time, I received a wireless keyboard plus fitness tracker as a gift, which was a surprise!&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;When you network with conference organizers, it’s not unheard of that you’ll be invited back again in the future, maybe as a speaker or an attendee. I was once fortunate enough to be invited back to run a workshop.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QK4uky03--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/5d8vjx50zhd9pnl5fhdm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QK4uky03--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/5d8vjx50zhd9pnl5fhdm.png" alt="Banner"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Stole this after the workshop, it’s now my new duvet cover&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Networking allows you to gravitate towards people you care about. Here are some types of networking I’ve observed and experienced:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  A previous speaker had returned as a photographer (so there’s room to grow into other roles if you meet the right people).&lt;/li&gt;
&lt;li&gt;  Another previous speaker had taken over the video editing work a conference needed. I guess a dedicated audio/video production team would normally be contacted, but in this case the organizers went with someone they knew personally.&lt;/li&gt;
&lt;li&gt;  Sometimes, attendees who work at cool companies happen to work nearby, and it’s not uncommon to get invited to their workplace for a lunch and chat…and maybe pool.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/AKa4qbGxn44"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Oxford, UK&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Flights
&lt;/h2&gt;

&lt;p&gt;The organizers pay for an economy return flight on the dates I ask for. On multiple occasions I’ve asked if I can stop-over in a new country and usually pay for the extra flight cost.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--9G7LPGM8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/3rd9xddeqqya5ewqix06.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--9G7LPGM8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/3rd9xddeqqya5ewqix06.png" alt="View from plane seat"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Tip:&lt;/strong&gt; You may want to do the stop-over in your return journey since your talk would have finished by that point.&lt;/p&gt;

&lt;p&gt;On a few occasions, after arriving at the conference destination, the organizers were waiting for me at the airport to direct me to a taxi which took me straight to the hotel — very convenient.&lt;/p&gt;

&lt;p&gt;If you might want to use public transport later on, you can ask the organizer what sort of travel card to buy (airports sometimes sell these) — this can also be useful if you don’t speak their local language.&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/DqZh3_lgDTU"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Prague, Czech Republic&lt;/em&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Subject
&lt;/h2&gt;

&lt;p&gt;A note on recycling talks: that is, giving the same talk at multiple conferences. Generally, this is fine. If in doubt, ask the organizers.&lt;/p&gt;

&lt;p&gt;Once you’ve given a talk, you can reuse the following at a new conference:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  📑️ Your talk proposal document (such as ‘In my talk, the audience will learn…’) which you send to the organizers for them to consider you&lt;/li&gt;
&lt;li&gt;  📽️ Slides&lt;/li&gt;
&lt;li&gt;  💬️ Speech&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;And those three reusable points can save many days worth of preparation. Realistically, you’ll iterate upon your slides but for the most part things can stay the same.&lt;/p&gt;

&lt;p&gt;You’ll have to use common sense to decide when to stop reusing your talk, however one big factor for me is: when do I stop learning? If I continuously reuse the same talk, I won’t have any new topics to learn about. &lt;strong&gt;Using a conference talk is a great excuse to learn a new technology, technique or concept.&lt;/strong&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Branding
&lt;/h2&gt;

&lt;p&gt;Speaking even just once allows you to build and maintain a personal brand. This can help with future speaking gigs and work opportunities. For example I met the CEO of a company which I was later employed by. I met this CEO during the break of one conference right after they complimented my talk!&lt;/p&gt;

&lt;p&gt;By building my brand, I’m pleased to say I’ve been a &lt;a href="https://developers.google.com/experts/people/umar-hansa"&gt;Google Developer Expert&lt;/a&gt; for over 7 years ✨️!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; conference speaking has helped, but is not the main reason I was accepted into the GDE program.&lt;/p&gt;

&lt;h2&gt;
  
  
  After
&lt;/h2&gt;

&lt;p&gt;When you arrive back home after a conference, you’ll want to take a retrospective look on what happened️. For example:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  What did you gain and was the whole thing worth it?&lt;/li&gt;
&lt;li&gt;  How was timing and pacing during the talk?&lt;/li&gt;
&lt;li&gt;  Did you feel fully prepared before the talk? If not, what was left to do?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;For myself, it’s inevitable that I’ll feel motivated and passionate to achieve new life goals. This probably sounds cheesy, but that’s the effect of being put into a new location with a new routine!&lt;/p&gt;

&lt;p&gt;A while after my talks, I sometimes get:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  💌️ A thank you email&lt;/li&gt;
&lt;li&gt;  🖼️ Professionally shot photographs of me speaking&lt;/li&gt;
&lt;li&gt;  📼️ A video link of my talk&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So if ever I need a normal looking photo of myself, maybe to use as a profile picture somewhere, or because an employer is asking, I can use the ‘professional’ looking photo.&lt;/p&gt;

&lt;p&gt;My conference talk videos have helped me out too:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  If I ask to speak at a new conference, I can simply send that video link to the organizers so they get a feel for my speaking skills.&lt;/li&gt;
&lt;li&gt;  If done tastefully, you can include a link to your video in job application cover letters, it normally reflects well.&lt;/li&gt;
&lt;li&gt;  When I watch my talk well after I’ve presented it, I pick up on all sorts of mistakes which helps me improve for next time.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;When I receive the video from the conference organizers, which is after the conference has finished, I embark upon one final task. Getting conference talk material online so others can benefit.&lt;/p&gt;

&lt;p&gt;For my conference &lt;a href="https://www.youtube.com/watch?v=qIWNoJv4Lyc"&gt;talk at ScotlandJS&lt;/a&gt;, I went through a few steps to get the &lt;a href="https://umaar.github.io/node-mini-projects-talk/"&gt;slides online&lt;/a&gt; 🌐️:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Removed any references which don’t make sense in a non-speech environment.&lt;/li&gt;
&lt;li&gt;  Replaced all live demos with either videos, or code demos.&lt;/li&gt;
&lt;li&gt;  Link to the video from the slides.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This combination of steps helps ensures the content is still useful to the tech community after the talk is given. I’ll also leave a comment in the &lt;a href="https://www.youtube.com/watch?v=qIWNoJv4Lyc"&gt;YouTube video&lt;/a&gt; linking to the slides. Where possible, I’ll go through the video and collect timestamps️ corresponding to the individual topics. This is so folks can easily jump to parts of the video without having to watch the whole thing.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Rbnf7sJk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9xgetl9xueu6x5wlhvaw.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Rbnf7sJk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9xgetl9xueu6x5wlhvaw.jpg" alt="Video timestamps"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Timestamps link to a specific point in the YouTube video&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;All of this post-conference activity doesn’t take very long, helps provide value to the community, and results in building up your personal brand. If your content is good, your talk will live on!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Tip:&lt;/strong&gt; If you speak about a niche or specialized topic, there’s a chance you’ll be presented with opportunities 👥 for work as and when others in the industry encounter your slides and video.&lt;/p&gt;

&lt;h2&gt;
  
  
  Employers
&lt;/h2&gt;

&lt;p&gt;There are many industries where the employer will not support you in attending conferences, but tech is not one of them. &lt;/p&gt;

&lt;p&gt;I’ve &lt;a href="https://twitter.com/umaar/status/941755764405948417"&gt;written some advice&lt;/a&gt; on this topic before, go and have a read if you think it applies to you.&lt;/p&gt;

&lt;p&gt;Almost all of my employers have supported me in attending conferences. This means:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  I can attend a conference during ‘work time’ 💻️ without booking holiday.&lt;/li&gt;
&lt;li&gt;  I can travel during ‘work time’ as the conference will increase my skill set for work.&lt;/li&gt;
&lt;li&gt;  I don’t always get paid for speaking, when this happens, a few employers allowed me to expense transport costs.&lt;/li&gt;
&lt;li&gt;  To solidify what I’ve learned and to share knowledge with my peers, they’ll encourage me to give an internal tech talk which in turn increases my evangelism skills.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Some employers ask you to book holiday if you are speaking at a conference. They might do this if they feel the conference topics are unrelated to what you do, or maybe they’ve never allowed such a thing before. If so, consider communicating to your line manager about the &lt;a href="https://twitter.com/umaar/status/941755764405948417"&gt;benefits&lt;/a&gt; of you speaking or even attending a conference.&lt;/p&gt;

&lt;h2&gt;
  
  
  Here are a few things to watch out for:
&lt;/h2&gt;

&lt;p&gt;Sometimes I end up in interesting situations like:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--DBpqU-CO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/np1rl787us5rrsseejns.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DBpqU-CO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/np1rl787us5rrsseejns.png" alt="Being interviewed for a local tv station"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In this photo, I believe a local television network wanted me to say nice things about the developer community in their city but I get nervous with those things. Looking back, it’s really no biggie if you pass on an opportunity you’re uncomfortable/shy/nervous about!&lt;/p&gt;

&lt;p&gt;Another example is a Q&amp;amp;A session after your talk, if you’re not into it, just let the organizers know as early as possible so they can have an alternative plan. Looking back on this opportunity and many others, I don’t regret a single one!&lt;/p&gt;

&lt;p&gt;Each Q&amp;amp;A, panel session, group chat and recorded interview was an honor to be part of and I am glad I did it.&lt;/p&gt;

&lt;h2&gt;
  
  
  People thinking you’re smarter than you are
&lt;/h2&gt;

&lt;p&gt;I am a front-end web developer. With all the speaking, some employers and potential employers end up thinking I’m much more skilled than I actually am.&lt;/p&gt;

&lt;p&gt;Not everyone makes the distinction between evangelism and web development. Many speakers I’ve seen are real experts at their craft so this won’t apply to everyone, just something to think about.&lt;/p&gt;

&lt;h2&gt;
  
  
  A wrong way to travel?
&lt;/h2&gt;

&lt;p&gt;I don’t really think there are right and wrong ways to travel since people desire different experiences which changes throughout one’s life. I feel a lot of my traveling for conference were very luxurious (such as airport pickups). This is however totally within my control, if I want a more independent experience, I can simply mention I don’t need an airport pickup and fancy hotels to the organizers.&lt;/p&gt;

&lt;p&gt;Just a heads up however, doing conference speaking for long enough can warp your perspective of what it means to travel.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion / Recap
&lt;/h2&gt;

&lt;p&gt;Speaking at a conference is a unique experience:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  You’ll get out of your comfort zone&lt;/li&gt;
&lt;li&gt;  You’ll learn a new technology (assuming your talk is about something you don’t already know)&lt;/li&gt;
&lt;li&gt;  You’ll build a network of friends&lt;/li&gt;
&lt;li&gt;  You may receive some cool speaker gifts&lt;/li&gt;
&lt;li&gt;  You’ll get to explore a new location and culture&lt;/li&gt;
&lt;li&gt;  You can get a holiday out of the whole experience while paying very low expenses — your partner or friend can also share this benefit&lt;/li&gt;
&lt;li&gt;  You’ll have a bunch of resources and assets from your talk which you can use in CV’s, cover letters and portfolios&lt;/li&gt;
&lt;li&gt;  You’ll improve your personal brand and evangelism skills&lt;/li&gt;
&lt;li&gt;  You’ll get out of your usual routine and be exposed to a different culture&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Public speaking will bring a bunch of goodness to you regardless of the industry. Here’s a big list of &lt;a href="https://github.com/softwaremill/it-cfp-list"&gt;call for papers&lt;/a&gt; where you can submit a talk proposal and have the organizers consider your talk.&lt;/p&gt;

&lt;p&gt;For my next talk, I’ll get some videos up onto my &lt;a href="https://www.youtube.com/c/UmarHansa?sub_confirmation=1"&gt;YouTube channel&lt;/a&gt; so you can understand exactly what goes into preparing for a conference.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  I post lots of developer tips &lt;a href="https://twitter.com/umaar"&gt;on Twitter&lt;/a&gt; — also, if you have any questions or you’d like to work together, get in touch with me through Twitter.&lt;/li&gt;
&lt;li&gt;  I have a mailing list for &lt;a href="https://umaar.com/dev-tips/"&gt;Chrome DevTools tips&lt;/a&gt;.&lt;/li&gt;
&lt;li&gt;  I also post on &lt;a href="https://www.instagram.com/umarhansa/"&gt;Instagram&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;


&lt;blockquote class="instagram-media"&gt; &lt;a href="https://www.instagram.com/p/BNd8uFGjSUm/?utm_source=ig_embed&amp;amp;utm_campaign=loading"&gt;        View this post on Instagram         &lt;/a&gt; &lt;p&gt; &lt;a href="https://www.instagram.com/p/BNd8uFGjSUm/?utm_source=ig_embed&amp;amp;utm_campaign=loading"&gt;Conference badges&lt;/a&gt;&lt;/p&gt; &lt;p&gt;A post shared by &lt;a href="https://www.instagram.com/umarhansa/?utm_source=ig_embed&amp;amp;utm_campaign=loading"&gt; Umar Hansa&lt;/a&gt; (@umarhansa) on &lt;time&gt;Dec 1, 2016 at 12:32am PST&lt;/time&gt;&lt;/p&gt;


&lt;/blockquote&gt; 

</description>
      <category>conferences</category>
      <category>webdev</category>
      <category>publicspeaking</category>
    </item>
    <item>
      <title>Data Visualisation with 1 Billion Shazam Music Recognitions</title>
      <dc:creator>Umar Hansa</dc:creator>
      <pubDate>Tue, 26 May 2020 13:18:16 +0000</pubDate>
      <link>https://dev.to/umaar/data-visualisation-with-1-billion-shazam-music-recognitions-1dc1</link>
      <guid>https://dev.to/umaar/data-visualisation-with-1-billion-shazam-music-recognitions-1dc1</guid>
      <description>&lt;p&gt;While at university, I joined Shazam as part time web developer. I stayed at Shazam for 5 enjoyable years. This post is about one &lt;a href="https://en.wikipedia.org/wiki/Hackathon"&gt;hackday&lt;/a&gt; project I worked on. The project involves plotting one billion Shazam recognitions onto a blank canvas, and then observing the result.&lt;/p&gt;

&lt;p&gt;This post also touches upon the process I used to create the visuals.&lt;/p&gt;

&lt;h2&gt;
  
  
  What is a ‘Shazam recognition’
&lt;/h2&gt;

&lt;p&gt;Think of a Shazam recognition like this. You open up Shazam, the mobile app, and have it ‘listen’ for a piece of music that’s playing in the background. A recognition is the successful identification of the song.&lt;/p&gt;

&lt;h2&gt;
  
  
  Location data
&lt;/h2&gt;

&lt;p&gt;A user may opt-in to sharing their location data with Shazam. Shazam then makes &lt;strong&gt;some&lt;/strong&gt; of the &lt;strong&gt;anonymised&lt;/strong&gt; location data (latitude and longitude) available to employees, depending on their use case.&lt;/p&gt;

&lt;p&gt;Having &lt;strong&gt;anonymised&lt;/strong&gt; location data to visualise was a cool experience. It taught me a lot about processing large datasets, visualisations which tell a story, and visualisations which look pretty but don’t do anything else.&lt;/p&gt;

&lt;h2&gt;
  
  
  The visualisation
&lt;/h2&gt;

&lt;p&gt;One thing you need to know, all visualisations follow this idea: One dot represents one successful recognition. Dots are plotted onto a geographical coordinate system. This is not the same as taking a Google Map and then plotting location markers over it.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--FDN7tAmj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9narmfqk6cxyt9cw4s1s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--FDN7tAmj--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/9narmfqk6cxyt9cw4s1s.png" alt="Map Chicago"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--asMPCRze--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kbfe3mjzvrpvvos7zat7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--asMPCRze--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kbfe3mjzvrpvvos7zat7.png" alt="London"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--X1jvrX-W--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/rdg2ffg7iadb712edxrr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--X1jvrX-W--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/rdg2ffg7iadb712edxrr.png" alt="NY"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--Gi4zBf52--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bf8f9470suiaifqls0gx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Gi4zBf52--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/bf8f9470suiaifqls0gx.png" alt="Full"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Chicago, London, New York, Full&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sylD6WCu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/hd9t445woowhwf9k4g4t.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sylD6WCu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/hd9t445woowhwf9k4g4t.png" alt="Map zoomed into New York"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Zoomed into New York&lt;/p&gt;

&lt;p&gt;I have used colour to differentiate between Android and iOS. Can you guess which is which? Hint: Look at the major cities. Which device type do you think is prevalent there?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;strong&gt;Android&lt;/strong&gt;: Red&lt;/li&gt;
&lt;li&gt;  &lt;strong&gt;iOS&lt;/strong&gt;: Blue&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;If you look closely the the dot maps, you can notice clear definitions for the roads. This can be explained by passengers who are Shazam’ing music playing from car speakers.&lt;/p&gt;

&lt;p&gt;I also made maps with alternative colour schemes.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--l31Ub8gn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/o1ykxq1pmoqz63whxfzl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--l31Ub8gn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/o1ykxq1pmoqz63whxfzl.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PJReACQO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kijwscswthi7lz0iy11f.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PJReACQO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kijwscswthi7lz0iy11f.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GyMa2tR1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/umf04us56oekobnkivfv.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GyMa2tR1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/umf04us56oekobnkivfv.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--IWIT4R5N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kwu7pylfhmp5n4fc4yow.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--IWIT4R5N--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/kwu7pylfhmp5n4fc4yow.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Chicago, Los Angeles, New York, United Kingdom&lt;/p&gt;

&lt;h2&gt;
  
  
  Interactive Maps
&lt;/h2&gt;

&lt;p&gt;I thought it would be fun to visualise the map interactively. In the same way you would drag/zoom on a Google Map, what if you could also drag/zoom a Shazam map? This element of interactivity is what encourages people to use, explore and learn from the maps. Rather than just being something static that you never revisit.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--v-UwM8tg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/rapy038fnrqdldxp9bho.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--v-UwM8tg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/rapy038fnrqdldxp9bho.gif" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;To do this, I needed to generate millions of map ‘tiles’. For example, here are some tiles of London, taken from Google Maps.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--q_vpiW2i--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/d2d3lvejpwpq2i8i4a5v.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--q_vpiW2i--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/d2d3lvejpwpq2i8i4a5v.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Each tile is a separate image. Take note of the different zoom levels. As you might guess, when you drag and zoom on a Google Map, it presents many different images to you, the images are referred to as map tiles.&lt;/p&gt;

&lt;p&gt;Here are the tiles of the Shazam Map.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--G7qmwSxo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/be4dpi3e68vtbgkl5gph.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--G7qmwSxo--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/be4dpi3e68vtbgkl5gph.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In total, I created over 40GB worth of tile data. This is because of the zoom level I had specified. A high zoom level means those viewing the map are able to zoom into a greater level.&lt;/p&gt;

&lt;p&gt;Upon reviewing the visualisations with colleagues, we kept wondering: What “place” was in the location of large clusters. For example, was it a music venue where people would frequently be using Shazam?&lt;/p&gt;

&lt;p&gt;To help answer this question, I had an idea: What if I used a location service to determine what places are currently present. To do this, I used the &lt;a href="https://developers.google.com/maps/documentation/javascript/places"&gt;Google Maps Places API&lt;/a&gt;. Every time you scroll to a new location, I query Google Maps API to ask the question: What places are within this location?&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--yoxCW-Jv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/k3ku9tsybelrgr9l2i3k.gif" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--yoxCW-Jv--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/k3ku9tsybelrgr9l2i3k.gif" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;When using this feature, we began to realise that clusters of dots would typically be the result of: cafes, night clubs, shopping centers, convenience stores and others.&lt;/p&gt;

&lt;p&gt;I also synced a &lt;a href="https://www.mapbox.com/"&gt;Mapbox&lt;/a&gt; map (similar to Google Maps) so as you drag and zoom into the Shazam map, the other ‘regular’ map would move around also. This allows you to quickly identify what geographic location you are currently looking at&lt;/p&gt;

&lt;h2&gt;
  
  
  The code
&lt;/h2&gt;

&lt;p&gt;Like with everything I do, I’m only benefiting from hard work done by others in our community. All credit goes to &lt;a href="https://github.com/ericfischer"&gt;Eric Fischer&lt;/a&gt; for their excellent work on &lt;a href="https://github.com/ericfischer/datamaps"&gt;datamaps&lt;/a&gt;. If you follow the instructions on that Github repository, you’ll be able to make your own visualisations. You’ll need a dataset consisting of longitude and latitude points, you might find something on Github, for example, &lt;a href="https://github.com/caesar0301/awesome-public-datasets"&gt;awesome-public-datasets&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;If you end up trying it out: here are a few notes I made for myself which you might find useful.&lt;/p&gt;

&lt;p&gt;First, you need a big long list of latitudes and longitudes. However to even get hold of that data, you might have to do extra work. In my case, I got it from an internal Shazam API. I used a Node module called &lt;a href="https://github.com/C2FO/fast-csv"&gt;fast-csv&lt;/a&gt; to parse data. Using streams in this fashion makes parsing large data (gigabytes worth) simple to do.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;csv&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;fromStream&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;stream&lt;/span&gt;&lt;span class="p"&gt;,{&lt;/span&gt;&lt;span class="na"&gt;headers&lt;/span&gt; &lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;true&lt;/span&gt;&lt;span class="p"&gt;}).&lt;/span&gt;&lt;span class="nx"&gt;on&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;data&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;handleRecord&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;The &lt;code&gt;handleRecord&lt;/code&gt; function does this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;function&lt;/span&gt; &lt;span class="nx"&gt;handleRecord&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;record&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;  
   &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;location&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;tag&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;location&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;latitude&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;,&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt; &lt;span class="nx"&gt;tag&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;location&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;longitude&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;  
   &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;location&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;  
&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;The output looks something like:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;lat,lon

-22.1028,166.1833

29.8075,-95.4113

51.2168,-0.8045

27.3007,-82.5221

20.5743,-100.3793

-36.0451,146.9267

26.7554,-81.4237
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;At this point, you can begin to plug it into data maps (there are detailed instructions within the project documentation).&lt;/p&gt;

&lt;p&gt;Following the documentation long enough, I arrived at a point where I could create the final image. To create a datamap of London, specify the bounding box as location coordinates that you wish to capture:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight shell"&gt;&lt;code&gt;./render &lt;span class="nt"&gt;-A&lt;/span&gt; &lt;span class="nt"&gt;--&lt;/span&gt; output 14 51.641353 &lt;span class="nt"&gt;-0&lt;/span&gt;.447693 51.333508 0.260925 &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; london.png
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;Because I created the same static maps so often (when experimenting with colour for example), I decided to script the whole process. Being a web developer, I did this all in Node.js, however a simple Bash script would have been fine. First, I made an object containing all the maps I wanted to render.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--YX3chr9f--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/dqgleqf9lcjz5wz4g1gn.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--YX3chr9f--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/dqgleqf9lcjz5wz4g1gn.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Data structure to render all maps&lt;/p&gt;

&lt;p&gt;Then it was a case of constructing the command you saw earlier, but for each location entry in that JSON block you see in the image above.&lt;/p&gt;

&lt;h2&gt;
  
  
  Presenting
&lt;/h2&gt;

&lt;p&gt;At Shazam, there were multiple hack days. Then after a few months, was a demo day. You presented your hack day work on the demo day. Showing folks this particular project was well received.&lt;/p&gt;

&lt;p&gt;To those developers creating command-line applications or going on code refactoring adventures during hack days, consider that a demo day audience may prefer more visual demos, rather than technical (this has been my experience). One way around this is: blog about what you’ve done and share the resources after, skipping a live demo entirely. Or even better, figure out how to distill technical concepts to a non-technical audience, introduce more visuals, and continue to give your demo to a live audience. It’s harder, but more rewarding.&lt;/p&gt;

&lt;h2&gt;
  
  
  High resolution images of the data maps
&lt;/h2&gt;

&lt;p&gt;Note: You can zoom into these images with the Google Photos interface&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;a href="https://photos.app.goo.gl/tIm9mmst7qU1aH242"&gt;World&lt;/a&gt; — Notice which countries/cities have high iOS usage&lt;/li&gt;
&lt;li&gt;  &lt;a href="https://photos.app.goo.gl/EEkLzfrpjKmKYm7j1"&gt;United Kingdom&lt;/a&gt; — Notice the cities&lt;/li&gt;
&lt;li&gt;  &lt;a href="https://photos.app.goo.gl/CQlMePnEUXHN6eqF2"&gt;Toronto&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;a href="https://photos.app.goo.gl/Mnn5fcDGrUElXjCO2"&gt;San Francisco&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;a href="https://photos.app.goo.gl/IwXHWw9ve3DGufc82"&gt;Paris&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;I’m grateful to Shazam for encouraging us to learn new skills and technologies. Also thanks to Eric Fischer for developing the datamaps project in the first place! If you have access to location data, consider the many interesting ways of visualising it. You could also try using Tweets from the Twitter API, just make sure they have location data attached to them.&lt;/p&gt;

&lt;h2&gt;
  
  
  Want to see more like this?
&lt;/h2&gt;

&lt;p&gt;Follow me on Twitter: &lt;a href="https://twitter.com/umaar"&gt;@umaar&lt;/a&gt; and let me know! I try &amp;amp; tweet out lots of web development resources.&lt;/p&gt;

&lt;p&gt;Please like and share if you enjoyed reading my article and leave a comment with your experiences in data visualisation.&lt;/p&gt;

</description>
      <category>visualization</category>
      <category>javascript</category>
      <category>node</category>
      <category>bigdata</category>
    </item>
  </channel>
</rss>
