https://github.com/kantord/just-dashboard

:bar_chart: :clipboard: Dashboards using YAML or JSON files
https://github.com/kantord/just-dashboard

big-data business-intelligence chart csv d3 d3js dashboard data data-driven data-engineering data-science data-visualization gist github-gist json just-dashboard yaml

Last synced: 27 days ago
JSON representation

:bar_chart: :clipboard: Dashboards using YAML or JSON files

• Host: GitHub
• URL: https://github.com/kantord/just-dashboard
• Owner: kantord
• License: mit
• Created: 2018-01-18T13:19:04.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T20:30:45.000Z (11 months ago)
• Last Synced: 2024-09-30T23:01:53.832Z (about 1 month ago)
• Topics: big-data, business-intelligence, chart, csv, d3, d3js, dashboard, data, data-driven, data-engineering, data-science, data-visualization, gist, github-gist, json, just-dashboard, yaml
• Language: JavaScript
• Homepage: https://kantord.github.io/just-dashboard/
• Size: 3.18 MB
• Stars: 1,569
• Watchers: 26
• Forks: 60
• Open Issues: 53
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome - kantord/just-dashboard - :bar_chart: :clipboard: Dashboards using YAML or JSON files (JavaScript)

README

        
just-dashboard




  Documentation •

  Getting started •

  Chart types



 [![Travis](https://img.shields.io/travis/kantord/just-dashboard/master.svg)]() ![Codecov](https://img.shields.io/codecov/c/github/kantord/just-dashboard/master.svg)

just-dashboard turns this:

```yaml

dashboard "Food":

  - h1 text: Food

  - h2 text: By caloric content

  - 3 columns:

    - rows:

      - h3 text: Bananas

      - pie chart: {

          "columns": [

            ["Protein", 5], ["Sugar", 10], ["Other carbs", 40], ["Fat", 1]

          ]

        }

    - rows:

      - h3 text: Tofu

      - pie chart: {

          "columns": [

            ["Protein", 30], ["Sugar", 0], ["Other carbs", 40], ["Fat", 3]

          ]

        }

    - rows:

      - h3 text: Peanut butter

      - pie chart: {

          "columns": [

            ["Protein", 20], ["Sugar", 2], ["Other carbs", 20], ["Fat", 50]

          ]

}

```

Into this:

![Screenshot of a dashboard that compares the macronutrients in bananas, tofu and peanut butter.](https://github.com/kantord/just-dashboard/raw/master/screenshot.png "")

To host your dashboard, you can roll your own backend, or:

- Create a public GitHub gist with a file named dashboard.yml or dashboard.json (depending on your preferred format)

- Access it as a shareable dashboard at: `http://bottoml.in/e/{Github username}/{Gist ID}`

In fact, I've created a Gist with the example above: [https://gist.github.com/kantord/2973bdd4ad689642562018bb4091ffbd](https://gist.github.com/kantord/2973bdd4ad689642562018bb4091ffbd); 

thus it's accessible as a dashboard at: [http://bottoml.in/e/kantord/2973bdd4ad689642562018bb4091ffbd](http://bottoml.in/e/kantord/2973bdd4ad689642562018bb4091ffbd)