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

JavaScript Developer in Zagreb, Croatia

Member since May 1, 2014
Tomislav is exploring uncharted areas, bringing a sense of data, and create 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

Experience

Location

Zagreb, Croatia

Availability

Part-time

Preferred Environment

VS Code

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 Technical Screening

    2017 - 2020
    Toptal
    • Led the Toptal team responsible for conducting 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 testings and focus on assessing the real-world skills.
    • Grew and diversified the team significantly over time. Oversaw the interviewing, evaluating, hiring, and training of new people.
    Technologies: Team Leadership

  • 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 World Population Density as a backdrop over which then overlayed other Points of Interests.
    • Helped analyze all the existing data and prepare it all for data visualization on a map.
    Technologies: D3.js, Data Analysis, Data Visualization, Mapbox

  • Data Visualization Expert

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

  • Front-end Developer and Data Analyst

    2018 - 2018
    Leicester University
    • Designed and developed a map that complements the project that was 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 the time.
    • Implemented lazy loading of big data sets in the background.
    Technologies: Data Visualization, Data Analytics, Mapbox, JavaScript

  • 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 was dynamically grouping data depending on the zoom level, the area of interest, and data attributes to get smooth map animations and transitions.
    • Created several different 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

  • 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, together with the Android and iOS browsers.
    Technologies: Cesium.js, 3D, OpenLayers, JavaScript

  • Front-end Developer (Code Quiz Systems)

    2015 - 2015
    Udemy (via Toptal)
    • Developed a speed reading book length calculator.
    • Integrated the calculator into the existing Udemy visual template.
    Technologies: JavaScript

  • Lead AngularJS Developer

    2015 - 2015
    Radish Lab (via Toptal)
    • Finished a museum app build on Node.js, Express, MongoDB, and AngularJS.
    • Created 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.
    • Designed a MapBox-based world map for a custom WordPress theme created by Radish Lab.
    Technologies: WordPress, LeafletJS, D3.js, Mapbox, AngularJS

  • Freelance Developer

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

  • 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

  • HTML5/JavaScript Mobile Web App Developer

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

  • 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, 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

  • 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 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 GPS data transformations from WGS84 to Croatian official coordinate systems and integrated the GPS and GIS in desktop and mobile environments.
    • Contributed to the development of 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

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 an unprecedented level of geographic precision.

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

    A web application that can be used for conversion of GPS coordinates from WGS84 to Gauss-Krüger projection and vice versa, with an accompanying map visualization.

  • The United States of Fun
    http://www.eventbrite.com/rally/the-united-states-of-events/

    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. Made for Eventbrite.com.

  • LyfeTrack – Road Trip Soundtrack (Concept)

    A concept of 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, and custom forms, input boxes, and predefined input fields and attributes.

  • Mobile Mapping Vehicle
    http://www.teb-informatika.hr/services/road-recording/

    A mobile mapping vehicle development and data acquisition hardware integration. It features an inertial system, D-GPS, odometer, 360° coverage, and a stereo video camera. It includes 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.
  • 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.
  • 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.
  • What is Bootstrap? A Short Bootstrap Tutorial on the What, Why, and How (Publication)
    https://www.toptal.com/front-end/what-is-bootstrap-a-short-tutorial-on-the-what-why-and-how
    If you're doing anything web related, chances are you've heard about Bootstrap. Bootstrap is a powerful toolkit - a collection of HTML, CSS, and JavaScript tools for creating and building web pages and web applications. It is a free and open source project, hosted on GitHub, and originally created by (and for) Twitter. If by now you still don't know what Bootstrap is, or you just want to get a better overview of what it is and what it does best, you've come to the right place.
  • 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.
  • Toptal Mentor
    Tomislav is a mentor in the Toptal Global Mentor’s Program. This program is a partnership between Toptal and General Assembly to provide high quality mentorship for students from minority and low income backgrounds who are looking to begin their careers as professional software engineers. Tomislav shows commitment to diversity in tech by mentoring a General Assembly student every week for a year, covering everything from coding tips and tricks to advice on making it in the industry.

Skills

  • Languages

    Visual Basic, C#.NET, JavaScript, HTML5, CSS, Python, SQL, Java

  • Frameworks

    Bootstrap, AngularJS, Angular Material

  • Libraries/APIs

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

  • Tools

    Intergraph GeoMedia, GIS, VS Code, GitHub, Adobe Photoshop, Jekyll

  • Platforms

    Mapbox, OpenGeo Suite, WordPress, Oracle, Heroku

  • Storage

    GeoServer, MongoDB, CartoDB, Microsoft SQL Server

  • Other

    Data Analysis, Team Leadership, Data Visualization, Data Analytics, GNSS, Mobile Mapping, Writing & Editing, User Interface (UI), Oracle Spatial, 3D

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