Easy dashboard creaation from raw HTML components


Keywords
python, dashboard, jinja, html, js, css
License
MIT
Install
pip install ezdashboard==0.3.8

Documentation

ezdashboard

1 - Overview

ezdashboard stands for easy dashboard.
The purpose of this module is to enable fast creation of good looking dashboards from several raw HTML contents.

  • Each tile contains and display an HTML+JS+CSS content
  • Git Flavored Markdown, including Latex, content is converted to HTML
  • IMPORTANT: The HTML and JS must be written so as to avoid collision inter-tiles
    • No scope is added by this module
    • Content is pasted as-is (except Markdown and Latex)
  • In this demo some tile contents are just some text and a background color - but could be anything.
  • The content can be created in any way but for a Python user I recommend:

2 - Install

From command line:

pip install ezdashboard

3 - Examples

Below are animated gifs of 2 examples.

3.1 - Bootstrap layout and Markdown support

The user has transparent accesss to a bootstrap layout.
Blocks tagged as markdown are converted to html via the module py-gfm.
The toggle button is for demo only.

'Dashboard_example_1' Mouse and keyboard navigation across tabs

3.2 - Various contents mixed

The user can put together various types of content and make a dashboard out of them.

'Dashboard_example_2' Mouse and keyboard navigation across tabs

4 - Notebooks

Read the userguide and run a demo in the first demo notebook.

To look at the html/css/js generated open the demo dashboard produced (standalone HTML file) in your browser - similar to the first example animated gif above.

Then have a look at the second demo notebook which uses the contents created in these notebooks: