Front-end Developer and Data Analyst
2018 - 2018Leicester 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: JavaScript, MapBox, Data Wrangling, Data VisualizationsD3.js Animated Map-based Chart
2016 - 2016CB&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: D3.js, CSS, JavaScript, ExcelDeveloper
2016 - 2016MDEP (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: JavaScript, OpenLayers 3, Cesium, 3DFront-end Developer (Code Quiz Systems)
2015 - 2015Udemy (via Toptal)- Developed a speed reading book length calculator.
- Integrated the calculator into the existing Udemy visual template.
Technologies: JavaScriptLead AngularJS Developer
2015 - 2015Radish 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: AngularJS, Leaflet, Mapbox, D3.jsFreelance Developer
2015 - 2015Austin 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: MS SQL, D3.jsWeb Developer
2014 - 2015Tegetdot 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: AngularJS, Leaflet, Mapbox, Angular Material DesignHTML5/JavaScript Mobile Web App Developer
2014 - 2014Vincent 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: AngularJS, MongoDB, Heroku, LeafletGIS Professional
2013 - 2014KvarnerCAD 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 IT support.
Technologies: JavaScript, HTML, CSS, Visual Basic, C# .NET, Oracle, Oracle SpatialSoftware Architect
2003 - 2013TEB 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 IT support.
Technologies: JavaScript, HTML, CSS, Visual Basic, C# .NET, Oracle, Oracle Spatial, Java
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
Portfolio
- Leicester UniversityJavaScript, MapBox, Data Wrangling, Data Visualizations
- CB&I (via Toptal)D3.js, CSS, JavaScript, Excel
- MDEP (via Toptal)JavaScript, OpenLayers 3, Cesium, 3D
Experience
- Data Visualization, 15 years
- GIS, 15 years
- JavaScript, 13 years
- D3.js, 6 years
- MapBox, 3 years
- Python, 1 year
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
Experience
- Cost of Crime (Development)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 (Development)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 (Development)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) (Development)
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 (Development)
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 (Development)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.
- Toptal's Quick and Practical CSS Cheat Sheet (Publication)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)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)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)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)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.
- JavaScript Best Practices and Tips by Toptal Developers (Publication)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)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)This resource contains a collection of Twitter Bootstrap best practices and Twitter Bootstrap tips provided by our Toptal network members.
- .NET Best Practices and Tips by Toptal Developers (Publication)This resource contains a collection of .NET best practices and tips provided by our Toptal network members.
- 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
JavaScript, C#, HTML5, CSS, Python, SQLFrameworks
Bootstrap, AngularJS, ASP.NET, .NETLibraries/APIs
D3.js, LeafletJS, jQuery, OpenLayers, Google Maps, Bing Maps, Node.jsTools
Intergraph GeoMedia, GIS, GitHub, Adobe Photoshop, JekyllPlatforms
MapBox, OpenGeo Suite, WordPress, OracleStorage
GeoServer, CartoDB, PostgreSQL, MongoDBOther
Data Visualization, Data Analytics, Ajax, GNSS, Mobile Mapping, Technical Writer, User Interface (UI), Oracle SpatialParadigms
Object-oriented Programming (OOP)
Education
- Master of Science (Croatian equivalent) degree in Cartography and Photogrammetry1997 - 2003Faculty of Geodesy at University of Zagreb - Zagreb, Croatia
