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 a public search engine using AJAX and converting the results to FoamTree format.

• 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.

• 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.