npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

proto-dash

v0.0.1

Published

Prototype for more or less wild analytics board idea, allowing companies to define analytics dashboards for other users

Downloads

3

Readme

Berlytics - prototype dashboard - proto-dash

What is this

Prototype of a customizable widget based analytics dashboard, code name "Berlytics". It was put together as an launching platform for ideas by two mad scientists and to try out few potential analytics ideas.

Obviously if you want a full featured, customizable analytics dashboard, you'll want to look into klipfolio and the like.

The prototype served many purposes and one of them being to see what it would require to build a customizable analytics board that would allow easy customization of different dashboards and how well that raw analytics information then would translate into human readable (and understandable) context.

Where can I try this?

There is a demo server available but we cannot provide you with access unfortunately. Why? To allow access to Berlytics, you would need to have access to the used Embed API views (this is completely handled by Google) before hand. As Google performs the authorization against the email you use the service with and if the analytics information owner has not provided you with access to the analytics data, you cannot view them. I would love to allow you to see it but as of now.. I cannot predict the future and I do not know your e-mail. :smile: Sorry.

Pretty pictures

Login screen Berlytics Login screen

Example dashboard Berlytics Example dashboard

How far did it come?

Berlytics has fairly good support for Embed api (v3 mainly) as that's what we used mainly in the prototype.

  • Support for different types of widgets
  • iframe (for google docs mainly to view marketing information from shared excels etc.)
  • image
  • analytics (embed api based)
  • Per user customizable dashboards
  • Multiple dashboards per user
  • Providing the dashboard with customer support information

What next?

Well, the prototype server its purpose and we are moving forward onto other projects. It was never meant to be a full featured application but a prototype that has some rought edges around it.

Technologies used

  • Languages

  • Javascript (EcmaScript 6!)

  • CSS

  • HTML5

  • Database

  • Mongodb

  • Backend

  • Node.js

  • Frontend

  • Google API (gapi)

  • AngularJS

  • Jade

  • Browserify

  • Package management / Handling

  • Bower

  • NPM

  • Heroku

List of active TODO items

Link to TODO

We could continue as far as we want with this project and there is A LOT more to be done to the project than the almost empty TODO list. But for now, this will do, the prototype has server its purpose and we can conclude: yes, it's fairly easy to throw together a customizable dashboard but it might not be reasonable or cost-effective to try and compete with SaaS-services that already do this :) Fur stuff nonetheless!

MISC

  • Document the json structures of the db documents
  • Explain deployment + usage