Category Archives: Data Visualizations

My collection of data visualization projects.

Puff Map

A quick and easy data visualization made for Puff Provisions LLC, a news and media company based out of Southern California.

This web asset illustrates the current state of Cannabis legalization throughout the USA.

This asset is powered by JavaScript charting library, D3.js.

Core Technologies

  • D3.js

SleepScore Animated Aura

A reusable JavaScript animation I developed for web and mobile platforms. This is currently the visual centerpiece of the SleepScore App available for FREE on iOS and Android.

The fundamentals for this were based on Addy Osmani’s explanation of The Module Pattern. A developer would call the object Aura and pass in an object literal of key-values to kickstart the animation. I used gulp for build tasks such as minifying code. Then each platform could host the final build artifacts on their respective app.

Core Technologies

  • jQuery v3
  • Sass
  • Gulp

Bonus Video (as seen on Today with Hoda and Jenna)

SleepScore Cluster Analysis

A video walkthrough of a previously built Data Visualization Python Web App – enhanced with company branding, responsive layouts and shipped into Microsoft Azure Cloud. This tool was primarily intended for CES but feel free to view the Cluster Analysis Tool here!

Core Technologies

  • Bootstrap 4
  • jQuery
  • D3.js
  • Chart.js
  • Microsoft Azure
  • Python, Flask