GitHub search & visualization

This demo searches GitHub repositories and visualizes them in FoamTree.

---

25 results 50 results 100 results by stars ▼ by stars ▲ by forks ▼ by forks ▲ by updated ▼ by updated ▲ Search

Try: language:javascript | language:java | voronoi | webgl | testing

Click polygon for more details. Use mouse wheel or pinch to zoom.

---

What's in the code?

• Getting search results from the public GitHub search API with fetch() and converting the results to FoamTree format. Without authentication, GitHub allows a few searches per minute; once the limit is exceeded, the visualization shows GitHub's message.
• Using the CarrotSearchFoamTree.loader utility script to manage the data loading indicator.
• Using the groupContentDecorator along with geometry utilities to lay out and render custom content in each polygon.
• Dynamically loading user avatar images and displaying a loading indicator animation while the image is loading.
• Using the update method to dynamically adjust the visualization after weights change in response to the user's choice of a different Size polygons by option.
• Using the groupColorDecorator to apply custom colors based on the time the repository was created, pushed to or updated.
• Displaying a simple details panel when the user selects some group, with relative dates formatted by Intl.RelativeTimeFormat.
• Using the CarrotSearchFoamTree.relaxationProgress utility script to show the layout relaxation progress bar.
• Using the titleBarDecorator option to customize the triggering and content of the built-in title bar.
• Loading and using custom web fonts to render FoamTree content.