The next gen download dashboard
- start DownloadStats
npm install
npm start
- Compile and generate static files
npm run-script build
- serve ./dist
The next gen download dashboard
Home Page: https://dash-v2.adoptopenjdk.net/
The next gen download dashboard
npm install
npm start
npm run-script build
Summary
It would be useful to have the ability to view both the pattern of machine usage over time by platform, and also an analysis of this data (e.g. peak capacity vs peak usage, or total per-day usage vs total per-day capacity).
Reasoning
This data, if correctly analysed, would give us an at-a-glance answer to the following questions:
Details
The initial vision is of a graph showing available throughput vs used throughput over time, with controls beneath and a side-bar showing analytics.
Optional extras
Notes
Some of this may overlap with the Nagios issue. To review when that issue is complete.
https://github.com/AdoptOpenJDK/openjdk-dashboard-v2/runs/759987620?check_suite_focus=true
Failing on the packaging step which is odd as underlying dependencies did not change
The website dash.adoptopenjdk.net is currently not responding.
It appears that the Dependabot has made a breaking change to the CNAME file on the gh-pages
branch, changing it from dash.adoptopenjdk.net
to dash-v2.adoptopenjdk.net
.
Note that the master branch still has dash-v2.adoptopenjdk.net
.
When comparing the trends in OpenJ9 vs Hotspot the differences in absolute values squashes the trends in OpenJ9 into a (more or less) flat line. It would be helpful to see a normalized line graph (probably to the maximum point on each line) to show the trends side by side in a more comparable way.
We're looking to increase the v2 dashboard's functionality to be able to show two new sets of data.
For this we would need some new endpoints from the v3 api (AdoptOpenJDK/openjdk-api-v3#129). Most of the front end work for this seems simple enough as there is already lots of useful framework.
The newly added download trends chart could perhaps be better implemented using RangeSelectors from Highchart
With the completion of AdoptOpenJDK/openjdk-api-v3#44, we can use the API to pull the historical download count and compare operating systems, sources, versions and dates. A feature should be added that will allow users to view historical download trends across various fields. This should be possible using reactjs libraries (https://react-dashboard.cube.dev/, https://react-bootstrap.github.io/, etc)
antd ^3.26.18 → ^4.18.7
express ^4.17.1 → ^4.17.2
highcharts ^9.0.0 → ^9.3.3
highcharts-react-official ^2.2.2 → ^3.1.0
http-proxy-middleware ^0.19.2 → ^2.0.3
moment ^2.26.0 → ^2.29.1
react ^16.13.1 → ^17.0.2
react-dom ^16.13.1 → ^17.0.2
react-router ^5.2.0 → ^6.2.1
react-router-dom ^5.2.0 → ^6.2.1
@babel/core ^7.10.2 → ^7.17.2
@babel/plugin-proposal-class-properties ^7.10.1 → ^7.16.7
[email protected] start
node server.js
🚨 Cannot read property 'length' of undefined
at lineCounter (/Users/karianna/Documents/workspace/adoptopenjdk/openjdk-dashboard-v2/node_modules/parcel-bundler/src/utils/lineCounter.js:3:30)
at JSPackager.writeModule (/Users/karianna/Documents/workspace/adoptopenjdk/openjdk-dashboard-v2/node_modules/parcel-bundler/src/packagers/JSPackager.js:127:60)
at async JSPackager.addAsset (/Users/karianna/Documents/workspace/adoptopenjdk/openjdk-dashboard-v2/node_modules/parcel-bundler/src/packagers/JSPackager.js:88:5)
at async Bundle._addDeps (/Users/karianna/Documents/workspace/adoptopenjdk/openjdk-dashboard-v2/node_modules/parcel-bundler/src/Bundle.js:250:5)
at async Bundle._package (/Users/karianna/Documents/workspace/adoptopenjdk/openjdk-dashboard-v2/node_modules/parcel-bundler/src/Bundle.js:219:7)
at async Promise.all (index 0)
at async Bundle.package (/Users/karianna/Documents/workspace/adoptopenjdk/openjdk-dashboard-v2/node_modules/parcel-bundler/src/Bundle.js:202:5)
at async Promise.all (index 2)
at async Bundle.package (/Users/karianna/Documents/workspace/adoptopenjdk/openjdk-dashboard-v2/node_modules/parcel-bundler/src/Bundle.js:202:5)
at async Bundler.bundle (/Users/karianna/Documents/workspace/adoptopenjdk/openjdk-dashboard-v2/node_modules/parcel-bundler/src/Bundler.js:325:27)
Whilst working on AdoptOpenJDK/openjdk-api-v3#306 I spotted that the old V2 dashboard is still running but appears to be broken.
One option is to look at fixing it but maybe a better option would be to redirect to the latest dashboard based on the V3 API.
When requesting to view the trends from the AdoptOpenJDK dashboard, we cannot do it, and the message is "Something went wrong."
The newly added download trends chart has a filter selection with hardcoded JDK versions.
We can do a simple api query of available versions, and render that set of version filters?
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.