Uses Bootstrap to build the dashboard page layout
HTMLAdmin dashboard
spaceboard — HTML Admin dashboard Template
By akashpawara
A dashboard example page built with Bootstrap, jQuery, and D3.js that links a vector map with a CSV data table to display data.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-12View source
What stands out
A quick read of the recorded project description.
Binds JSON vector maps to the DOM via D3.js
Generates the table dynamically from a CSV data array
Links map and table through event listeners for switching
Includes map data for three levels: India, Maharashtra, and Mumbai
Pure static HTML project with no backend or build step
Template Details
spaceboard is a static HTML dashboard example that uses Bootstrap for page layout, jQuery for interaction handling, and D3.js for data-driven document manipulation. The vector map on the page is stored in JSON format and bound to the DOM via D3; the table data comes from a CSV file and is generated from an array. The project adds event listeners to map elements so the map and table are linked, and clicking a map region changes the table contents accordingly. The repository includes map JSON for three levels—India, Maharashtra, and Mumbai—along with a sample CSV data file, serving as a reference implementation for map-table linkage. The project is purely front-end static files with no backend or build process; simply open index.html to view it. To update data, replace the CSV under assets/data and the JSON files under assets/maps.
HTMLBackend
Is it right for your project?
Use Cases
- Learning how to implement D3.js map-table linkage
- Serving as a starting example for a data visualization dashboard
- Referencing how to render a table driven by CSV data
- Replacing map JSON and data files locally for prototype demos
Suitable For
- Developers who need an introductory D3.js map visualization example
- Front-end learners who want to examine the static page structure of a Bootstrap dashboard
- Personal projects that need an offline or purely static data dashboard prototype
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, open index.html directly in a browser to run it
- 2
Map data is located in the assets/maps directory in JSON format
- 3
Table data is located at assets/data/test.csv; keep the column structure consistent when replacing it
- 4
The page depends on local script files under assets/js, including jQuery, Bootstrap, and D3.js
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope applies to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- You may use, modify, commercially use, and distribute the code of this version for free.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/akashpawara/spaceboard/blob/master/LICENSEhttps://github.com/akashpawara/spaceboard/blob/master/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-12. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 68 / 100
- Technologies
- HTML
- Website type
- Admin dashboard
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2020-07-05
- Screenshot last checked
- 2026-10-12
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Review declaration: [email protected] · 2026-10-13
Inspect the recorded source material
SHA-256: f01b7a27ef9184fe94cb34a31ca228f7f475e62743781a2e8dc54b1d0a15edc3
2026-10-12T23:54:30.902Z
Source file / repository# [Spaceboard](https://akashpawara.github.io/spaceboard/)  [](https://discordapp.com/users/228556195689005059) [](https://www.linkedin.com/in/akashpawara)  >A dashboard example designed using bootstrap, Jquery and D3.js  To check out live demo, [Click here](https://akashpawara.github.io/spaceboard/) ### D3.js (Data Driven Documents) D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG, and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation. ### Maps and csv Vector maps are json data which are binded to DOM (Document Object Model) using D3. Tables are genreated from an array of data which came from csv file. By adding some Event Listeners, Vector maps are linked to the tables and data in the table changes accordingly. ## Table of Contents * [Quick Start](#quick-start) * [File Structure](#file-structure) * [Technical Support or Questions](#technical-support-or-questions) * [Social Media](#social-media) ## Quick start - Clone the repo: `git clone https://github.com/akashpawara/dashboard-map-d3.git`. ## File Structure Within the download you'll find the following directories and files: ``` dashboard-map-d3/ ├── README.md ├── LICENCE ├── assets │ ├── css │ │ ├── black-dashboard.css │ │ ├── nucleo-icons.css │ │ └── demo.css │ ├── data │ │ └── test.csv │ ├── fonts │ │ ├── nucleo.eot │ │ ├── nucleo.ttf │ │ ├── nucleo.woff │ │ └── nucleo.woff2 │ ├── js │ │ ├── core │ │ │ ├── bootstrap.min.js │ │ │ ├── jquery.min.js │ │ │ └── popper.min.js │ │ ├── plugins │ │ │ ├── chartjs.min.js │ │ │ └── perfect-scrollbar.jquery.min.js │ │ ├── black-dashboard.min.js │ │ ├── demo.js │ │ └── maps.js │ └── img │ ├── anime3.png │ ├── anime6.png │ └── spaceboard.gif │ ├── maps │ │ ├── india.json │ │ ├── maharashtra.json │ │ └── mum.json └── index.html ``` ## Technical Support or Questions If you have questions or need help integrating the product, [contact me](https://api.whatsapp.com/send?phone=917506021898) me on whatsapp or email me at ([email protected]). ## Social Media Linkedin: <https://www.linkedin.com/in/akashpawara> Medium: <https://medium.com/@akashpawara> Instagram: <https://instagram.com/akash_pawara_> Whatsapp: <https://api.whatsapp.com/send?phone=917506021898>
Explore similar templates
Compare previews and descriptions within the same stack and category.
gentelella
Gentelella v4 is a free, open-source admin dashboard template maintained by Colorlib, built with vanilla JavaScript, SCSS, and Vite 8 without Bootstrap or jQuery.
HTML · Admin dashboard
coreui-free-bootstrap-admin-template
A free Bootstrap admin template maintained by CoreUI, built on CoreUI's own UI component library. It provides compiled HTML pages and Pug template source code, covering dashboards, authentication, forms, components, icons, and error pages.
HTML · Admin dashboard
dashboards
A collection of responsive dashboard HTML templates open-sourced by Keen IO, built on CSS Grid, offering multiple prebuilt admin data interface layouts.
HTML · Admin dashboard
SB Admin 2
SB Admin 2 is a classic Bootstrap admin template from Start Bootstrap, offering dashboards, charts, tables, and common management pages.
HTML · Admin dashboard
Adminator-admin-dashboard
Adminator 4 is a vanilla HTML, CSS and JavaScript admin dashboard template with a CSS-variable token design system, built-in light and dark themes, no jQuery or Bootstrap dependency, and 18 pages covering dashboards, mail, calendar, charts, forms, tables and error pages.
HTML · Admin dashboard
SB Admin
SB Admin is a lightweight, open-source Bootstrap admin template from Start Bootstrap. It offers a sidebar-and-top-bar layout with data tables, forms, and stat cards, plus responsive design.
HTML · Admin dashboard