dictybase-playground / dictyaccess

Dashboard for data visualization in Dictybase applications
0 stars 2 forks source link

Design ideas #2

Closed erichartline closed 5 years ago

erichartline commented 6 years ago

Tracker for dashboard design ideas.

Templates: Material Dashboard - Material-UI Tabler - Bootstrap Tabler React

Material Design Color Tool

Look into charts, graphs, pie charts, etc. Make it flashy. Make the graph look like an equalizer. Add animation.

erichartline commented 6 years ago

Recharts looks like a strong option for any charts. Seems fairly active, has lots of stars and good documentation.

erichartline commented 6 years ago

Something I've discovered -- the newest version of styled-components does not play nice with our header/footer.

screenshot-2018-4-11 dictyaccess

However, reverting to version 2.4.0 fixed this. Something to keep in mind.

erichartline commented 6 years ago

More dashboard examples:

https://coreui.io/demo/React_Demo/#/dashboard https://hq.squadlytics.com/squadlytics-development/ https://adminlte.io/themes/AdminLTE/index2.html https://github.com/booleanhunter/ReactJS-AdminLTE (React version of previous link) http://preview.themeforest.net/item/isomorphic-react-redux-admin-dashboard/full_screen_preview/20262330?_ga=2.98739550.1363072210.1524583769-1396810416.1524583769 https://github.com/puikinsh/gentelella

Discussion of React-based dashboards: https://www.quora.com/Have-any-companies-projects-used-React-js-to-create-dashboards-How-has-the-experience-been

erichartline commented 6 years ago

One thing I would like to add is a progress bar or some other visual aid showing the number/percentage increase of strains/plasmids/etc per month (or some other time period).

erichartline commented 6 years ago

Another good one: https://reduction-admin.github.io/react-reduction/

erichartline commented 5 years ago

Closing since app has been moved to /dictybase