toptal.com
Contact us: +1.888.867.7001
Tomislav Bacinger, JavaScript Developer in Zagreb, Croatia
Tomislav Bacinger

JavaScript Developer in Zagreb, Croatia

Member since June 5, 2014
Tomislav explores uncharted areas, brings a sense of data, and creates immersive data visualizations and maps. He has extensive experience in data analytics and data wrangling, in-depth GIS knowledge with a broad geospatial background, and strong expertise in designing and developing web and mobile applications. Maps and visualizations are his passion.
Tomislav is now available for hire
Hire Tomislav

Portfolio

  • Startup
    Team Leadership, Product Ownership, Management, Operations
  • Toptal
    Team Leadership, Product Ownership, Writing & Editing, Operations, Management
  • StackPath
    D3.js, Data Analysis, Data Visualization, Mapbox, Data Wrangling, Nova

Experience

Location

Zagreb, Croatia

Availability

Part-time

Preferred Environment

Nova

The most amazing...

...thing I've created is a D3.js-based interactive map that gives a look at the types of events that people in United States love the most, city by city.

Employment

  • Head of Operations

    2020 - 2022
    Startup
    • Owned several products, led and managed various teams, and ran the end-to-end recruiting and vetting processes.
    • Worked on cross-team functions to ensure day-to-day operations were working seamlessly, at a high capacity, and respecting tightly set SLAs and KPIs.
    • Reported directly to the VP, worked closely with the HR and finance team, and regularly participated in CXO meetings. My engineering background and experience working with data made me a heavily data-driven and goal-focused manager.
    Technologies: Team Leadership, Product Ownership, Management, Operations

  • Head of Technical Screening

    2017 - 2020
    Toptal
    • Led the Toptal team responsible for interviews with new talent applying to become members of the Toptal community, vetting their qualifications, and evaluating their skills.
    • Improved the processes regarding the technical screening of candidates and prepared new testing materials. My main idea was to move away from the whiteboard tests and focus on assessing real-world skills.
    • Grew and diversified the team significantly over time. Oversaw the interviewing, evaluating, hiring, and training of new people.
    Technologies: Team Leadership, Product Ownership, Writing & Editing, Operations, Management

  • Data Visualization Expert

    2019 - 2019
    StackPath
    • Designed and developed several custom maps using D3.js and MapBox.
    • Designed a special MapBox background map to display the world population density as a backdrop, overlaying other points of interest.
    • Helped analyze all existing data and prepare it for data visualization on a map.
    Technologies: D3.js, Data Analysis, Data Visualization, Mapbox, Data Wrangling, Nova

  • Data Visualization Expert

    2019 - 2019
    Huxly News LLC
    • Designed and developed a custom MapBox map used in the mobile news application.
    • Helped analyze all existing data and prepared it for data visualization on a map.
    • Worked closely with iOS developers on implementing the map inside several mobile views.
    Technologies: Mapbox, Data Analytics, Data Visualization, OpenStreetMap, APIs

  • Front-end Developer and Data Analyst

    2018 - 2018
    Leicester University
    • Designed and developed a map that complements the project, trying to estimate the economic and social cost of crime.
    • Wrangled the data to get the best performance while keeping the dataset as big and detailed as possible.
    • Optimized data visualizations and created dynamic heatmaps that change as we change time.
    • Implemented lazy loading of big data sets in the background.
    Technologies: Data Visualization, Data Analytics, Mapbox, JavaScript, Data Wrangling, Python, Data Science

  • D3.js Animated Map-based Chart

    2016 - 2016
    CB&I (via Toptal)
    • Manipulated 25,000 rows of data from an Excel file and prepared them for visualization using D3.js.
    • Created a clustering algorithm that dynamically grouped data depending on the zoom level, the area of interest, and data attributes to get smooth map animations and transitions.
    • Created various animated map examples to get the best presentation effect using different D3.js visualization techniques and cartographic projections.
    Technologies: Data Visualization, Data Analytics, JavaScript, CSS, D3.js, Data Wrangling

  • Developer

    2016 - 2016
    MDEP (via Toptal)
    • Reviewed the existing code that displays 3D data in the browser.
    • Fixed a broken Cesium plugin, which stopped working in the latest Safari browser (both on iOS and OS X).
    • Verified that the fixed solution is functioning correctly in all the main desktop browsers and the Android and iOS browsers.
    Technologies: Cesium.js, 3D, OpenLayers, JavaScript, OpenStreetMap

  • Front-end Developer | Code Quiz Systems

    2015 - 2015
    Udemy (via Toptal)
    • Developed a speed reading book-length calculator quiz.
    • Integrated the calculator into the existing Udemy visual template.
    • Based on the ready designs, I built the front end and brought them to life.
    Technologies: JavaScript

  • Lead AngularJS Developer

    2015 - 2015
    Radish Lab (via Toptal)
    • Finished a museum app built on Node.js, Express.js, MongoDB, and AngularJS.
    • Created a D3.js-based interactive map that looks at the types of events people in the United States love the most, city by city.
    • Designed a MapBox-based world map for a custom WordPress theme created by Radish Lab.
    Technologies: WordPress, LeafletJS, D3.js, Mapbox, AngularJS, Data Wrangling, APIs

  • Freelance Developer

    2015 - 2015
    Austin Distributing (via Toptal)
    • Created a collapsible, zoomable panning tree with D3.js.
    • Extracted and visualized data from the ERP system.
    • Manipulated data from MS SQL database and prepared them for D3.js.
    Technologies: D3.js, Microsoft SQL Server, SQL

  • Web Developer

    2014 - 2015
    Tegetdot d.o.o. (via Toptal)
    • Worked on a client-side AngularJS application, including implementation of the API and the app itself.
    • Created a Mapbox-based map with real-time data from different location sensors.
    • Created a heat map with Leaflet, Mapbox, and AngularJS to be used in data analysis.
    Technologies: Data Visualization, HTML5, CSS, Data Analytics, Angular Material, Mapbox, LeafletJS, AngularJS, GitHub, APIs

  • HTML5/JavaScript Mobile Web App Developer

    2014 - 2014
    Vincent Higgins (via Toptal)
    • Developed a location-aware, responsive AngularJS application.
    • Worked with music streaming services like the Rdio API and the Spotify API.
    • Used the HTML5 geolocation for tracking user location on a map, including local weather integration via the Forecast.io API.
    • Added social network integration with Facebook and Google+.
    Technologies: Data Visualization, Bootstrap, HTML5, Spotify API, LeafletJS, Heroku, MongoDB, AngularJS, APIs

  • GIS Professional

    2013 - 2014
    KvarnerCAD d.o.o.
    • Developed various desktop GIS applications using C# .NET and Intergraph GeoMedia technology.
    • Designed and developed a web application and GIS portal using JavaScript, C# .NET, and Intergraph GeoMedia Geospatial Portal.
    • Created OGC services (WMS, WFS, and Gazetteer) and web clients that consumed those services.
    • Designed and developed websites for small companies based on frameworks like Bootstrap and content management systems like WordPress.
    • Handled system administration and provided IT support.
    Technologies: Data Visualization, Data Analytics, User Interface (UI), LeafletJS, Intergraph GeoMedia, GIS, WordPress, SQL, GNSS, GeoServer, Adobe Photoshop, OpenGeo Suite, OpenLayers, HTML5, Oracle Spatial, Oracle, C#.NET, Visual Basic, CSS, JavaScript, GitHub, CartoDB, Visual Basic 6 (VB6), APIs, Big Data, Web Applications

  • Software Architect

    2003 - 2013
    TEB Informatika d.o.o.
    • Developed desktop and web GIS applications using JavaScript, C# .NET, and the Intergraph GeoMedia product family.
    • Designed and developed a mobile data collection application with a real-time field GPS location, photo, and attribute data collection.
    • Manipulated spatial data and created cartographic presentations and visualizations.
    • Worked on spatial data collection with GPS. Involved in GPS data transformations from WGS84 to Croatian official coordinate systems and integrated the GPS and GIS in desktop and mobile environments.
    • Contributed to developing a mobile mapping vehicle, especially with the data acquisition hardware integration (inertial system, D-GPS, odometer, 360°, and stereo video camera).
    • Supported system administration and provided IT support.
    Technologies: Data Analytics, HTML5, OpenLayers, Adobe Photoshop, GeoServer, GNSS, SQL, WordPress, GIS, LeafletJS, User Interface (UI), Data Visualization, D3.js, Intergraph GeoMedia, Mobile Mapping, OpenGeo Suite, Java, Oracle Spatial, Oracle, C#.NET, Visual Basic, CSS, JavaScript, GitHub, Bing Maps, Google Maps, Visual Basic 6 (VB6), APIs, Big Data, Web Applications

