GRAPHnet Dashboard Sample

Menu A Page 1

Intro


Flag or Logo

Introductory information about this page

This dashboard format is a stand-alone html page. This makes it extremely portable, as it can be embedded as an iframe in any website. It can also be sent around internally, within the organization, as an email attachment, for example—no hosting necessary.

The charting library used is highly interactive, allowing the user to download the charts as PNG or PDF outputs, directly access the data that feeds each chart, and, in some cases, add or remove data groups.



Image 2

The dashboard is size-responsive, so all elements render properly on tablets and smartphones. (But smartphones with weak chips may experience slow chart render speed.)

Adding additional css styling is easy, but aggressive modifications might affect performance of the charting library.


Tabset 1

  Some information introducing the set of graphics below

Chart Sample 1

Chart Sample 2

Map

Table

Source

Information about the data sources used.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Some intervening text

Some intervening text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tabset 2

  Some information introducing the set of graphics below

Chart Sample 2

Placeholder tab 1

Placeholder tab 2

Placeholder tab 3

Placeholder tab 4

Information about the data sources used.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Some intervening text

Some intervening text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Menu A Page 2

Intro


Flag or Logo

Introductory information about this page

This dashboard format is a stand-alone html page. This makes it extremely portable, as it can be embedded as an iframe in any website. It can also be sent around internally, within the organization, as an email attachment, for example—no hosting necessary.

The charting library used is highly interactive, allowing the user to download the charts as PNG or PDF outputs, directly access the data that feeds each chart, and, in some cases, add or remove data groups.



Image 2

The dashboard is size-responsive, so all elements render properly on tablets and smartphones. (But smartphones with weak chips may experience slow chart render speed.)

Adding additional css styling is easy, but aggressive modifications might affect performance of the charting library.


Tabset 1

  A short piece of text introducing the data below.

Chart Sample 1

A new set of charts, on a different theme, could go here.

Chart Sample 2

Map

Table

Source

Tabset 2

  A short piece of text introducing the data below.

Chart Sample 1

A new set of charts, on a different theme, could go here.

Chart Sample 2

Map

Table

Source

Menu B Page 1

This page could be designed completely differently. That is, page templates are not necessarily universal. Offers lots of customization options

Menu B Page 2

This page could be designed completely differently. That is, page templates are not necessarily universal. Offers lots of customization options

Menu C Page 1

This page could be designed completely differently. That is, page templates are not necessarily universal. Offers lots of customization options

Menu C Page 2

This page could be designed completely differently. That is, page templates are not necessarily universal. Offers lots of customization options