clustering clustering-algorithm clustering-methods demo scrollytelling scrolly machine-learning-algorithms machine-learning d3 d3js d3-visualization

DBSCAN and HDBSCAN interactive tutorial in D3.js

In this Data Visualization for Data Science final project, I challenged myself to:

Learn and implement a new data visualization tool - D3.js.
Create a "scrollytelling" webpage with self-updating graphics, which required some knowledge on HTML, SVG and JavaScript.

To tie the interactive webpage into broader Data Science themes, I created a lighthearted tutorial to show the differences between 2 clustering algorithms - DBSCAN and HDBSCAN.

Please click here to get to the interactive page. Below is a sped-up gif of what you can expect to see as you scroll down the page.

About

Light-hearted "scrollytelling" tutorial of DBSCAN and HDBSCAN (clustering algorithms) using D3.js. My first stab at web dev/ HTML/ SVG/ D3/ JavaScript https://www.chaungvyen.com/clustering_D3/

clustering clustering-algorithm clustering-methods demo scrollytelling scrolly machine-learning-algorithms machine-learning d3 d3js d3-visualization

Languages

Language:Jupyter Notebook 78.8%Language:HTML 10.5%Language:JavaScript 9.9%Language:CSS 0.5%Language:Python 0.3%