Dashboard: Difference between revisions

From Tygron Preview Support Wiki
Jump to navigation Jump to search
No edit summary
Maxim@tygron.com (talk | contribs)
No edit summary
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
[[File:hso_dashboard_instance_browser.png|thumb|right|Instance of the Hydrologic System Overview dashboard shown in the browser.]]
[[File:hso_dashboard_instance_browser.png|thumb|right|Instance of the Hydrologic System Overview dashboard shown in the browser.]]
Using the [[Text Panel]] users can create thee own dashboards in JavaScript making use of graphs from [[Plotly]].
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:<br>
A JavaScript Dashboarding Library is provided at Github:
[https://github.com/Tygron/tygron-dashboard https://github.com/Tygron/tygron-dashboard]
 
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.
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.
Line 11: 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 install the Hydrologic System Overview in your project]]
* [[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.