toptal.com
Contact us: +1.888.604.3188
Timothy A. Ronan, SVG Developer in Nashville, TN, United States
Timothy A. Ronan

SVG Developer in Nashville, TN, United States

Member since September 15, 2015
Timothy is a front-end developer who specializes in data visualization, vector graphics, interactives, and animation. He has experience throughout the entire scope of web projects and has designed UI/UX, assets, templates, and projects. He's analyzed, cleaned, and converted data, and worked with databases and APIs. Embracing web experiences outside of the front-end has been instrumental in developing original, concise, and effective interfaces.
Timothy is now available for hire
Hire Timothy

Portfolio

Experience

Location

Nashville, TN, United States

Availability

Part-time

Preferred Environment

OS X, Sublime Text, Git, Gulp, Vagrant, SASS

The most amazing...

...thing I've coded is a player dashboard that updates live based on over 25 filters on 18 stats and 5 graphs for each player.

Employment

  • Senior Web Developer

    2017 - PRESENT
    40AU
    • Managed projects, including planning, budgeting, design, and development.
    • Built a project management application that includes features such as customizable forms, ticketing, and custom workflows.
    • Created a branching questionnaire application for use in doctors' offices that allows for doctors to have base decision logic available for appointments.
    • Built a survey application that takes third-party data and assists nurses in gathering patient information and calculating a risk score before major surgeries.
    • Shared custom code sets and workflow management between projects to create more efficiency throughout the development lifecycle.
    Technologies: JS, Vue.js, React.js, SCSS, Material Design, Polymer

  • Pixel Perfect, HTML/CSS Expert

    2018 - 2018
    Deloitte (via Toptal)
    • Worked remotely through a Slack channel to communicate needs.
    • Built a custom static webpage with easy customization and built process.
    • Developed with the goal of a <1-second load time. Optimized assets and loading to accommodate efficiency needs.
    • Worked in a tight feedback loop to keep the development budget on track.
    • Used custom animations without libraries to build a pixel-perfect, eye-catching product.
    Technologies: JS, Pug, SCSS

  • Senior Interactive Developer

    2017 - 2018
    Situation Interactive
    • Built custom applications using best technologies for the job.
    • Built reusable plugins for use in custom webpage builds.
    • Implemented and supported styleguide standards and interactive build process through development and design workflow.
    • Contributed to API planning and building for reproducible applications.
    • Performed code reviews and provided mentoring to Junior developers.
    Technologies: JS, PHP, Vue, SCSS, Angular, WP

  • Senior Web Developer

    2016 - 2017
    UBS
    • Developed reusable interactive data-driven user interface components as a part of my research.
    • Communicated with teams that were spread across many countries.
    • Worked in an Agile Scrum environment.
    • Specialized in data visualizations.
    • Wrote tests for all developed code.
    • Assisted in project deployment as needed.
    Technologies: JavaScript, D3, CSS, HTML, Node, React, jQuery, Grunt, SVG, Mocha, Chai, Redux, Browserify, Underscore

  • D3 Specialist

    2016 - 2016
    Berkman Solutions (via Toptal)
    • Created a custom D3 visualization for a central view of an application. The visualization represented a complex organization hierarchy with a diverse rule set.
    • Developed the nodes in the chart, which had multiple parents, allowed generation skipping, had arbitrary depth and width of generation, and allowed for relationship inversion.
    • Built the chart, which consumed, formatted, and visualized third-party data as well as highlighted and gave details on node relationships while maintaining node context.
    • Included a custom node traversal and force direction algorithm in the chart for completing the required layout.
    Technologies: D3, JS, SCSS

  • D3 Specialist

    2016 - 2016
    Maven 7 (via Toptal)
    • Built a custom data visualization that involved complex animations and mathematical solutions.
    • Wrote algorithms for drawing efficient transitions of different geometries with SVG.
    • Modified a tool to save SVG files as PNG with custom parameters.
    • Improved the code base by merging multiple visualizations into an efficient singular visualization.
    • Worked with the team based in Budapest on opposite schedules and delivered consistently.
    Technologies: D3, JavaScript, CSS

  • D3 Expert

    2016 - 2016
    Membean (via Toptal)
    • Modified custom data visualization to specs.
    • Designed and presented responsive solutions.
    • Developed responsive functionality into existing visualizations.
    • Assisted in data visualization design patterns.
    • Studied products to understand client needs.
    Technologies: D3, JavaScript, CSS, Sass

  • Lead Interactive Developer

    2014 - 2016
    1 Point 21 Interactive
    • Conceived, designed, developed, and deployed interactive sites, data, and in-house applications.
    • Specialized in data-driven interactive graphics.
    • Developed and presented product and project ideas. Analyzed data.
    • Built in-house applications for improving workflow.
    • Taught team members, acting as a resource for all company departments.
    Technologies: D3, JS, CSS3, HTML5, jQuery, Angular, PHP, MySQL, R, CouchDB

  • Front-end Developer

    2015 - 2015
    Mindgruve
    • Focused on JavaScript animations and data-driven graphics.
    • Created loading animations and AJAX for blogs.
    • Developed the interface for a custom portal.
    • Created data-driven graphs for a business-facing application.
    • Developed HTML and Responsive CSS updates.
    Technologies: JS, CSS3, HTML5, D3

  • Web Developer

    2014 - 2015
    High Rank Websites
    • Played a key role in production, planning, workflow, tech decisions, and company direction.
    • Created hand-written WordPress themes.
    • Built interactive information graphics.
    • Gave presentations and interviews, improved deployment, built new products, introduced site optimization, and implemented features across sites.
    • Created reusable interactive WordPress plugins.
    • Troubleshot and interviewed potential in-house and freelance developer work.
    Technologies: WordPress, PHP, MySQL, CSS, HTML, Sass, D3, SVG, Illustrator, Photoshop

  • Web Developer

    2013 - 2014
    ePractice Media
    • Helped the team to efficiently and effectively produce sites at high volume.
    • Cut up PSD files to build CMS-powered websites.
    • Developed hand-written responsive WordPress themes.
    • Edited and updated existing websites.
    • Integrated Bootstrap, responsive design, and LESS to production.
    • Bought domains and set up databases, WordPress, and FTP users.
    Technologies: WordPress, CSS, jQuery, HTML, PHP

  • Park Manager

    2011 - 2013
    Titus Mountain
    • Managed upkeep, planning, and promotion for a terrain park and oversaw their web presence.
    • Designed logos, posters, and other assets for promotional events.
    • Hired, scheduled, and managed a group of 10 employees.
    • Updated/maintained the website, Facebook page, YouTube channel, and Instagram feed.
    • Conceived, developed, and ran events and promotions.
    Technologies: Illustrator, Photoshop, HTML, CSS

