apertureless / npm-stats Goto Github PK
View Code? Open in Web Editor NEW๐ npm package statistics dashboard build with vue
Home Page: http://www.npm-stats.org
๐ npm package statistics dashboard build with vue
Home Page: http://www.npm-stats.org
It would be great if there is a feature that counts the number of package downloads cumulatively.
I would like to see the overall download count trend for the package.
Thank you again for providing great features and pretty http://npm-stats.org/.
Today, 26-th of may, 2018, npm-stats.org seems to be not showing charts anymore.
There are no errors in console and charts are not showing up (at least in Chrome and Opera - both mobile and desktop).
Tested with a bunch of Vue packages, including:
@apertureless, can you confirm this?
Not really convenient
Right now, after changing the date in the settings, you need to press the find
button.
Would be better to fetch the data directly on change of the start date, if the packageName
is set. As the end date default it set to the current date.
Sorry to ask this here but I couldn't find any solution for my issue.
I'm trying to use a similar approach to your project where labels and datasets are defined in a child component with binds to props in the parent component but I'm not getting any results.
"Vue.js devtools" add-on shows that props contain data passed in the parent component however the initial console log show empty arrays:
loadData init
Array []
Array []
So due to the fact that "Chart.js does not provide a live update if you change the datasets" I tried reactiveProp mixin which throws the error below, most likely because I'm updating only a single dataset:
Error in callback for watcher "chartData": "TypeError: newData.datasets is undefined"
Questions:
How the charts in your project are updated if initially, bound arrays are empty and I don't see any related mixin or watcher?
How to use vue-chartjs mixins to provide live updates in this case? I want to keep all the options and config in the chart component and just update the labels and datatsets.
This is my example in a codesandbox.
Btw, this works with computed properties but not with data/methods for some reason.
Thanks for this great software!
I guess it would be a good idea to refactor npm-stats to nuxtjs to utilize ssr
add vue-meta for meta tags and head stuff.
Better UX if the header logo points to the start page, and resets settings
It would be cool if you could share the current statistics page on social media. With a screenshot of the chart.
http://npm-stats.org/#/<package-name
You are at /
page and type in the package name. A v-if
condition renders the chart on the current page.
If you type in the package name the the charts are loaded without page reload but the package name gets pushed to the url. So you can share the link.
npm-stats.org/#/vue-chartjs
npm-stats.org/#/vue
Right now the time range is set to last-month as a default.
Additionally a settings page is needed to set start and end period.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.