Dashboard: Difference between revisions

From Tygron Preview Support Wiki
Jump to navigation Jump to search
Maxim@tygron.com (talk | contribs)
No edit summary
Maxim@tygron.com (talk | contribs)
No edit summary
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
Using the [[Text Panel]] users can create thee own dashboards in JavaScript making use of graphs from [[Plotly]].
[[File:hso_dashboard_instance_browser.png|thumb|right|Instance of the Hydrologic System Overview dashboard shown in the browser.]]
Using [[Text Panel]]s it is possible to create custom informational displays, commonly refered to as "dashboards". These dashboards can be created using [[HTML]], [[Javascript]], and [[CSS]]. To support this functionality, the [[Plotly]] library is also provided as a built-in option, allowing for the easy creation of graphs and charts.


You can also use the JavaScript Dashboarding Library provided at Github: https://github.com/Tygron/tygron-dashboard
A JavaScript Dashboarding Library is provided at Github:
 
https://github.com/Tygron/tygron-dashboard
 
Installers for Dashboards can also be developed with this library. An example of an installer is the hso-installer, found on the Public Share under ''plugins/hso.txt''. Such an installer can add required Overlays, Areas and Panels to a project that are required for an Dashboard, as well as configuring specific settings.


{{article end
{{article end
Line 7: Line 12:
* [[How to plot neighborhood demographics in a pie chart]]
* [[How to plot neighborhood demographics in a pie chart]]
* [[How to measure area averages of a grid and visualize it in a graph]]
* [[How to measure area averages of a grid and visualize it in a graph]]
* [[How to create a dashboard using the Dashboarding Library]]
* [[How to add the Hydrologic System Overview plugin]]
}}
}}

Latest revision as of 10:55, 28 January 2026

Instance of the Hydrologic System Overview dashboard shown in the browser.

Using Text Panels it is possible to create custom informational displays, commonly refered to as "dashboards". These dashboards can be created using HTML, Javascript, and CSS. To support this functionality, the Plotly library is also provided as a built-in option, allowing for the easy creation of graphs and charts.

A JavaScript Dashboarding Library is provided at Github:

https://github.com/Tygron/tygron-dashboard

Installers for Dashboards can also be developed with this library. An example of an installer is the hso-installer, found on the Public Share under plugins/hso.txt. Such an installer can add required Overlays, Areas and Panels to a project that are required for an Dashboard, as well as configuring specific settings.