https://github.com/jacobgrisham/data-structures-and-algorithms-visualizer

Front-end single-page static website built with D3, React.js, Typescript, ES6 Javascript, Sass with CSS Modules and fine-tuned with Progressive Web App (PWA) capability. Site hosted on Netlify with Google Domains as DNS provider.
https://github.com/jacobgrisham/data-structures-and-algorithms-visualizer

algorithms algorithms-and-data-structures algorithms-visualizer circleci css-modules d3 data-visualization es6-javascript front-end-web-development jamstack javascript netflify progressive-web-app pwa react reactjs sass scss sorting-algorithms typescript

Last synced: 7 months ago
JSON representation

Front-end single-page static website built with D3, React.js, Typescript, ES6 Javascript, Sass with CSS Modules and fine-tuned with Progressive Web App (PWA) capability. Site hosted on Netlify with Google Domains as DNS provider.

• Host: GitHub
• URL: https://github.com/jacobgrisham/data-structures-and-algorithms-visualizer
• Owner: JacobGrisham
• Created: 2020-11-19T06:26:12.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-21T20:43:48.000Z (almost 3 years ago)
• Last Synced: 2025-03-30T08:22:58.683Z (8 months ago)
• Topics: algorithms, algorithms-and-data-structures, algorithms-visualizer, circleci, css-modules, d3, data-visualization, es6-javascript, front-end-web-development, jamstack, javascript, netflify, progressive-web-app, pwa, react, reactjs, sass, scss, sorting-algorithms, typescript
• Language: TypeScript
• Homepage: https://www.big-o.app/
• Size: 3.33 MB
• Stars: 5
• Watchers: 2
• Forks: 2
• Open Issues: 7
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  


# [Algorithms Visualizer: Front-End Web App using D3](https://www.big-o.app/)

[![Website shields.io](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)](https://www.big-o.app/)

[![Netlify Status](https://api.netlify.com/api/v1/badges/f5489329-e4fe-48e6-9759-62c0f5d07947/deploy-status)](https://app.netlify.com/sites/data-structures-algorithms/deploys)

![Security Headers](https://img.shields.io/security-headers?url=https%3A%2F%2Fwww.big-o.app%2F)

[![Maintainability](https://api.codeclimate.com/v1/badges/6536880fde9ad630e20e/maintainability)](https://codeclimate.com/github/JacobGrisham/Data-Structures-and-Algorithms-Visualizer/maintainability)

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/75dcba64872d4cafb6d77c3cbe7a9030)](https://www.codacy.com/gh/JacobGrisham/Data-Structures-and-Algorithms-Visualizer/dashboard?utm_source=github.com&utm_medium=referral&utm_content=JacobGrisham/Data-Structures-and-Algorithms-Visualizer&utm_campaign=Badge_Grade)

![Libraries.io dependency status for GitHub repo](https://img.shields.io/librariesio/github/jacobgrisham/Data-Structures-and-Algorithms-Visualizer)



## 🎓 [Final Project](https://cs50.harvard.edu/x/2020/project/) for [Harvard's Introduction to Computer Science CS50 hosted on eDX](https://www.edx.org/course/cs50s-introduction-to-computer-science)

-   I chose to create a web-based searching and sorting algorithms visualization tool

-   My project video submission is hosted on CS50's [Gallery of Final Projects](https://cs50.harvard.edu/x/2021/gallery/)

## 🚀 Getting Started

### To run this project on your system:

-   In your terminal, navigate to the root project directory and run the following commands

-   Download dependencies

```

$ npm install

```

-   Run the application

```

$ npm start

```

## 🔒 License

Copyright Notice and Statement: currently not offering any license. Permission only to view and download.