Skip to content

Instantly share code, notes, and snippets.

View saifuddin778's full-sized avatar
🎯
Focusing

Saifuddin Abdullah saifuddin778

🎯
Focusing
View GitHub Profile
@saifuddin778
saifuddin778 / README.md
Last active December 23, 2019 09:31
A Day At Our Park

We have a park with some shops in it. People visit our park and shop. We track visitors.

  • We plot visitors as dots, and color code them by their ethnicity/race.
  • We divide visitors in quadrants of gender and age (i.e. male-young, female-young, female-old, male-old).
  • We compare visitors' family-size vs their number of purchases (in some lost hope) [sub plot # 1]
  • We view visitors' purchasing history, looking for how much they have shopped in the last 5 months with us. [sub plot # 2]
  • We classify visitors' purchases by product categories during last 5 months. [sub plot # 3]
Boring description aside, the main purpose of this plot is to demonstrate action binds (and resulting transforms) between different containers having independent svg spaces. Also uses Ziggy Jonsson's d3.legend for quick legend drawing.
@saifuddin778
saifuddin778 / README.md
Last active September 22, 2019 07:05
sales-sample

sales-samples

@saifuddin778
saifuddin778 / README.md
Last active June 8, 2019 02:55
Convex Hull (Jarvis's March)

Visual representation of the process of finding convex hull for a set of random 2D points (implementation known as the Gift Wrapping or Jarvis's March algorithm).

@saifuddin778
saifuddin778 / README.md
Last active May 2, 2018 15:28
Morph & Grayscale

Morph vs Grayscale.

@saifuddin778
saifuddin778 / README.md
Last active July 5, 2017 18:33
Cost Paths + d3 Node Caching

Demonstration of how different real-time optimal cost finding approaches can work. This example utilizes d3's element/node caching, which gives a benefit of drastically reducing the element/node lookup time. This way, no application of select() or selectAll() is done to find and filter nodes in the directional vicinity: [(x+k, y), (x, y+k), (x+k, y+k)].

@saifuddin778
saifuddin778 / README.md
Last active June 18, 2017 04:01
Unstable Color Palette

An example of an unsettling, unstable color palette.

@saifuddin778
saifuddin778 / README.md
Last active April 29, 2017 08:51
Booboo's Experiment

Chaining Transitions, on Booboo's idea.

DTW (Dynamic Time Warping) is a widely used algorithm for finding similarity metric between two time-series (T1 and T2). The idea of this algorithm is to utilize dynamic programming to figure out the most optimal alignment path (i.e. a path that minimizes the overall distance cost if we have to travel from beginning to the end of both time-series(s) while comparing them), which is constructed under some constraints.

This demonstration gives a basic idea of how this path is constructed. The original distance value is usually interpreted as the cumulative cost present at i=N, J=M, where N is the size of T1 and M is the size of T2. A very intuitive visible observation is: As the path is constructed, it avoids the traps with higher cost (red-ish).

@saifuddin778
saifuddin778 / README.md
Last active April 10, 2017 05:39
Troodon - II

Troodon with dual perception.

@saifuddin778
saifuddin778 / README.md
Last active April 9, 2017 07:08
Troodon

Troodon