{"id":13559001,"url":"https://github.com/amndns/tree-visualizer","last_synced_at":"2025-04-03T14:30:55.201Z","repository":{"id":121915733,"uuid":"295175586","full_name":"amndns/tree-visualizer","owner":"amndns","description":"Tree Visualizer is an online platform for creating and customizing rooted binary trees and visualizing common tree traversal algorithms.","archived":false,"fork":false,"pushed_at":"2020-11-21T07:09:21.000Z","size":3243,"stargazers_count":19,"open_issues_count":0,"forks_count":3,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-11-04T10:43:40.216Z","etag":null,"topics":["algorithms","graph-visualization","react","tree-visualizer","typescript"],"latest_commit_sha":null,"homepage":"https://tree-visualizer.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/amndns.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-09-13T15:04:55.000Z","updated_at":"2024-11-02T15:29:55.000Z","dependencies_parsed_at":"2024-02-04T04:40:08.567Z","dependency_job_id":null,"html_url":"https://github.com/amndns/tree-visualizer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amndns%2Ftree-visualizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amndns%2Ftree-visualizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amndns%2Ftree-visualizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/amndns%2Ftree-visualizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/amndns","download_url":"https://codeload.github.com/amndns/tree-visualizer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247018307,"owners_count":20869991,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["algorithms","graph-visualization","react","tree-visualizer","typescript"],"created_at":"2024-08-01T12:05:17.108Z","updated_at":"2025-04-03T14:30:54.633Z","avatar_url":"https://github.com/amndns.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","typescript"],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eTree Visualizer\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg alt=\"Version\" src=\"https://img.shields.io/badge/version-1.0.0-blue.svg?cacheSeconds=2592000\" /\u003e\n  \u003ca href=\"https://github.com/amndns/tree-visualizer/blob/master/README.md\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Documentation\" src=\"https://img.shields.io/badge/documentation-yes-brightgreen.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/amndns/tree-visualizer/graphs/commit-activity\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Maintenance\" src=\"https://img.shields.io/badge/Maintained%3F-yes-green.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/amndns/tree-visualizer/blob/master/LICENSE\" target=\"_blank\"\u003e\n    \u003cimg alt=\"License: MIT\" src=\"https://img.shields.io/badge/License-MIT-green.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://app.netlify.com/sites/tree-visualizer/deploys\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Netlify Status\" src=\"https://api.netlify.com/api/v1/badges/8f2e78cd-6dd0-4da0-b435-0a54c4af10c4/deploy-status\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003e Tree Visualizer is an online platform for creating and customizing rooted binary trees and visualizing common tree traversal algorithms.\n\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"720\" align=\"center\" src=\"docs/assets/demo.gif\" alt=\"demo\"/\u003e\n\u003c/p\u003e\n\n## ✨ Features\n\nVisit the platform at [tree-visualizer.netlify.app](https://tree-visualizer.netlify.app/)\n\n- You can create and customize rooted binary trees.\n- You can visualize common tree traversal algorithms.\n- You can serialize the tree for [LeetCode](https://leetcode.com/problemset/all/) problems.\n\nGive a ⭐️ if this project helped you!\n\n## 🛠 Built With\n\n- [React TypeScript](https://reactjs.org/) - Frontend\n- [React D3 Tree](https://github.com/bkrem/react-d3-tree) - Visualization\n- [Ant Design](https://ant.design/) - UI Library\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome!\u003cbr /\u003e\n\nFeel free to check the [issues page](https://github.com/amndns/tree-visualizer/issues) for any open issues. If this is your first time contributing to Open Source, check out the [Contributing Guidelines](https://github.com/amndns/tree-visualizer/blob/master/CONTRIBUTING.md).\n\nYou can also suggest a new feature by [creating an issue](https://github.com/amndns/tree-visualizer/issues/new). Please wait for confirmation before working on it.\n\n### Good for First Timers\n\n- [ ] Add unit tests, integration tests, and end-to-end tests.\n- [ ] Optimize tree traversal algorithms.\n- [ ] Optimize serialization algorithm.\n\n## 🚀 Get Started\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app) and [TypeScript](https://www.typescriptlang.org/).\n\nBelow is a guide on the common commands you might use all throughout the development process. In the project directory, you can run:\n\n#### `yarn install`\n\nInstalls all package dependencies of the app. Make sure you have [yarn](https://yarnpkg.com/) installed and configured first.\n\n#### `yarn start`\n\nRuns the app in development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser. The page will reload if you make edits. You will also see any lint errors in the console.\n\n#### `yarn lint`\n\nLaunches the linter against all of the `.ts` and `.tsx` files from the `src/` directory. The project specifically uses [ESLint](https://eslint.org/) and [Prettier](https://prettier.io/) as the linter and code formatter, respectively.\n\n#### `yarn test`\n\nLaunches the test runner in interactive watch mode. See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n## 📝 License\n\nCopyright © 2020 [Adel Ismael Mandanas](https://github.com/amndns).\u003cbr /\u003e\nThis project is [MIT](https://github.com/amndns/tree-visualizer/blob/master/LICENSE) licensed.\n\n\n***\n_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famndns%2Ftree-visualizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Famndns%2Ftree-visualizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Famndns%2Ftree-visualizer/lists"}