Experience

  • Gundealers and Starbucks (Development)
    http://admin.1point21interactive.com/coffeeandguns/

    I used Google APIs, D3, SVG, JS, Leaflet, and R to build an application that shows the number of Starbucks and gun dealers within a 35 mile radius. I cleaned the data, developed the entire application, and designed the UI.

  • Dangerous Toys (Development)
    http://admin.1point21interactive.com/toy-dangers/

    An interactive data graphic showing age ranges related to toy-based injuries. Built with D3, CSS3, and JS.

    My Role: Designed UI/UX, Made icons & assets, Developed the entire page.

  • Race for MVP (Development)
    http://raceformvp.com/

    A data-driven dashboard built with D3 and CSS3. User Profiles are updated based on dragging stat sliders. Shows the number of relevant games in statistical thresholds. Presets for different relevant statistical combinations. Graphs the represent individual games versus season average. Filtering and graph updates highlight piece.

    My Role: Designed, developed, and deployed the project solo.

  • NYC Street Dangers (Development)
    http://admin.1point21interactive.com/nyc-streets/

    Using SVG, Leaflet, SVG, CSS, R, and JavaScript, I cleaned and analyzed data to create this visualization of car accidents in NYC. We attempted to show the most dangerous areas of NYC.

  • People Killed by Police (Development)
    http://1point21interactive.com/people-killed/

    Publicity graphic created with D3 and CSS3. Sorting, animations, filtering, and multiple graph updates highlight the piece.

    My Role: UX design and development

  • Icon Animation for Dan and Dave (via Toptal) (Development)

    I created 4 icon animation types for Dan and Dave. In my presentation of these types, I outlined efficiency benefits vs. animation smoothness.

    The client settled on an SVG solution which I packaged for their developer to implement seamlessly into the existing site.

  • College Graduate Estimator (Development)

    Data driven application. Math calculations based on cost of living indices, national averages, major, and university data. Used Angular, MySQL, PHP, Slim, CSS3.

  • NFL Crimes Interactive (Development)
    http://highrankwebsites.com/nfl-crimes-interactive/

    D3, CSS3, JS-driven data graphic. Multiple updating graphs and sorting.

  • Surrano Law WordPress (Development)
    http://www.surranoinsurancebadfaith.com/

    Custom WordPress theme built from scratch.

    Tools Used: jQuery, SASS, WordPress, PHP, HTML5 Video, Google Maps API

  • Panish Law WordPress (Development)
    http://psblaw.com

    Custom WordPress theme built from scratch.

    Tools Used: jQuery, SASS, WordPRess, PHP, HTML5 Video, Google Maps API

  • WordPress Plug-in Use and Information (Development)
    http://admin.1point21interactive.com/dimple/

    This site is an overview of a WordPress plugin I built for a company's in-house use. This site was built to be used as a tutorial and reference page for employees using the plugin. It is a WordPress site about a WordPress plugin, both of which I developed.

    Tools Used: D3, WordPress, CSS3, PHP, JS, AJAX, SVG, Dimple

Skills

  • Languages

    HTML, CSS3, Sass, HTML5, JavaScript, Less, PHP

  • Frameworks

    Compass, AngularJS, Java Agent DEvelopment (JADE), Slim, CodeIgniter

  • Libraries/APIs

    jQuery, D3.js, Moment.js, Underscore.js

  • Tools

    Adobe Premiere Pro, Adobe Illustrator, Adobe Photoshop, Hammer for Mac, Git

  • Paradigms

    Responsive Web Design (RWD), Search Engine Optimization (SEO), Model View Controller (MVC), Functional Programming, Scrum

  • Platforms

    WordPress, Drupal

  • Storage

    JSON, MySQL, CouchDB

  • Other

    Data Visualization, SVG, Data Cleaning, Data Mining, Data Analysis

  • Industry Expertise

    Web Design

Education

  • Bachelor's degree in Mathematics and Computer Science
    2008 - 2012
    State University of New York at Potsdam - New York

To view more profiles

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