The Data Doodle

A blog about visualizing, analyzing, and managing data

Promise Array Binding

Demo: http://datadoodler.github.io/ts-05-progressbar-bound-to-promise-array

Source: https://github.com/datadoodler/ts-05-progressbar-bound-to-promise-array/

Progressbar Bound to Promise Array

The application is periodically caching images (asynchronously). Whenever images are being pulled over the wire we want to show the progressbar (angular bootstrap directive) and the percentage complete of the images. Progressbar doesn’t need to show the percent downloaded of a single image, but the percentage of the list of images that have completed (or failed) download.

Read More

FDIC Query Notation

BankerDoodle is an application built on top of the DataDoodler platform. It inherits all the analytical goodness of DataDoodler, but contains features specific to the banking industry.

Read More

Cost of Change vs. Cost of Understanding

There are costs associated with how you write code (the patterns you utilize). Highly abstract code that relies on a high degree of inheritance, factories, and dependency injection is easier to change, but harder to understand.

Code that is less abstract is more likely to break something somewhere when you change it. Though it is harder to change, it is easier to understand.

Read More

Blog Tasks

  • What is a ‘Tech Sketch” and how is it done?
  • React.js components
  • DataDoodler Roadmap
  • Replace ‘Tags’ navigation component with a ‘Search’ component that allows real-time searching of titles, tags, and categories.

Address Validation Directive

The workings of this directive are illustrated in the following 3 scenarios. In each scenario, after the user initially presses ‘save’, the directive makes a call to the address validation service, injects appropriate html (if needed), waits for a user response, and updates the address fields accordingly.

Address fields on a page before user presses save

Read More