https://github.com/huytd/d3-dashboard

https://github.com/huytd/d3-dashboard

angular chart d3js

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/huytd/d3-dashboard
• Owner: huytd
• Created: 2016-04-14T19:26:29.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2018-01-23T19:34:07.000Z (over 8 years ago)
• Last Synced: 2025-07-31T00:55:02.314Z (11 months ago)
• Topics: angular, chart, d3js
• Language: JavaScript
• Size: 205 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# D3 Dashboard

Customizable Dashboard and D3 Chart Components.

![](screenshot.png)

The grid-based dashboard layout implemeted by [Gridstack](http://gridstackjs.com/).

The chart drawing components are implemented in `www/js/dashboard.directives.js`, can be use as Angular directives.

For example, this code draw a groupped bar chart:

**HTML**

```html

```

**JavaScript**

```javascript

const w = {

  dataUrl: 'API URL to return data (as JSON format)',

  chartName: 'Chart Name',

  labels: {

    x: 'X Axis Label',

    y: 'Y Axis Label' 

  },

  fitData: function(data) {

    // Custom code logic to transform data if neccessary

  }

};

```