Experience

  • Cost of Crime
    https://www.cost-of-crime.com

    A project that provides novel estimates on the economic and social cost of crime, using cutting-edge econometric techniques on large sets of administrative microdata. This data is displayed on the Homicide Map and is documenting the occurrence of all homicides over time and across space at unprecedented geographic precision.

  • GPS Coordinates to Gauss–Krüger Transformation Tool
    http://gauss.svemir.co/

    With an accompanying map visualization, a web application can convert GPS coordinates from WGS84 to Gauss–Krüger projections and vice versa. The tool is written in pure JavaScript and relies on two open source projects: MapBox for cartography and Proj4js for actual transformation calculations. No server-side scripts are used.

  • The United States of Fun

    An interactive map that looks at the types of events people in the United States love the most, city by city. The map was made for Eventbrite.com. It was built using only JavaScript and the D3.js framework.

  • LyfeTrack – Road Trip Soundtrack (Concept)

    A concept for a mobile application that functions as a travel diary that can represent and share emotional connections to music and places. The application includes integration with social networks, music streaming services, geolocation with map pins that save every song and current local weather information, and the ability to attach photos taken during a road trip.

  • Mobile Data Collection Application

    A web-based mobile data collection application for collecting field data or completing field surveys. The application includes real-time field GPS location, photo and attribute data collection, online and offline data storage, custom forms, input boxes, and predefined input fields and attributes.

  • Mobile Mapping Vehicle

    A mobile mapping vehicle development and data acquisition hardware integration. It features an inertial system, DGPS, an odometer, 360° coverage, and a stereo video camera. It includes the development of software integration applications and post-processing applications.

  • .NET Best Practices and Tips by Toptal Developers (Publication)
    https://www.toptal.com/dot-net/tips-and-practices
    This resource contains a collection of .NET best practices and tips provided by our Toptal network members.
  • JavaScript Best Practices and Tips by Toptal Developers (Publication)
    https://www.toptal.com/javascript/tips-and-practices
    This resource contains a collection of JavaScript best practices and JavaScript tips provided by our Toptal network members.
  • CSS Best Practices and Tips by Toptal Developers (Publication)
    https://www.toptal.com/css/tips-and-practices
    This resource contains a collection of CSS best practices and CSS tips provided by our Toptal network members.
  • Twitter Bootstrap Best Practices and Tips by Toptal Developers (Publication)
    https://www.toptal.com/twitter-bootstrap/tips-and-practices
    This resource contains a collection of Twitter Bootstrap best practices and Twitter Bootstrap tips provided by our Toptal network members.
  • Toptal's Quick and Practical CSS Cheat Sheet (Publication)
    https://www.toptal.com/css/css-cheat-sheet
    As software engineers, we’re always searching for the best tools and guides that will help us to be more productive while spending less time searching and reading long technical specifications. Today, Toptal is pleased to present an entirely new resource to the community as a free download: a CSS Cheat Sheet. Toptal's CSS Cheat Sheet is a quick CSS reference guide, and includes CSS syntax, the most important selectors, properties, sizes, and units, and other useful CSS details, all in a short, easily understandable format.
  • What Is Bootstrap? Effortless Responsive Sites With Bootstrap Web Development (Publication)
    https://www.toptal.com/bootstrap/what-is-bootstrap-responsive-sites
    You've heard of Bootstrap, but what is Bootstrap, exactly? A powerful collection of HTML, CSS, and JavaScript tools, it makes responsive web development easy. Get started with the basics of Bootstrap.
  • The 10 Most Common Bootstrap Mistakes That Developers Make (Publication)
    https://www.toptal.com/twitter-bootstrap/the-10-most-common-bootstrap-mistakes
    Bootstrap is a powerful toolkit. It comes bundled with basic HTML and CSS design templates that include many common UI components. Most of the important pitfalls are mentioned in the Bootstrap documentation, but still some mistakes are pretty subtle, or have ambiguous causes. This article outlines some of the most common mistakes, problems, and misconceptions when using Bootstrap.
  • Survey of the Best Online Mapping Tools for Web Developers: The Roadmap to Roadmaps (Publication)
    https://www.toptal.com/web/the-roadmap-to-roadmaps-a-survey-of-the-best-online-mapping-tools
    Making your own maps is not a big undertaking anymore, but for developers not familiar with web mapping, the agony of choice might be intimidating. You want to make maps, but don't know where to start nor which tools to use. I am here to help. Here, I'll discuss several of the best available tools, providing a brief overview of each, along with code examples, and weighing the pros and cons.
  • A Map to Perfection: Using D3.js to Make Beautiful Web Maps (Publication)
    https://www.toptal.com/javascript/a-map-to-perfection-using-d3-js-to-make-beautiful-web-maps
    Data Driven Documents, or D3.js, is an awesome data visualization library. In this article, I'll discuss one particularly compelling application of D3.js: map making. We'll go through the common challenges of building a useful and informative web map, and show how in each case, D3.js gives you everything you need to make your map look and feel beautiful.

