Timothy A. Ronan, Developer in Nashville, TN, United States
Timothy is available for hire
Hire Timothy

Timothy A. Ronan

Verified Expert  in Engineering

Data Visualization Developer

Location
Nashville, TN, United States
Toptal Member Since
November 19, 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 helped develop original, concise, and effective interfaces.

Portfolio

40AU
Polymer, Material Design, SCSS, React, Vue, JavaScript
Deloitte (via Toptal)
SCSS, Pug, JavaScript
Situation Interactive
WordPress, Angular, SCSS, Vue, PHP, JavaScript

Experience

Availability

Part-time

Preferred Environment

Webpack, Babel, Visual Studio Code (VS Code), Git, OS X

The most amazing...

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

Work Experience

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: Polymer, Material Design, SCSS, React, Vue, JavaScript

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: SCSS, Pug, JavaScript

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: WordPress, Angular, SCSS, Vue, PHP, JavaScript

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: Underscore.js, Browserify, Redux, Chai, Mocha, SVG, Grunt, jQuery, React, Node.js, HTML, CSS, D3.js, JavaScript

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: SCSS, JavaScript, D3.js

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: CSS, JavaScript, D3.js

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: Sass, CSS, JavaScript, D3.js

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: CouchDB, R, MySQL, PHP, Angular, jQuery, HTML5, CSS3, JavaScript, D3.js

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: D3.js, HTML5, CSS3, JavaScript

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: Adobe Photoshop, Adobe Illustrator, SVG, D3.js, Sass, HTML, CSS, MySQL, PHP, WordPress

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: PHP, HTML, jQuery, CSS, WordPress

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: CSS, HTML, Adobe Photoshop, Adobe Illustrator

Gundealers and Starbucks

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

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

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

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

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)

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

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

http://highrankwebsites.com/nfl-crimes-interactive/
D3, CSS3, JS-driven data graphic. Multiple updating graphs and sorting.

Surrano Law WordPress

http://www.surranoinsurancebadfaith.com/
Custom WordPress theme built from scratch.

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

Panish Law WordPress

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

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

Languages

JavaScript, HTML, CSS3, Sass, HTML5, Python 3, Less, R, CSS, SCSS, Pug, PHP

Frameworks

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

Libraries/APIs

React, Vue, jQuery, D3.js, Moment.js, Underscore.js, Node.js, Chai, Polymer

Tools

Adobe Premiere Pro, Adobe Illustrator, Adobe Photoshop, Hammer for Mac, Git, Sublime Text, Gulp, Vagrant, Grunt, Mocha, Browserify, Babel, Webpack

Paradigms

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

Platforms

WordPress, OS X, Visual Studio Code (VS Code), Drupal

Storage

JSON, PostgreSQL, MySQL, CouchDB

Other

Data Visualization, SVG, Data Cleaning, Data Mining, Data Analysis, Material Design

Industry Expertise

Web Design

2008 - 2012

Bachelor's Degree in Mathematics and Computer Science

State University of New York at Potsdam - New York