gitmyhub

dashboards

HTML ★ 11k updated 4y ago

Responsive dashboard templates 📊✨

A collection of responsive HTML dashboard templates built with CSS Grid, giving you a ready-made layout for analytics charts without writing any positioning code from scratch.

HTMLCSS GridJavaScriptDockersetup: easycomplexity 2/5

This repository is a collection of HTML dashboard templates built by Keen IO for displaying analytics charts and data. The templates are based on CSS Grid, which means they resize and reflow automatically across different screen sizes. The goal is to give you a starting point for an analytics dashboard without writing layout code from scratch.

The workflow is straightforward. You download the repository, choose a layout template from the collection, open the HTML file in a text editor, and fill in the chart-stage elements with your actual charts. Each layout positions placeholder containers on the page. You replace those placeholders with chart code, and the dashboard takes shape. The templates are designed to work especially well with Keen IO's own charting library, keen-dataviz.js, but the README notes they can work with any charting tool or data source.

For Keen IO users, the setup involves pointing each chart at a Keen project and query. For those who do not have a Keen IO account, the repository includes demo data files that you can paste into the HTML to see a working example right away. The process of wiring up a chart involves matching the id attribute on a div element to a container selector in your chart code.

Docker support is also included: you can clone the repository, build a Docker image, and run the dashboard as a local web server. Contributing is welcomed: the project accepts pull requests and bug reports via GitHub issues. The site backing this project publishes directly from the gh-pages branch, so approved changes go live immediately.

The README does not specify a software license for the templates.

Where it fits