Treemap Diagram
A versatile data visualization dashboard that explores three distinct hierarchical datasets: Video Game Sales, Movie Grossings, and Kickstarter Funding. Built with D3.js, it features an interactive dataset switcher, dynamic treemap layouts, and smooth animated transitions.
Choropleth Map
An interactive choropleth map visualizing US educational attainment levels across over 3,000 counties. This project combines geographic TopoJSON data with educational statistics to reveal regional trends in bachelor's degree attainment, featuring dynamic color scaling and detailed hover-reveal data.
Heat Map
An interactive heat map visualizing over 260 years of global surface temperature data (1753–2015). Built with D3.js, it uses a quantized color scale to represent temperature variance across months and years, providing a clear visual narrative of historical climate trends.
Scatterplot Graph
A professional cycling performance dashboard built with D3.js and Sass. It transforms historical athlete data into an interactive scatter plot with responsive axes, detailed hover-states, and high-precision data mapping.
Bar Chart
An interactive data visualization of United States GDP growth using D3.js. This application fetches economic data from a JSON file and renders it as a dynamic bar chart with responsive scaling, axes, and interactive tooltips.
Pomodoro Clock
A customizable Pomodoro clock designed to enhance focus and productivity. Built with React and Redux, it features adjustable work and break intervals, a high-visibility digital timer, and automated audio notifications.
Javascript Calculator
A robust arithmetic engine developed using React and Redux, featuring a comprehensive state machine to manage operator precedence, sign toggling, and input validation. Includes a custom-styled SCSS interface with responsive grid layouts.
Drum Machine
An interactive virtual drum machine featuring dual sound kits, adjustable volume, and real-time visual feedback. Supports both click and keyboard-triggered audio playback for a seamless musical experience. It uses React for UI and Redux for the state management.
Markdown Previewer
A real-time Markdown editor built with React and Showdown library to render Markdown into HTML in real-time within a two-pane interface.