Moiva.io logo

Moiva.io Blog

← all posts

October 2021 update

This is an October report on the progress of Moiva.io.

In response to several requests, I included links to the homepages of libraries to the Table.

In addition, the last commit date was added under the status label.

Homepage links and last commit date highlighted

Homepage links and last commit date highlighted

Charts improvements

You probably have noticed that when you generate the chart’s image using the chart’s menu (the “three-dots” button), the title is missing in the image.

The issue has been resolved, and the title is now visible in the produced image.

An example of chart's screenshot generated using the chart's menu

An example of chart’s screenshot generated using the chart’s menu

All the charts were refactored to have a consistent look and behaviour.

Charts descriptions were moved from the tooltips to the bottom.

Chart filters were also moved to the bottom.

“Cumulative” charts option

Moiva has the “New GitHub stars monthly” chart showing the rate at which new stars are acquired by a library on a monthly basis.

New stars rate reflects current popularity more precisely than a total number of stars.

Sometimes though it’s more interesting to look at the big picture and observe how the overall number of stars changes over time. And some users have already asked for that.

I added a “Cumulative” control to quickly switch between the two modes.

Switch between the two modes using "Cumulative" control

Switch between the two modes using “Cumulative” control

I wanted to add a similar control to the “Contributors” chart but turned out that it’s not that simple. After a prolonged conversation with GitHub Support, I realized that the API I use doesn’t suit the cumulative version of the chart. The proper implementation seems a bit complex. So I decided to put the implementation of this idea on hold.

Signifies for Trendy libraries

The Table presents a lot of factual numerical information. To help users make sense of that information, Moiva does the following:

I started to use another signifier, a rocket symbol 🚀, to draw attention to trendy libraries.

An example of using the "rocket" emoji to highlight trendy libraries

An example of using the “rocket” emoji to highlight trendy libraries

Colorised charts sections

For each comparison, Moiva presents 6 to 9 charts and it might be difficult to digest them all at once and make proper associations between them.

Even though the charts are organized into categories (“Popularity”, “Maintenance”, and “Miscellaneous”), it does little help to mobile users - the category title slides out the viewport when scrolling to a second-third chart in the category.

For each category section, I assigned a distinct background color to put more emphasis on the category of a particular chart and help users split the page into logical parts.

Groups of charts with different background color

Groups of charts with different background color

I like the colorised sections a lot! They bring more joy.

Back/Forward navigation

Back ⏪ and Forward ⏩ browser buttons have never worked and users reported the issue several times. I finally made them work 🙂

You don’t need XXX

Usage of tools like Moment and Lodash is often unjustified. That’s why I love resources like https://youmightnotneed.com

"Recommended reading" section with the links to "You might not need ..." resources

“Recommended reading” section with the links to “You might not need …” resources


Have any feedback or ideas about the project? I’m keen to know!

If you find the project interesting, stay tuned and Subscribe to Moiva’s monthly newsletter.

← all posts

Subscribe to the monthly newsletter

Made with by Alexey Antipov
About Catalog Blog
GitHub Twitter