Skills

  • Languages

    Visual Basic, C#.NET, JavaScript, HTML5, CSS, Visual Basic 6 (VB6), Python, SQL, Java

  • Frameworks

    Bootstrap, Nova, AngularJS

  • Libraries/APIs

    D3.js, LeafletJS, OpenLayers, Google Maps, Bing Maps, Cesium.js, Spotify API

  • Tools

    Intergraph GeoMedia, GIS, GitHub, Adobe Photoshop

  • Platforms

    Mapbox, OpenGeo Suite, WordPress, Oracle, Heroku

  • Storage

    GeoServer, MongoDB, CartoDB, Microsoft SQL Server

  • Other

    Team Leadership, Data Visualization, Data Analytics, GNSS, Mobile Mapping, Writing & Editing, Data Wrangling, OpenStreetMap, 3D, User Interface (UI), Oracle Spatial, APIs, Product Ownership, Big Data, Web Applications, Operations

  • Paradigms

    Data Science, Management

Education

  • Master of Science (Croatian Equivalent) Degree in Cartography and Photogrammetry
    1997 - 2003
    Faculty of Geodesy at University of Zagreb - Zagreb, Croatia

Certifications

  • Elements of AI
    SEPTEMBER 2019 - PRESENT
    University of Helsinki

To view more profiles

Join Toptal
Share it with others
Hire the top 3% of freelance developers TM