GitFacts is a web app that is hosted on gitfacts.dev and can help you better navigate the world of software through visualizing GitHub data. Here in this app, we introduce the concept of mindful searching by displaying your results as a layered treemap representing hierarchy and relations between different qualities of every repository. By using this wholesome approach you can truly comprehend the big picture of your search, which can aid you in exploring new possibilities for your future project, looking for a job in a particular company, planning out your future career, choosing the right developer to work for you or just having fun learning new things.
This app is built in React, the diagram is embedded in D3.js and the calls to the GitHub GraphQL API are executed via Apollo Client. The app is deployed with Firebase and tested with Jest and Cypress. To implement the drag and drop options I used React Beautiful DnD library.
To start exploring you can type in the topic that you are interested in the search bar and add any options that you want to display in the SunBurst diagram. Options are draggable and droppable, so you can change their order effortlessly, also they memorize your search unless you close them. These are all available options of the GitHub search API. Please, note that this app currently uses one API key, so the number of queries is limited to 5000 per hour. If you have problems or glitches try refreshing the page.
For more details and use examples please refer to the howto section of our website.
If you have anything you think you can contribute to please contact me (atokhtamysh@gmail.com) or open an issue.